@deephaven/jsapi-components 0.47.1-beta.0 → 0.47.1-dynamic-import.4

package/dist/index.d.ts

@@ -4,17 +4,28 @@ export * from './RefreshTokenBootstrap';
 export * from './RefreshTokenUtils';
 export { default as useBroadcastChannel } from './useBroadcastChannel';
 export { default as useBroadcastLoginListener } from './useBroadcastLoginListener';
+export * from './useCheckIfExistsValue';
 export { default as useDebouncedViewportSearch } from './useDebouncedViewportSearch';
+export * from './useDebouncedViewportSelectionFilter';
+export * from './useFilterConditionFactories';
+export * from './useFilteredItemsWithDefaultValue';
+export * from './useGetItemPosition';
 export { default as useInitializeViewportData } from './useInitializeViewportData';
+export * from './useSearchableViewportData';
+export * from './useNotNullOrEmptyFilter';
+export * from './usePickerWithSelectedValues';
+export { default as useSelectDistinctTable } from './useSelectDistinctTable';
+export { default as useSetPaddedViewportCallback } from './useSetPaddedViewportCallback';
+export * from './useShowOnlyEmptyFilter';
 export { default as useTable } from './useTable';
 export { default as useTableColumn } from './useTableColumn';
 export { default as useTableListener } from './useTableListener';
-export { default as useSelectDistinctTable } from './useSelectDistinctTable';
-export { default as useSetPaddedViewportCallback } from './useSetPaddedViewportCallback';
 export { default as useTableClose } from './useTableClose';
 export { default as useTableSize } from './useTableSize';
 export { default as useTableUtils } from './useTableUtils';
+export * from './useValueFilter';
 export { default as useViewportData } from './useViewportData';
 export type { UseSelectDistinctTableResult } from './useSelectDistinctTable';
 export type { UseViewportDataResult } from './useViewportData';
+export * from './useViewportFilter';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -4,15 +4,26 @@ export * from "./RefreshTokenBootstrap.js";
 export * from "./RefreshTokenUtils.js";
 export { default as useBroadcastChannel } from "./useBroadcastChannel.js";
 export { default as useBroadcastLoginListener } from "./useBroadcastLoginListener.js";
+export * from "./useCheckIfExistsValue.js";
 export { default as useDebouncedViewportSearch } from "./useDebouncedViewportSearch.js";
+export * from "./useDebouncedViewportSelectionFilter.js";
+export * from "./useFilterConditionFactories.js";
+export * from "./useFilteredItemsWithDefaultValue.js";
+export * from "./useGetItemPosition.js";
 export { default as useInitializeViewportData } from "./useInitializeViewportData.js";
+export * from "./useSearchableViewportData.js";
+export * from "./useNotNullOrEmptyFilter.js";
+export * from "./usePickerWithSelectedValues.js";
+export { default as useSelectDistinctTable } from "./useSelectDistinctTable.js";
+export { default as useSetPaddedViewportCallback } from "./useSetPaddedViewportCallback.js";
+export * from "./useShowOnlyEmptyFilter.js";
 export { default as useTable } from "./useTable.js";
 export { default as useTableColumn } from "./useTableColumn.js";
 export { default as useTableListener } from "./useTableListener.js";
-export { default as useSelectDistinctTable } from "./useSelectDistinctTable.js";
-export { default as useSetPaddedViewportCallback } from "./useSetPaddedViewportCallback.js";
 export { default as useTableClose } from "./useTableClose.js";
 export { default as useTableSize } from "./useTableSize.js";
 export { default as useTableUtils } from "./useTableUtils.js";
+export * from "./useValueFilter.js";
 export { default as useViewportData } from "./useViewportData.js";
+export * from "./useViewportFilter.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","TableInput","useBroadcastChannel","useBroadcastLoginListener","useDebouncedViewportSearch","useInitializeViewportData","useTable","useTableColumn","useTableListener","useSelectDistinctTable","useSetPaddedViewportCallback","useTableClose","useTableSize","useTableUtils","useViewportData"],"sources":["../src/index.ts"],"sourcesContent":["export * from './HookTestUtils';\nexport { default as TableInput } from './TableInput';\nexport * from './RefreshTokenBootstrap';\nexport * from './RefreshTokenUtils';\nexport { default as useBroadcastChannel } from './useBroadcastChannel';\nexport { default as useBroadcastLoginListener } from './useBroadcastLoginListener';\nexport { default as useDebouncedViewportSearch } from './useDebouncedViewportSearch';\nexport { default as useInitializeViewportData } from './useInitializeViewportData';\nexport { default as useTable } from './useTable';\nexport { default as useTableColumn } from './useTableColumn';\nexport { default as useTableListener } from './useTableListener';\nexport { default as useSelectDistinctTable } from './useSelectDistinctTable';\nexport { default as useSetPaddedViewportCallback } from './useSetPaddedViewportCallback';\nexport { default as useTableClose } from './useTableClose';\nexport { default as useTableSize } from './useTableSize';\nexport { default as useTableUtils } from './useTableUtils';\nexport { default as useViewportData } from './useViewportData';\nexport type { UseSelectDistinctTableResult } from './useSelectDistinctTable';\nexport type { UseViewportDataResult } from './useViewportData';\n"],"mappings":";SACSA,OAAO,IAAIC,UAAU;AAAA;AAAA;AAAA,SAGrBD,OAAO,IAAIE,mBAAmB;AAAA,SAC9BF,OAAO,IAAIG,yBAAyB;AAAA,SACpCH,OAAO,IAAII,0BAA0B;AAAA,SACrCJ,OAAO,IAAIK,yBAAyB;AAAA,SACpCL,OAAO,IAAIM,QAAQ;AAAA,SACnBN,OAAO,IAAIO,cAAc;AAAA,SACzBP,OAAO,IAAIQ,gBAAgB;AAAA,SAC3BR,OAAO,IAAIS,sBAAsB;AAAA,SACjCT,OAAO,IAAIU,4BAA4B;AAAA,SACvCV,OAAO,IAAIW,aAAa;AAAA,SACxBX,OAAO,IAAIY,YAAY;AAAA,SACvBZ,OAAO,IAAIa,aAAa;AAAA,SACxBb,OAAO,IAAIc,eAAe"}
+{"version":3,"file":"index.js","names":["default","TableInput","useBroadcastChannel","useBroadcastLoginListener","useDebouncedViewportSearch","useInitializeViewportData","useSelectDistinctTable","useSetPaddedViewportCallback","useTable","useTableColumn","useTableListener","useTableClose","useTableSize","useTableUtils","useViewportData"],"sources":["../src/index.ts"],"sourcesContent":["export * from './HookTestUtils';\nexport { default as TableInput } from './TableInput';\nexport * from './RefreshTokenBootstrap';\nexport * from './RefreshTokenUtils';\nexport { default as useBroadcastChannel } from './useBroadcastChannel';\nexport { default as useBroadcastLoginListener } from './useBroadcastLoginListener';\nexport * from './useCheckIfExistsValue';\nexport { default as useDebouncedViewportSearch } from './useDebouncedViewportSearch';\nexport * from './useDebouncedViewportSelectionFilter';\nexport * from './useFilterConditionFactories';\nexport * from './useFilteredItemsWithDefaultValue';\nexport * from './useGetItemPosition';\nexport { default as useInitializeViewportData } from './useInitializeViewportData';\nexport * from './useSearchableViewportData';\nexport * from './useNotNullOrEmptyFilter';\nexport * from './usePickerWithSelectedValues';\nexport { default as useSelectDistinctTable } from './useSelectDistinctTable';\nexport { default as useSetPaddedViewportCallback } from './useSetPaddedViewportCallback';\nexport * from './useShowOnlyEmptyFilter';\nexport { default as useTable } from './useTable';\nexport { default as useTableColumn } from './useTableColumn';\nexport { default as useTableListener } from './useTableListener';\nexport { default as useTableClose } from './useTableClose';\nexport { default as useTableSize } from './useTableSize';\nexport { default as useTableUtils } from './useTableUtils';\nexport * from './useValueFilter';\nexport { default as useViewportData } from './useViewportData';\nexport type { UseSelectDistinctTableResult } from './useSelectDistinctTable';\nexport type { UseViewportDataResult } from './useViewportData';\nexport * from './useViewportFilter';\n"],"mappings":";SACSA,OAAO,IAAIC,UAAU;AAAA;AAAA;AAAA,SAGrBD,OAAO,IAAIE,mBAAmB;AAAA,SAC9BF,OAAO,IAAIG,yBAAyB;AAAA;AAAA,SAEpCH,OAAO,IAAII,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA,SAKrCJ,OAAO,IAAIK,yBAAyB;AAAA;AAAA;AAAA;AAAA,SAIpCL,OAAO,IAAIM,sBAAsB;AAAA,SACjCN,OAAO,IAAIO,4BAA4B;AAAA;AAAA,SAEvCP,OAAO,IAAIQ,QAAQ;AAAA,SACnBR,OAAO,IAAIS,cAAc;AAAA,SACzBT,OAAO,IAAIU,gBAAgB;AAAA,SAC3BV,OAAO,IAAIW,aAAa;AAAA,SACxBX,OAAO,IAAIY,YAAY;AAAA,SACvBZ,OAAO,IAAIa,aAAa;AAAA;AAAA,SAExBb,OAAO,IAAIc,eAAe;AAAA"}

package/dist/useCheckIfExistsValue.d.ts

@@ -0,0 +1,24 @@
+import type { Table } from '@deephaven/jsapi-types';
+export interface CheckIfExistsValue {
+    /** Current trimmed value */
+    valueTrimmed: string;
+    /** Debounced trimmed value */
+    valueTrimmedDebounced: string;
+    /**
+     * Whether the value exists in the given table columns. Will be null whenever
+     * the value changes until the next check is complete.
+     */
+    valueExists: boolean | null;
+    /** Trims and updates the value */
+    trimAndUpdateValue: (value: string) => void;
+}
+/**
+ * Manage a trimmed text value and check if it exists in a list of table columns.
+ * @param table The table to check for the value
+ * @param columnNames The column names to check
+ * @param debounceMs Debounce timer for re-checking the value
+ * @param isCaseSensitive Whether the value check is case sensitive
+ */
+export declare function useCheckIfExistsValue(table: Table | null | undefined, columnNames: string | string[], debounceMs: number, isCaseSensitive: boolean): CheckIfExistsValue;
+export default useCheckIfExistsValue;
+//# sourceMappingURL=useCheckIfExistsValue.d.ts.map

package/dist/useCheckIfExistsValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckIfExistsValue.d.ts","sourceRoot":"","sources":["../src/useCheckIfExistsValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAIpD,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAC;IAErB,8BAA8B;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,WAAW,EAAE,OAAO,GAAG,IAAI,CAAC;IAE5B,kCAAkC;IAClC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,EAC/B,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,EAC9B,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,OAAO,GACvB,kBAAkB,CA+BpB;AAED,eAAe,qBAAqB,CAAC"}

package/dist/useCheckIfExistsValue.js

@@ -0,0 +1,34 @@
+import { useCallback, useState } from 'react';
+import { useDebouncedValue, usePromiseFactory } from '@deephaven/react-hooks';
+import useTableUtils from "./useTableUtils.js";
+/**
+ * Manage a trimmed text value and check if it exists in a list of table columns.
+ * @param table The table to check for the value
+ * @param columnNames The column names to check
+ * @param debounceMs Debounce timer for re-checking the value
+ * @param isCaseSensitive Whether the value check is case sensitive
+ */
+export function useCheckIfExistsValue(table, columnNames, debounceMs, isCaseSensitive) {
+  var tableUtils = useTableUtils();
+  var [valueTrimmed, setValueTrimmed] = useState('');
+  var valueTrimmedDebounced = useDebouncedValue(valueTrimmed, debounceMs);
+  var trimAndUpdateValue = useCallback(text => {
+    setValueTrimmed(text.trim());
+  }, []);
+  var {
+    data: valueExistsData,
+    isLoading: valueExistsIsLoading
+  } = usePromiseFactory(tableUtils.doesColumnValueExist, [table, columnNames, valueTrimmedDebounced, isCaseSensitive]);
+
+  // If value check is loading or if debounce hasn't settled, set
+  // `matchesExistingValue` to null since it is indeterminate
+  var valueExists = valueExistsIsLoading || valueTrimmed !== valueTrimmedDebounced ? null : valueExistsData;
+  return {
+    valueTrimmed,
+    valueTrimmedDebounced,
+    valueExists,
+    trimAndUpdateValue
+  };
+}
+export default useCheckIfExistsValue;
+//# sourceMappingURL=useCheckIfExistsValue.js.map

package/dist/useCheckIfExistsValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckIfExistsValue.js","names":["useCallback","useState","useDebouncedValue","usePromiseFactory","useTableUtils","useCheckIfExistsValue","table","columnNames","debounceMs","isCaseSensitive","tableUtils","valueTrimmed","setValueTrimmed","valueTrimmedDebounced","trimAndUpdateValue","text","trim","data","valueExistsData","isLoading","valueExistsIsLoading","doesColumnValueExist","valueExists"],"sources":["../src/useCheckIfExistsValue.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport type { Table } from '@deephaven/jsapi-types';\nimport { useDebouncedValue, usePromiseFactory } from '@deephaven/react-hooks';\nimport useTableUtils from './useTableUtils';\n\nexport interface CheckIfExistsValue {\n  /** Current trimmed value */\n  valueTrimmed: string;\n\n  /** Debounced trimmed value */\n  valueTrimmedDebounced: string;\n\n  /**\n   * Whether the value exists in the given table columns. Will be null whenever\n   * the value changes until the next check is complete.\n   */\n  valueExists: boolean | null;\n\n  /** Trims and updates the value */\n  trimAndUpdateValue: (value: string) => void;\n}\n\n/**\n * Manage a trimmed text value and check if it exists in a list of table columns.\n * @param table The table to check for the value\n * @param columnNames The column names to check\n * @param debounceMs Debounce timer for re-checking the value\n * @param isCaseSensitive Whether the value check is case sensitive\n */\nexport function useCheckIfExistsValue(\n  table: Table | null | undefined,\n  columnNames: string | string[],\n  debounceMs: number,\n  isCaseSensitive: boolean\n): CheckIfExistsValue {\n  const tableUtils = useTableUtils();\n\n  const [valueTrimmed, setValueTrimmed] = useState('');\n  const valueTrimmedDebounced = useDebouncedValue(valueTrimmed, debounceMs);\n\n  const trimAndUpdateValue = useCallback((text: string) => {\n    setValueTrimmed(text.trim());\n  }, []);\n\n  const { data: valueExistsData, isLoading: valueExistsIsLoading } =\n    usePromiseFactory(tableUtils.doesColumnValueExist, [\n      table,\n      columnNames,\n      valueTrimmedDebounced,\n      isCaseSensitive,\n    ]);\n\n  // If value check is loading or if debounce hasn't settled, set\n  // `matchesExistingValue` to null since it is indeterminate\n  const valueExists =\n    valueExistsIsLoading || valueTrimmed !== valueTrimmedDebounced\n      ? null\n      : valueExistsData;\n\n  return {\n    valueTrimmed,\n    valueTrimmedDebounced,\n    valueExists,\n    trimAndUpdateValue,\n  };\n}\n\nexport default useCheckIfExistsValue;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,wBAAwB;AAAC,OACvEC,aAAa;AAmBpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqB,CACnCC,KAA+B,EAC/BC,WAA8B,EAC9BC,UAAkB,EAClBC,eAAwB,EACJ;EACpB,IAAMC,UAAU,GAAGN,aAAa,EAAE;EAElC,IAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAGX,QAAQ,CAAC,EAAE,CAAC;EACpD,IAAMY,qBAAqB,GAAGX,iBAAiB,CAACS,YAAY,EAAEH,UAAU,CAAC;EAEzE,IAAMM,kBAAkB,GAAGd,WAAW,CAAEe,IAAY,IAAK;IACvDH,eAAe,CAACG,IAAI,CAACC,IAAI,EAAE,CAAC;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM;IAAEC,IAAI,EAAEC,eAAe;IAAEC,SAAS,EAAEC;EAAqB,CAAC,GAC9DjB,iBAAiB,CAACO,UAAU,CAACW,oBAAoB,EAAE,CACjDf,KAAK,EACLC,WAAW,EACXM,qBAAqB,EACrBJ,eAAe,CAChB,CAAC;;EAEJ;EACA;EACA,IAAMa,WAAW,GACfF,oBAAoB,IAAIT,YAAY,KAAKE,qBAAqB,GAC1D,IAAI,GACJK,eAAe;EAErB,OAAO;IACLP,YAAY;IACZE,qBAAqB;IACrBS,WAAW;IACXR;EACF,CAAC;AACH;AAEA,eAAeT,qBAAqB"}

package/dist/useDebouncedViewportSearch.d.ts

@@ -9,5 +9,6 @@ export declare const DEBOUNCE_VIEWPORT_SEARCH_MS = 200;
  * @param debounceMs Millisecond value to debounce
  * @returns A debounced search function
  */
-export default function useDebouncedViewportSearch<I, T extends Table | TreeTable>(viewportData: UseViewportDataResult<I, T>, columnName: string, debounceMs?: number): (searchText: string) => void;
+export declare function useDebouncedViewportSearch<I, T extends Table | TreeTable>(viewportData: UseViewportDataResult<I, T>, columnName: string, debounceMs?: number): (searchText: string) => void;
+export default useDebouncedViewportSearch;
 //# sourceMappingURL=useDebouncedViewportSearch.d.ts.map

package/dist/useDebouncedViewportSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedViewportSearch.d.ts","sourceRoot":"","sources":["../src/useDebouncedViewportSearch.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAK/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAChD,CAAC,EACD,CAAC,SAAS,KAAK,GAAG,SAAS,EAE3B,YAAY,EAAE,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,EACzC,UAAU,EAAE,MAAM,EAClB,UAAU,SAA8B,GACvC,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CA0C9B"}
+{"version":3,"file":"useDebouncedViewportSearch.d.ts","sourceRoot":"","sources":["../src/useDebouncedViewportSearch.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK1D,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,GAAG,SAAS,EACvE,YAAY,EAAE,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,EACzC,UAAU,EAAE,MAAM,EAClB,UAAU,SAA8B,GACvC,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAyC9B;AAED,eAAe,0BAA0B,CAAC"}

package/dist/useDebouncedViewportSearch.js

@@ -1,8 +1,7 @@
 import debounce from 'lodash.debounce';
-import { TableUtils } from '@deephaven/jsapi-utils';
-import { useApi } from '@deephaven/jsapi-bootstrap';
 import Log from '@deephaven/log';
 import { useEffect, useMemo } from 'react';
+import useTableUtils from "./useTableUtils.js";
 var log = Log.module('useDebouncedViewportSearch');
 export var DEBOUNCE_VIEWPORT_SEARCH_MS = 200;
 
@@ -14,10 +13,9 @@ export var DEBOUNCE_VIEWPORT_SEARCH_MS = 200;
  * @param debounceMs Millisecond value to debounce
  * @returns A debounced search function
  */
-export default function useDebouncedViewportSearch(viewportData, columnName) {
+export function useDebouncedViewportSearch(viewportData, columnName) {
   var debounceMs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEBOUNCE_VIEWPORT_SEARCH_MS;
-  var dh = useApi();
-  var tableUtils = useMemo(() => new TableUtils(dh), [dh]);
+  var tableUtils = useTableUtils();
   var {
     table,
     applyFiltersAndRefresh
@@ -43,4 +41,5 @@ export default function useDebouncedViewportSearch(viewportData, columnName) {
   }, [debouncedSearch]);
   return debouncedSearch;
 }
+export default useDebouncedViewportSearch;
 //# sourceMappingURL=useDebouncedViewportSearch.js.map

package/dist/useDebouncedViewportSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedViewportSearch.js","names":["debounce","TableUtils","useApi","Log","useEffect","useMemo","log","module","DEBOUNCE_VIEWPORT_SEARCH_MS","useDebouncedViewportSearch","viewportData","columnName","debounceMs","dh","tableUtils","table","applyFiltersAndRefresh","debouncedSearch","searchText","debug","searchTextTrimmed","trim","column","findColumn","value","makeFilterValue","type","filter","contains","cancel"],"sources":["../src/useDebouncedViewportSearch.ts"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport type { Table, TreeTable } from '@deephaven/jsapi-types';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport Log from '@deephaven/log';\nimport { useEffect, useMemo } from 'react';\nimport { UseViewportDataResult } from './useViewportData';\n\nconst log = Log.module('useDebouncedViewportSearch');\n\nexport const DEBOUNCE_VIEWPORT_SEARCH_MS = 200;\n\n/**\n * React hook that returns a debounced search callback for filtering a table\n * viewport.\n * @param viewportData Table viewport to filter\n * @param columnName Column name to filter by\n * @param debounceMs Millisecond value to debounce\n * @returns A debounced search function\n */\nexport default function useDebouncedViewportSearch<\n  I,\n  T extends Table | TreeTable,\n>(\n  viewportData: UseViewportDataResult<I, T>,\n  columnName: string,\n  debounceMs = DEBOUNCE_VIEWPORT_SEARCH_MS\n): (searchText: string) => void {\n  const dh = useApi();\n  const tableUtils = useMemo(() => new TableUtils(dh), [dh]);\n  const { table, applyFiltersAndRefresh } = viewportData;\n\n  const debouncedSearch = useMemo(\n    () =>\n      debounce((searchText: string) => {\n        log.debug(`Applying debounced searchText '${searchText}'`);\n\n        if (table == null) {\n          return;\n        }\n\n        const searchTextTrimmed = searchText.trim();\n\n        if (searchTextTrimmed === '') {\n          applyFiltersAndRefresh([]);\n          return;\n        }\n\n        const column = table.findColumn(columnName);\n        const value = tableUtils.makeFilterValue(\n          column.type,\n          searchTextTrimmed\n        );\n        const filter = [column.filter().contains(value)];\n\n        applyFiltersAndRefresh(filter);\n      }, debounceMs),\n    [applyFiltersAndRefresh, columnName, debounceMs, table, tableUtils]\n  );\n\n  useEffect(\n    () => () => {\n      log.debug('Cancelling debounced search function');\n      debouncedSearch.cancel();\n    },\n    [debouncedSearch]\n  );\n\n  return debouncedSearch;\n}\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,iBAAiB;AAEtC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,MAAM,QAAQ,4BAA4B;AACnD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAG1C,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,4BAA4B,CAAC;AAEpD,OAAO,IAAMC,2BAA2B,GAAG,GAAG;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,0BAA0B,CAIhDC,YAAyC,EACzCC,UAAkB,EAEY;EAAA,IAD9BC,UAAU,uEAAGJ,2BAA2B;EAExC,IAAMK,EAAE,GAAGX,MAAM,EAAE;EACnB,IAAMY,UAAU,GAAGT,OAAO,CAAC,MAAM,IAAIJ,UAAU,CAACY,EAAE,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAC1D,IAAM;IAAEE,KAAK;IAAEC;EAAuB,CAAC,GAAGN,YAAY;EAEtD,IAAMO,eAAe,GAAGZ,OAAO,CAC7B,MACEL,QAAQ,CAAEkB,UAAkB,IAAK;IAC/BZ,GAAG,CAACa,KAAK,0CAAmCD,UAAU,OAAI;IAE1D,IAAIH,KAAK,IAAI,IAAI,EAAE;MACjB;IACF;IAEA,IAAMK,iBAAiB,GAAGF,UAAU,CAACG,IAAI,EAAE;IAE3C,IAAID,iBAAiB,KAAK,EAAE,EAAE;MAC5BJ,sBAAsB,CAAC,EAAE,CAAC;MAC1B;IACF;IAEA,IAAMM,MAAM,GAAGP,KAAK,CAACQ,UAAU,CAACZ,UAAU,CAAC;IAC3C,IAAMa,KAAK,GAAGV,UAAU,CAACW,eAAe,CACtCH,MAAM,CAACI,IAAI,EACXN,iBAAiB,CAClB;IACD,IAAMO,MAAM,GAAG,CAACL,MAAM,CAACK,MAAM,EAAE,CAACC,QAAQ,CAACJ,KAAK,CAAC,CAAC;IAEhDR,sBAAsB,CAACW,MAAM,CAAC;EAChC,CAAC,EAAEf,UAAU,CAAC,EAChB,CAACI,sBAAsB,EAAEL,UAAU,EAAEC,UAAU,EAAEG,KAAK,EAAED,UAAU,CAAC,CACpE;EAEDV,SAAS,CACP,MAAM,MAAM;IACVE,GAAG,CAACa,KAAK,CAAC,sCAAsC,CAAC;IACjDF,eAAe,CAACY,MAAM,EAAE;EAC1B,CAAC,EACD,CAACZ,eAAe,CAAC,CAClB;EAED,OAAOA,eAAe;AACxB"}
+{"version":3,"file":"useDebouncedViewportSearch.js","names":["debounce","Log","useEffect","useMemo","useTableUtils","log","module","DEBOUNCE_VIEWPORT_SEARCH_MS","useDebouncedViewportSearch","viewportData","columnName","debounceMs","tableUtils","table","applyFiltersAndRefresh","debouncedSearch","searchText","debug","searchTextTrimmed","trim","column","findColumn","value","makeFilterValue","type","filter","contains","cancel"],"sources":["../src/useDebouncedViewportSearch.ts"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport type { Table, TreeTable } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { useEffect, useMemo } from 'react';\nimport { UseViewportDataResult } from './useViewportData';\nimport useTableUtils from './useTableUtils';\n\nconst log = Log.module('useDebouncedViewportSearch');\n\nexport const DEBOUNCE_VIEWPORT_SEARCH_MS = 200;\n\n/**\n * React hook that returns a debounced search callback for filtering a table\n * viewport.\n * @param viewportData Table viewport to filter\n * @param columnName Column name to filter by\n * @param debounceMs Millisecond value to debounce\n * @returns A debounced search function\n */\nexport function useDebouncedViewportSearch<I, T extends Table | TreeTable>(\n  viewportData: UseViewportDataResult<I, T>,\n  columnName: string,\n  debounceMs = DEBOUNCE_VIEWPORT_SEARCH_MS\n): (searchText: string) => void {\n  const tableUtils = useTableUtils();\n  const { table, applyFiltersAndRefresh } = viewportData;\n\n  const debouncedSearch = useMemo(\n    () =>\n      debounce((searchText: string) => {\n        log.debug(`Applying debounced searchText '${searchText}'`);\n\n        if (table == null) {\n          return;\n        }\n\n        const searchTextTrimmed = searchText.trim();\n\n        if (searchTextTrimmed === '') {\n          applyFiltersAndRefresh([]);\n          return;\n        }\n\n        const column = table.findColumn(columnName);\n        const value = tableUtils.makeFilterValue(\n          column.type,\n          searchTextTrimmed\n        );\n        const filter = [column.filter().contains(value)];\n\n        applyFiltersAndRefresh(filter);\n      }, debounceMs),\n    [applyFiltersAndRefresh, columnName, debounceMs, table, tableUtils]\n  );\n\n  useEffect(\n    () => () => {\n      log.debug('Cancelling debounced search function');\n      debouncedSearch.cancel();\n    },\n    [debouncedSearch]\n  );\n\n  return debouncedSearch;\n}\n\nexport default useDebouncedViewportSearch;\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,iBAAiB;AAEtC,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAAC,OAEpCC,aAAa;AAEpB,IAAMC,GAAG,GAAGJ,GAAG,CAACK,MAAM,CAAC,4BAA4B,CAAC;AAEpD,OAAO,IAAMC,2BAA2B,GAAG,GAAG;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0B,CACxCC,YAAyC,EACzCC,UAAkB,EAEY;EAAA,IAD9BC,UAAU,uEAAGJ,2BAA2B;EAExC,IAAMK,UAAU,GAAGR,aAAa,EAAE;EAClC,IAAM;IAAES,KAAK;IAAEC;EAAuB,CAAC,GAAGL,YAAY;EAEtD,IAAMM,eAAe,GAAGZ,OAAO,CAC7B,MACEH,QAAQ,CAAEgB,UAAkB,IAAK;IAC/BX,GAAG,CAACY,KAAK,0CAAmCD,UAAU,OAAI;IAE1D,IAAIH,KAAK,IAAI,IAAI,EAAE;MACjB;IACF;IAEA,IAAMK,iBAAiB,GAAGF,UAAU,CAACG,IAAI,EAAE;IAE3C,IAAID,iBAAiB,KAAK,EAAE,EAAE;MAC5BJ,sBAAsB,CAAC,EAAE,CAAC;MAC1B;IACF;IAEA,IAAMM,MAAM,GAAGP,KAAK,CAACQ,UAAU,CAACX,UAAU,CAAC;IAC3C,IAAMY,KAAK,GAAGV,UAAU,CAACW,eAAe,CACtCH,MAAM,CAACI,IAAI,EACXN,iBAAiB,CAClB;IACD,IAAMO,MAAM,GAAG,CAACL,MAAM,CAACK,MAAM,EAAE,CAACC,QAAQ,CAACJ,KAAK,CAAC,CAAC;IAEhDR,sBAAsB,CAACW,MAAM,CAAC;EAChC,CAAC,EAAEd,UAAU,CAAC,EAChB,CAACG,sBAAsB,EAAEJ,UAAU,EAAEC,UAAU,EAAEE,KAAK,EAAED,UAAU,CAAC,CACpE;EAEDV,SAAS,CACP,MAAM,MAAM;IACVG,GAAG,CAACY,KAAK,CAAC,sCAAsC,CAAC;IACjDF,eAAe,CAACY,MAAM,EAAE;EAC1B,CAAC,EACD,CAACZ,eAAe,CAAC,CAClB;EAED,OAAOA,eAAe;AACxB;AAEA,eAAeP,0BAA0B"}

package/dist/useDebouncedViewportSelectionFilter.d.ts

@@ -0,0 +1,19 @@
+import { FilterConditionFactory } from '@deephaven/jsapi-utils';
+import { WindowedListData } from '@deephaven/react-hooks';
+import { KeyedItem } from '@deephaven/utils';
+export declare const DEBOUNCE_MS = 300;
+export interface UseDebouncedViewportSelectionFilterOptions<TItem, TValue> {
+    viewportData: WindowedListData<KeyedItem<TItem>>;
+    columnName: string;
+    shouldSelectAllOnNoSelection: boolean;
+    mapItemToValue: (item: KeyedItem<TItem>) => TValue;
+}
+/**
+ * Creates a filter factory for the current selected keys of a viewport. The
+ * selected keys will be mapped to values to match in a given column name. The
+ * resulting filter factory is debounced to allow some cushion for cases where
+ * a user rapidly changes selections, e.g. in a checkbox list.
+ */
+export declare function useDebouncedViewportSelectionFilter<TItem, TValue>({ viewportData, columnName, shouldSelectAllOnNoSelection, mapItemToValue, }: UseDebouncedViewportSelectionFilterOptions<TItem, TValue>): FilterConditionFactory;
+export default useDebouncedViewportSelectionFilter;
+//# sourceMappingURL=useDebouncedViewportSelectionFilter.d.ts.map

package/dist/useDebouncedViewportSelectionFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedViewportSelectionFilter.d.ts","sourceRoot":"","sources":["../src/useDebouncedViewportSelectionFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAKL,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,MAAM,WAAW,0CAA0C,CAAC,KAAK,EAAE,MAAM;IACvE,YAAY,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,4BAA4B,EAAE,OAAO,CAAC;IACtC,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;CACpD;AAED;;;;;GAKG;AACH,wBAAgB,mCAAmC,CAAC,KAAK,EAAE,MAAM,EAAE,EACjE,YAAY,EACZ,UAAU,EACV,4BAA4B,EAC5B,cAAc,GACf,EAAE,0CAA0C,CAC3C,KAAK,EACL,MAAM,CACP,GAAG,sBAAsB,CAiCzB;AAED,eAAe,mCAAmC,CAAC"}

package/dist/useDebouncedViewportSelectionFilter.js

@@ -0,0 +1,36 @@
+import { createSelectedValuesFilter } from '@deephaven/jsapi-utils';
+import { isSelectionMaybeInvertedEqual, useDebouncedValue, useIsEqualMemo, useMappedSelection } from '@deephaven/react-hooks';
+import { useMemo } from 'react';
+import useTableUtils from "./useTableUtils.js";
+export var DEBOUNCE_MS = 300;
+/**
+ * Creates a filter factory for the current selected keys of a viewport. The
+ * selected keys will be mapped to values to match in a given column name. The
+ * resulting filter factory is debounced to allow some cushion for cases where
+ * a user rapidly changes selections, e.g. in a checkbox list.
+ */
+export function useDebouncedViewportSelectionFilter(_ref) {
+  var {
+    viewportData,
+    columnName,
+    shouldSelectAllOnNoSelection,
+    mapItemToValue
+  } = _ref;
+  var tableUtils = useTableUtils();
+
+  // Map selection to values contained in the column to filter
+  var valuesSelection = useMappedSelection(viewportData, mapItemToValue);
+
+  // Debounce so user can rapidly select multiple items in a row without the
+  // cost of updating the table on each change
+  var debouncedValuesSelection = useDebouncedValue(valuesSelection, DEBOUNCE_MS);
+
+  // In cases where a user rapidly selects then deselects the selection
+  // reference will change, but the state it represents will remain unchanged.
+  // Memoize based on the selection value to avoid unnecessarily re-applying
+  // table filters.
+  var memoValuesSelection = useIsEqualMemo(debouncedValuesSelection, isSelectionMaybeInvertedEqual);
+  return useMemo(() => createSelectedValuesFilter(tableUtils, columnName, memoValuesSelection.selection, shouldSelectAllOnNoSelection, memoValuesSelection.isInverted), [columnName, memoValuesSelection, shouldSelectAllOnNoSelection, tableUtils]);
+}
+export default useDebouncedViewportSelectionFilter;
+//# sourceMappingURL=useDebouncedViewportSelectionFilter.js.map

package/dist/useDebouncedViewportSelectionFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedViewportSelectionFilter.js","names":["createSelectedValuesFilter","isSelectionMaybeInvertedEqual","useDebouncedValue","useIsEqualMemo","useMappedSelection","useMemo","useTableUtils","DEBOUNCE_MS","useDebouncedViewportSelectionFilter","viewportData","columnName","shouldSelectAllOnNoSelection","mapItemToValue","tableUtils","valuesSelection","debouncedValuesSelection","memoValuesSelection","selection","isInverted"],"sources":["../src/useDebouncedViewportSelectionFilter.ts"],"sourcesContent":["import {\n  createSelectedValuesFilter,\n  FilterConditionFactory,\n} from '@deephaven/jsapi-utils';\nimport {\n  isSelectionMaybeInvertedEqual,\n  useDebouncedValue,\n  useIsEqualMemo,\n  useMappedSelection,\n  WindowedListData,\n} from '@deephaven/react-hooks';\nimport { KeyedItem } from '@deephaven/utils';\nimport { useMemo } from 'react';\nimport useTableUtils from './useTableUtils';\n\nexport const DEBOUNCE_MS = 300;\n\nexport interface UseDebouncedViewportSelectionFilterOptions<TItem, TValue> {\n  viewportData: WindowedListData<KeyedItem<TItem>>;\n  columnName: string;\n  shouldSelectAllOnNoSelection: boolean;\n  mapItemToValue: (item: KeyedItem<TItem>) => TValue;\n}\n\n/**\n * Creates a filter factory for the current selected keys of a viewport. The\n * selected keys will be mapped to values to match in a given column name. The\n * resulting filter factory is debounced to allow some cushion for cases where\n * a user rapidly changes selections, e.g. in a checkbox list.\n */\nexport function useDebouncedViewportSelectionFilter<TItem, TValue>({\n  viewportData,\n  columnName,\n  shouldSelectAllOnNoSelection,\n  mapItemToValue,\n}: UseDebouncedViewportSelectionFilterOptions<\n  TItem,\n  TValue\n>): FilterConditionFactory {\n  const tableUtils = useTableUtils();\n\n  // Map selection to values contained in the column to filter\n  const valuesSelection = useMappedSelection(viewportData, mapItemToValue);\n\n  // Debounce so user can rapidly select multiple items in a row without the\n  // cost of updating the table on each change\n  const debouncedValuesSelection = useDebouncedValue(\n    valuesSelection,\n    DEBOUNCE_MS\n  );\n\n  // In cases where a user rapidly selects then deselects the selection\n  // reference will change, but the state it represents will remain unchanged.\n  // Memoize based on the selection value to avoid unnecessarily re-applying\n  // table filters.\n  const memoValuesSelection = useIsEqualMemo(\n    debouncedValuesSelection,\n    isSelectionMaybeInvertedEqual\n  );\n\n  return useMemo(\n    () =>\n      createSelectedValuesFilter(\n        tableUtils,\n        columnName,\n        memoValuesSelection.selection,\n        shouldSelectAllOnNoSelection,\n        memoValuesSelection.isInverted\n      ),\n    [columnName, memoValuesSelection, shouldSelectAllOnNoSelection, tableUtils]\n  );\n}\n\nexport default useDebouncedViewportSelectionFilter;\n"],"mappings":"AAAA,SACEA,0BAA0B,QAErB,wBAAwB;AAC/B,SACEC,6BAA6B,EAC7BC,iBAAiB,EACjBC,cAAc,EACdC,kBAAkB,QAEb,wBAAwB;AAE/B,SAASC,OAAO,QAAQ,OAAO;AAAC,OACzBC,aAAa;AAEpB,OAAO,IAAMC,WAAW,GAAG,GAAG;AAS9B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mCAAmC,OAQxB;EAAA,IARwC;IACjEC,YAAY;IACZC,UAAU;IACVC,4BAA4B;IAC5BC;EAIF,CAAC;EACC,IAAMC,UAAU,GAAGP,aAAa,EAAE;;EAElC;EACA,IAAMQ,eAAe,GAAGV,kBAAkB,CAACK,YAAY,EAAEG,cAAc,CAAC;;EAExE;EACA;EACA,IAAMG,wBAAwB,GAAGb,iBAAiB,CAChDY,eAAe,EACfP,WAAW,CACZ;;EAED;EACA;EACA;EACA;EACA,IAAMS,mBAAmB,GAAGb,cAAc,CACxCY,wBAAwB,EACxBd,6BAA6B,CAC9B;EAED,OAAOI,OAAO,CACZ,MACEL,0BAA0B,CACxBa,UAAU,EACVH,UAAU,EACVM,mBAAmB,CAACC,SAAS,EAC7BN,4BAA4B,EAC5BK,mBAAmB,CAACE,UAAU,CAC/B,EACH,CAACR,UAAU,EAAEM,mBAAmB,EAAEL,4BAA4B,EAAEE,UAAU,CAAC,CAC5E;AACH;AAEA,eAAeL,mCAAmC"}

package/dist/useFilterConditionFactories.d.ts

@@ -0,0 +1,5 @@
+import type { FilterCondition, Table, TreeTable } from '@deephaven/jsapi-types';
+import type { FilterConditionFactory } from '@deephaven/jsapi-utils';
+export declare function useFilterConditionFactories(maybeTable: Table | TreeTable | null | undefined, ...filterConditionFactories: FilterConditionFactory[]): FilterCondition[];
+export default useFilterConditionFactories;
+//# sourceMappingURL=useFilterConditionFactories.d.ts.map

package/dist/useFilterConditionFactories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterConditionFactories.d.ts","sourceRoot":"","sources":["../src/useFilterConditionFactories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,EAChD,GAAG,wBAAwB,EAAE,sBAAsB,EAAE,GACpD,eAAe,EAAE,CAWnB;AAED,eAAe,2BAA2B,CAAC"}

package/dist/useFilterConditionFactories.js

@@ -0,0 +1,14 @@
+import { useMemo } from 'react';
+import { removeNullAndUndefined } from '@deephaven/utils';
+export function useFilterConditionFactories(maybeTable) {
+  for (var _len = arguments.length, filterConditionFactories = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    filterConditionFactories[_key - 1] = arguments[_key];
+  }
+  return useMemo(() => removeNullAndUndefined(...filterConditionFactories.map(f => f(maybeTable))),
+  // Intentionally disabling hooks check so we can spread
+  // the array items as dependencies.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [maybeTable, ...filterConditionFactories]);
+}
+export default useFilterConditionFactories;
+//# sourceMappingURL=useFilterConditionFactories.js.map

package/dist/useFilterConditionFactories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterConditionFactories.js","names":["useMemo","removeNullAndUndefined","useFilterConditionFactories","maybeTable","filterConditionFactories","map","f"],"sources":["../src/useFilterConditionFactories.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { FilterCondition, Table, TreeTable } from '@deephaven/jsapi-types';\nimport type { FilterConditionFactory } from '@deephaven/jsapi-utils';\nimport { removeNullAndUndefined } from '@deephaven/utils';\n\nexport function useFilterConditionFactories(\n  maybeTable: Table | TreeTable | null | undefined,\n  ...filterConditionFactories: FilterConditionFactory[]\n): FilterCondition[] {\n  return useMemo(\n    () =>\n      removeNullAndUndefined(\n        ...filterConditionFactories.map(f => f(maybeTable))\n      ),\n    // Intentionally disabling hooks check so we can spread\n    // the array items as dependencies.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [maybeTable, ...filterConditionFactories]\n  );\n}\n\nexport default useFilterConditionFactories;\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAG/B,SAASC,sBAAsB,QAAQ,kBAAkB;AAEzD,OAAO,SAASC,2BAA2B,CACzCC,UAAgD,EAE7B;EAAA,kCADhBC,wBAAwB;IAAxBA,wBAAwB;EAAA;EAE3B,OAAOJ,OAAO,CACZ,MACEC,sBAAsB,CACpB,GAAGG,wBAAwB,CAACC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACH,UAAU,CAAC,CAAC,CACpD;EACH;EACA;EACA;EACA,CAACA,UAAU,EAAE,GAAGC,wBAAwB,CAAC,CAC1C;AACH;AAEA,eAAeF,2BAA2B"}

package/dist/useFilteredItemsWithDefaultValue.d.ts

@@ -0,0 +1,14 @@
+import { KeyedItem } from '@deephaven/utils';
+/**
+ * Takes an array of items and adds a default item to the top of the list if:
+ * 1. defaultDisplayValue is provided
+ * 2. The `searchText` is empty or
+ *    The `searchText` is contained (case insensitive) in the default item display text.
+ * @param items List of items filtered on `searchText`
+ * @param displayProp The item prop containing display text
+ * @param searchText The current search text that is filtering the items
+ * @param defaultDisplayValue The display text to set as the default item `displayProp` value
+ */
+export declare function useFilteredItemsWithDefaultValue<TItem, TProp extends keyof TItem>(items: KeyedItem<TItem>[], displayProp: TProp, searchText: string, defaultDisplayValue?: string | null): KeyedItem<TItem>[];
+export default useFilteredItemsWithDefaultValue;
+//# sourceMappingURL=useFilteredItemsWithDefaultValue.d.ts.map

package/dist/useFilteredItemsWithDefaultValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilteredItemsWithDefaultValue.d.ts","sourceRoot":"","sources":["../src/useFilteredItemsWithDefaultValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;;;;;;GASG;AACH,wBAAgB,gCAAgC,CAC9C,KAAK,EACL,KAAK,SAAS,MAAM,KAAK,EAEzB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,EACzB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,MAAM,EAClB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,GAClC,SAAS,CAAC,KAAK,CAAC,EAAE,CA8BpB;AAED,eAAe,gCAAgC,CAAC"}

package/dist/useFilteredItemsWithDefaultValue.js

@@ -0,0 +1,33 @@
+import { useMemo, useRef } from 'react';
+/**
+ * Takes an array of items and adds a default item to the top of the list if:
+ * 1. defaultDisplayValue is provided
+ * 2. The `searchText` is empty or
+ *    The `searchText` is contained (case insensitive) in the default item display text.
+ * @param items List of items filtered on `searchText`
+ * @param displayProp The item prop containing display text
+ * @param searchText The current search text that is filtering the items
+ * @param defaultDisplayValue The display text to set as the default item `displayProp` value
+ */
+export function useFilteredItemsWithDefaultValue(items, displayProp, searchText, defaultDisplayValue) {
+  // Exclude search text from updating the memo. This ensures that adding /
+  // removing of the default item stays in sync with data loading. Otherwise,
+  // the item can move while data is still loading.
+  var searchTextRef = useRef('');
+  searchTextRef.current = searchText;
+  return useMemo(() => {
+    // If the list is still loading, items will exist, but their item prop will be undefined
+    var isLoading = items.length > 0 && items[0].item == null;
+    if (!isLoading && defaultDisplayValue != null && (searchTextRef.current === '' || defaultDisplayValue.toLowerCase().includes(searchTextRef.current.toLowerCase()))) {
+      return [{
+        key: defaultDisplayValue,
+        item: {
+          [displayProp]: defaultDisplayValue
+        }
+      }, ...items];
+    }
+    return items;
+  }, [defaultDisplayValue, displayProp, items]);
+}
+export default useFilteredItemsWithDefaultValue;
+//# sourceMappingURL=useFilteredItemsWithDefaultValue.js.map

package/dist/useFilteredItemsWithDefaultValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilteredItemsWithDefaultValue.js","names":["useMemo","useRef","useFilteredItemsWithDefaultValue","items","displayProp","searchText","defaultDisplayValue","searchTextRef","current","isLoading","length","item","toLowerCase","includes","key"],"sources":["../src/useFilteredItemsWithDefaultValue.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { KeyedItem } from '@deephaven/utils';\n\n/**\n * Takes an array of items and adds a default item to the top of the list if:\n * 1. defaultDisplayValue is provided\n * 2. The `searchText` is empty or\n *    The `searchText` is contained (case insensitive) in the default item display text.\n * @param items List of items filtered on `searchText`\n * @param displayProp The item prop containing display text\n * @param searchText The current search text that is filtering the items\n * @param defaultDisplayValue The display text to set as the default item `displayProp` value\n */\nexport function useFilteredItemsWithDefaultValue<\n  TItem,\n  TProp extends keyof TItem,\n>(\n  items: KeyedItem<TItem>[],\n  displayProp: TProp,\n  searchText: string,\n  defaultDisplayValue?: string | null\n): KeyedItem<TItem>[] {\n  // Exclude search text from updating the memo. This ensures that adding /\n  // removing of the default item stays in sync with data loading. Otherwise,\n  // the item can move while data is still loading.\n  const searchTextRef = useRef('');\n  searchTextRef.current = searchText;\n\n  return useMemo(() => {\n    // If the list is still loading, items will exist, but their item prop will be undefined\n    const isLoading = items.length > 0 && items[0].item == null;\n\n    if (\n      !isLoading &&\n      defaultDisplayValue != null &&\n      (searchTextRef.current === '' ||\n        defaultDisplayValue\n          .toLowerCase()\n          .includes(searchTextRef.current.toLowerCase()))\n    ) {\n      return [\n        {\n          key: defaultDisplayValue,\n          item: { [displayProp]: defaultDisplayValue } as TItem,\n        },\n        ...items,\n      ];\n    }\n\n    return items;\n  }, [defaultDisplayValue, displayProp, items]);\n}\n\nexport default useFilteredItemsWithDefaultValue;\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAGvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gCAAgC,CAI9CC,KAAyB,EACzBC,WAAkB,EAClBC,UAAkB,EAClBC,mBAAmC,EACf;EACpB;EACA;EACA;EACA,IAAMC,aAAa,GAAGN,MAAM,CAAC,EAAE,CAAC;EAChCM,aAAa,CAACC,OAAO,GAAGH,UAAU;EAElC,OAAOL,OAAO,CAAC,MAAM;IACnB;IACA,IAAMS,SAAS,GAAGN,KAAK,CAACO,MAAM,GAAG,CAAC,IAAIP,KAAK,CAAC,CAAC,CAAC,CAACQ,IAAI,IAAI,IAAI;IAE3D,IACE,CAACF,SAAS,IACVH,mBAAmB,IAAI,IAAI,KAC1BC,aAAa,CAACC,OAAO,KAAK,EAAE,IAC3BF,mBAAmB,CAChBM,WAAW,EAAE,CACbC,QAAQ,CAACN,aAAa,CAACC,OAAO,CAACI,WAAW,EAAE,CAAC,CAAC,EACnD;MACA,OAAO,CACL;QACEE,GAAG,EAAER,mBAAmB;QACxBK,IAAI,EAAE;UAAE,CAACP,WAAW,GAAGE;QAAoB;MAC7C,CAAC,EACD,GAAGH,KAAK,CACT;IACH;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACG,mBAAmB,EAAEF,WAAW,EAAED,KAAK,CAAC,CAAC;AAC/C;AAEA,eAAeD,gCAAgC"}

package/dist/useGetItemPosition.d.ts

@@ -0,0 +1,22 @@
+import type { Table } from '@deephaven/jsapi-types';
+export interface UseGetItemPositionOptions {
+    table?: Table | null;
+    columnName: string;
+    defaultValue?: string | null;
+    itemHeight: number;
+    topOffset?: number;
+    value: string;
+}
+/**
+ * Gets an item's position in a list of items based on its row index in a table.
+ * @param table Table to search for the item in
+ * @param columnName Column name to search for the item in
+ * @param defaultValue Optional default value. This would be the first item in
+ * the list and not expected to be in the Table.
+ * @param itemHeight Height of each item in the list
+ * @param topOffset Optional pixel offset from the top of the list
+ * @param value Value to search for in the column
+ */
+export declare function useGetItemPosition({ table, columnName, defaultValue, itemHeight, topOffset, value, }: UseGetItemPositionOptions): () => Promise<number>;
+export default useGetItemPosition;
+//# sourceMappingURL=useGetItemPosition.d.ts.map

package/dist/useGetItemPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetItemPosition.d.ts","sourceRoot":"","sources":["../src/useGetItemPosition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,SAAa,EACb,KAAK,GACN,EAAE,yBAAyB,yBAc3B;AAED,eAAe,kBAAkB,CAAC"}

package/dist/useGetItemPosition.js

@@ -0,0 +1,36 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+import { useCallback } from 'react';
+/**
+ * Gets an item's position in a list of items based on its row index in a table.
+ * @param table Table to search for the item in
+ * @param columnName Column name to search for the item in
+ * @param defaultValue Optional default value. This would be the first item in
+ * the list and not expected to be in the Table.
+ * @param itemHeight Height of each item in the list
+ * @param topOffset Optional pixel offset from the top of the list
+ * @param value Value to search for in the column
+ */
+export function useGetItemPosition(_ref) {
+  var {
+    table,
+    columnName,
+    defaultValue,
+    itemHeight,
+    topOffset = 0,
+    value
+  } = _ref;
+  return useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
+    if (table == null || value === '' || value === defaultValue) {
+      return topOffset;
+    }
+    var column = table.findColumn(columnName);
+    var rowIndex = yield table.seekRow(0, column, 'String', value);
+
+    // If a default item exists at the top of the list, offset the item index by 1
+    var defaultItemOffset = defaultValue == null ? 0 : 1;
+    return (rowIndex + defaultItemOffset) * itemHeight + topOffset;
+  }), [columnName, defaultValue, itemHeight, table, topOffset, value]);
+}
+export default useGetItemPosition;
+//# sourceMappingURL=useGetItemPosition.js.map

package/dist/useGetItemPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetItemPosition.js","names":["useCallback","useGetItemPosition","table","columnName","defaultValue","itemHeight","topOffset","value","column","findColumn","rowIndex","seekRow","defaultItemOffset"],"sources":["../src/useGetItemPosition.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { Table } from '@deephaven/jsapi-types';\n\nexport interface UseGetItemPositionOptions {\n  table?: Table | null;\n  columnName: string;\n  defaultValue?: string | null;\n  itemHeight: number;\n  topOffset?: number;\n  value: string;\n}\n\n/**\n * Gets an item's position in a list of items based on its row index in a table.\n * @param table Table to search for the item in\n * @param columnName Column name to search for the item in\n * @param defaultValue Optional default value. This would be the first item in\n * the list and not expected to be in the Table.\n * @param itemHeight Height of each item in the list\n * @param topOffset Optional pixel offset from the top of the list\n * @param value Value to search for in the column\n */\nexport function useGetItemPosition({\n  table,\n  columnName,\n  defaultValue,\n  itemHeight,\n  topOffset = 0,\n  value,\n}: UseGetItemPositionOptions) {\n  return useCallback(async () => {\n    if (table == null || value === '' || value === defaultValue) {\n      return topOffset;\n    }\n\n    const column = table.findColumn(columnName);\n    const rowIndex = await table.seekRow(0, column, 'String', value);\n\n    // If a default item exists at the top of the list, offset the item index by 1\n    const defaultItemOffset = defaultValue == null ? 0 : 1;\n\n    return (rowIndex + defaultItemOffset) * itemHeight + topOffset;\n  }, [columnName, defaultValue, itemHeight, table, topOffset, value]);\n}\n\nexport default useGetItemPosition;\n"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAYnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkB,OAOJ;EAAA,IAPK;IACjCC,KAAK;IACLC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,SAAS,GAAG,CAAC;IACbC;EACyB,CAAC;EAC1B,OAAOP,WAAW,iCAAC,aAAY;IAC7B,IAAIE,KAAK,IAAI,IAAI,IAAIK,KAAK,KAAK,EAAE,IAAIA,KAAK,KAAKH,YAAY,EAAE;MAC3D,OAAOE,SAAS;IAClB;IAEA,IAAME,MAAM,GAAGN,KAAK,CAACO,UAAU,CAACN,UAAU,CAAC;IAC3C,IAAMO,QAAQ,SAASR,KAAK,CAACS,OAAO,CAAC,CAAC,EAAEH,MAAM,EAAE,QAAQ,EAAED,KAAK,CAAC;;IAEhE;IACA,IAAMK,iBAAiB,GAAGR,YAAY,IAAI,IAAI,GAAG,CAAC,GAAG,CAAC;IAEtD,OAAO,CAACM,QAAQ,GAAGE,iBAAiB,IAAIP,UAAU,GAAGC,SAAS;EAChE,CAAC,GAAE,CAACH,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEH,KAAK,EAAEI,SAAS,EAAEC,KAAK,CAAC,CAAC;AACrE;AAEA,eAAeN,kBAAkB"}

package/dist/useInitializeViewportData.d.ts

@@ -1,6 +1,6 @@
-import { ListData } from '@react-stately/data';
 import type { Table, TreeTable } from '@deephaven/jsapi-types';
-import { KeyedItem } from '@deephaven/jsapi-utils';
+import { WindowedListData } from '@deephaven/react-hooks';
+import { KeyedItem } from '@deephaven/utils';
 /**
  * Initializes a ListData instance that can be used for windowed views of a
  * Table. The list must always contain a KeyedItem for every record in the table,
@@ -11,8 +11,8 @@ import { KeyedItem } from '@deephaven/jsapi-utils';
  * source table. This is intended for "human" sized tables such as those used in
  * admin panels. This is not suitable for "machine" scale with millions+ rows.
  * @param table The table that will be used to determine the list size.
- * @returns a React Stately ListData object. Note that this object is recreated
- * by React Stately on every render.
+ * @returns a WindowedListData object.
  */
-export default function useInitializeViewportData<T>(table: Table | TreeTable | null): ListData<KeyedItem<T>>;
+export declare function useInitializeViewportData<T>(table: Table | TreeTable | null): WindowedListData<KeyedItem<T>>;
+export default useInitializeViewportData;
 //# sourceMappingURL=useInitializeViewportData.d.ts.map

package/dist/useInitializeViewportData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInitializeViewportData.d.ts","sourceRoot":"","sources":["../src/useInitializeViewportData.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAe,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAA2B,MAAM,wBAAwB,CAAC;AAI5E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,CAAC,EACjD,KAAK,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,GAC9B,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAuCxB"}
+{"version":3,"file":"useInitializeViewportData.d.ts","sourceRoot":"","sources":["../src/useInitializeViewportData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAuB,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,EACzC,KAAK,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,GAC9B,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAwBhC;AAED,eAAe,yBAAyB,CAAC"}

package/dist/useInitializeViewportData.js

@@ -1,8 +1,10 @@
 import { useEffect } from 'react';
-import { useListData } from '@react-stately/data';
 import { generateEmptyKeyedItems } from '@deephaven/jsapi-utils';
-import { usePrevious } from '@deephaven/react-hooks';
+import { useWindowedListData } from '@deephaven/react-hooks';
+import Log from '@deephaven/log';
 import useTableSize from "./useTableSize.js";
+var log = Log.module('useInitializeViewportData');
+
 /**
  * Initializes a ListData instance that can be used for windowed views of a
  * Table. The list must always contain a KeyedItem for every record in the table,
@@ -13,50 +15,31 @@ import useTableSize from "./useTableSize.js";
  * source table. This is intended for "human" sized tables such as those used in
  * admin panels. This is not suitable for "machine" scale with millions+ rows.
  * @param table The table that will be used to determine the list size.
- * @returns a React Stately ListData object. Note that this object is recreated
- * by React Stately on every render.
+ * @returns a WindowedListData object.
  */
-export default function useInitializeViewportData(table) {
-  var viewportData = useListData({});
-  var prevTable = usePrevious(table);
+export function useInitializeViewportData(table) {
+  var viewportData = useWindowedListData({});
 
   // If the table changes size, we need to re-initialize it.
-  var size = Math.max(0, useTableSize(table));
+  var targetSize = Math.max(0, useTableSize(table));
 
-  // We only want this to fire 1x once the table exists. Note that `useListData`
-  // has no way to respond to a reference change of the `table` instance so we
-  // have to manually delete any previous keyed items from the list.
+  // Whenever the table reference or size changes, replace the list with empty
+  // items. This is preferred over updating items in place to avoid the user
+  // seeing items shift around multiple times.
   useEffect(() => {
     var currentSize = viewportData.items.length;
-
-    // If our table instance has changed, we want to clear all items from state
-    if (table !== prevTable && currentSize) {
-      viewportData.remove(...viewportData.items.map(_ref => {
-        var {
-          key
-        } = _ref;
-        return key;
-      }));
-      currentSize = 0;
-    }
-    if (!table) {
-      return;
-    }
-    if (size > currentSize) {
-      viewportData.insert(currentSize, ...generateEmptyKeyedItems(currentSize, size - 1));
-    } else if (size < currentSize) {
-      var keys = viewportData.items.slice(size).map(_ref2 => {
-        var {
-          key
-        } = _ref2;
-        return key;
+    if (targetSize !== currentSize) {
+      log.debug('size changed:', {
+        currentSize,
+        targetSize
       });
-      viewportData.remove(...keys);
+      viewportData.setItems(Array.from(generateEmptyKeyedItems(0, targetSize - 1)));
     }
 
     // Intentionally excluding viewportData since it changes on every render.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [size, table]);
+  }, [targetSize, table]);
   return viewportData;
 }
+export default useInitializeViewportData;
 //# sourceMappingURL=useInitializeViewportData.js.map