build: TypeScript fixes (#1392)

- JS to TS conversion fixes found from doing Enterprise conversion

Author: mofojed

packages/components/src/context-actions/ContextActions.tsx

@@ -61,7 +61,7 @@ class ContextActions extends Component<
    * Items within groups are ordered by their order property, then by their title.
    */
   static groups = {
-    default: null,
+    default: undefined,
     high: 100,
     medium: 5000,
     low: 10000,

packages/storage/src/Storage.ts

@@ -1,4 +1,4 @@
-export type FilterValue = number | string;
+export type FilterValue = number | string | string[];
 
 export type FilterConfigItem = {
   columnName: string;

packages/storage/src/StorageTableViewportUpdater.ts

@@ -11,15 +11,15 @@ import {
   ViewportUpdateCallback,
 } from './Storage';
 
-export type StorageTableViewportUpdaterProps = {
-  table: StorageTable<StorageItem>;
+export type StorageTableViewportUpdaterProps<T extends StorageItem> = {
+  table: StorageTable<T>;
   columns?: string[];
   top?: number;
   bottom?: number;
   filters?: FilterConfig[];
   sorts?: SortConfig[];
   isReversed?: boolean;
-  onUpdate: ViewportUpdateCallback<StorageItem>;
+  onUpdate: ViewportUpdateCallback<T>;
 };
 
 const UPDATE_DELAY = 150;
@@ -28,7 +28,9 @@ const ROW_BUFFER_PAGES = 3;
 
 const log = Log.module('StorageTableViewportUpdater');
 
-export function StorageTableViewportUpdater({
+export function StorageTableViewportUpdater<
+  T extends StorageItem = StorageItem
+>({
   table,
   columns,
   top = 0,
@@ -37,7 +39,7 @@ export function StorageTableViewportUpdater({
   sorts,
   isReversed = false,
   onUpdate,
-}: StorageTableViewportUpdaterProps): null {
+}: StorageTableViewportUpdaterProps<T>): null {
   const throttledUpdateViewport = useMemo(
     () =>
       throttle((viewport: StorageTableViewport) => {
@@ -59,14 +61,12 @@ export function StorageTableViewportUpdater({
 
   useEffect(
     function updateViewportAndReturnCleanup() {
-      const cleanup = table.onUpdate(
-        (viewportData: ViewportData<StorageItem>) => {
-          onUpdate({
-            items: viewportData.items ?? [],
-            offset: viewportData.offset ?? 0,
-          });
-        }
-      );
+      const cleanup = table.onUpdate((viewportData: ViewportData<T>) => {
+        onUpdate({
+          items: viewportData.items ?? [],
+          offset: viewportData.offset ?? 0,
+        });
+      });
 
       return () => {
         log.debug('onUpdate cleanup');