@deephaven/jsapi-components 1.3.0 → 1.3.1-uri.5

package/dist/index.d.ts

@@ -22,7 +22,7 @@ export * from './useShowOnlyEmptyFilter';
 export { default as useTable } from './useTable';
 export { default as useTableColumn } from './useTableColumn';
 export { default as useTableListener } from './useTableListener';
-export { default as useTableClose } from './useTableClose';
+export { default as useWidgetClose, useTableClose } from './useWidgetClose';
 export { default as useTableSize } from './useTableSize';
 export { default as useTableUtils } from './useTableUtils';
 export * from './useValueFilter';

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,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,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,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,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"}
+{"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,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,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,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,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,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5E,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

@@ -22,7 +22,7 @@ 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 useTableClose } from "./useTableClose.js";
+export { default as useWidgetClose, useTableClose } from "./useWidgetClose.js";
 export { default as useTableSize } from "./useTableSize.js";
 export { default as useTableUtils } from "./useTableUtils.js";
 export * from "./useValueFilter.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"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 './spectrum';\nexport * from './TableDropdown';\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 './useFormatter';\nexport * from './useGetItemIndexByValue';\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;AAAA;AAAA,SAOrCJ,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"}
+{"version":3,"file":"index.js","names":["default","TableInput","useBroadcastChannel","useBroadcastLoginListener","useDebouncedViewportSearch","useInitializeViewportData","useSelectDistinctTable","useSetPaddedViewportCallback","useTable","useTableColumn","useTableListener","useWidgetClose","useTableClose","useTableSize","useTableUtils","useViewportData"],"sources":["../src/index.ts"],"sourcesContent":["export * from './HookTestUtils';\nexport { default as TableInput } from './TableInput';\nexport * from './spectrum';\nexport * from './TableDropdown';\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 './useFormatter';\nexport * from './useGetItemIndexByValue';\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 useWidgetClose, useTableClose } from './useWidgetClose';\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;AAAA;AAAA,SAOrCJ,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,cAAc,EAAEC,aAAa;AAAA,SACxCZ,OAAO,IAAIa,YAAY;AAAA,SACvBb,OAAO,IAAIc,aAAa;AAAA;AAAA,SAExBd,OAAO,IAAIe,eAAe;AAAA"}

package/dist/spectrum/utils/usePickerProps.js

@@ -18,7 +18,7 @@ import { getItemKeyColumn, getItemLabelColumn } from "./itemUtils.js";
 import { useItemRowDeserializer } from "./useItemRowDeserializer.js";
 import { useGetItemIndexByValue } from "../../useGetItemIndexByValue.js";
 import useSearchableViewportData from "../../useSearchableViewportData.js";
-import useTableClose from "../../useTableClose.js";
+import useWidgetClose from "../../useWidgetClose.js";
 var log = Log.module('jsapi-components.usePickerProps');
 
 /** Props that are derived by `usePickerProps`. */
@@ -62,7 +62,7 @@ export function usePickerProps(_ref) {
   var {
     data: tableCopy
   } = usePromiseFactory(TableUtils.copyTableAndApplyFilters, [tableSource]);
-  useTableClose(tableCopy);
+  useWidgetClose(tableCopy);
   var keyColumn = useMemo(() => tableCopy == null ? null : getItemKeyColumn(tableCopy, keyColumnName), [keyColumnName, tableCopy]);
   var labelColumn = useMemo(() => tableCopy == null || keyColumn == null ? null : getItemLabelColumn(tableCopy, keyColumn, labelColumnName), [keyColumn, labelColumnName, tableCopy]);
   var searchColumnNames = useMemo(() => labelColumn == null ? [] : [labelColumn.name], [labelColumn]);

package/dist/spectrum/utils/usePickerProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePickerProps.js","names":["useCallback","useEffect","useMemo","useState","PICKER_TOP_OFFSET","usePickerItemScale","TableUtils","Log","usePromiseFactory","useFormatter","getItemKeyColumn","getItemLabelColumn","useItemRowDeserializer","useGetItemIndexByValue","useSearchableViewportData","useTableClose","log","module","usePickerProps","_ref","_keyColumn$name","table","tableSource","keyColumn","keyColumnName","labelColumn","labelColumnName","iconColumn","iconColumnName","settings","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","itemHeight","getFormattedString","formatValue","timeZone","isUncontrolled","selectedKey","undefined","uncontrolledSelectedKey","setUncontrolledSelectedKey","defaultSelectedKey","data","tableCopy","copyTableAndApplyFilters","searchColumnNames","name","deserializeRow","getItemIndexByValue","columnName","value","getInitialScrollPosition","_asyncToGenerator","index","onScroll","onSearchTextChange","setViewport","viewportData","reuseItemsOnTableResize","setViewportFromSelectedKey","isCanceled","then","catch","err","error","onSelectionChangeInternal","key","_ref3","_objectSpread","normalizedItems","items","showItemIcons"],"sources":["../../../src/spectrum/utils/usePickerProps.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  type ItemKey,\n  type NormalizedItem,\n  type NormalizedSection,\n  PICKER_TOP_OFFSET,\n  usePickerItemScale,\n} from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { usePromiseFactory } from '@deephaven/react-hooks';\nimport useFormatter from '../../useFormatter';\nimport type { PickerWithTableProps } from '../PickerProps';\nimport { getItemKeyColumn, getItemLabelColumn } from './itemUtils';\nimport { useItemRowDeserializer } from './useItemRowDeserializer';\nimport { useGetItemIndexByValue } from '../../useGetItemIndexByValue';\nimport useSearchableViewportData from '../../useSearchableViewportData';\nimport useTableClose from '../../useTableClose';\n\nconst log = Log.module('jsapi-components.usePickerProps');\n\n/** Props that are derived by `usePickerProps`. */\nexport type UsePickerDerivedProps = {\n  normalizedItems: (NormalizedItem | NormalizedSection)[];\n  showItemIcons: boolean;\n  getInitialScrollPosition: () => Promise<number | null>;\n  onChange: (key: ItemKey | null) => void;\n  onScroll: (event: Event) => void;\n  onSearchTextChange: (searchText: string) => void;\n};\n\n/** \n * Props that are passed through untouched. (should exclude all of the\n * destructured props passed into `usePickerProps` that are not in the spread\n * ...props)\n) */\nexport type UsePickerPassthroughProps<TProps> = Omit<\n  PickerWithTableProps<TProps>,\n  | 'table'\n  | 'keyColumn'\n  | 'labelColumn'\n  | 'iconColumn'\n  | 'settings'\n  | 'onChange'\n  | 'onSelectionChange'\n>;\n\n/** Props returned by `usePickerProps` hook. */\nexport type UsePickerProps<TProps> = UsePickerDerivedProps &\n  UsePickerPassthroughProps<TProps>;\n\nexport function usePickerProps<TProps>({\n  table: tableSource,\n  keyColumn: keyColumnName,\n  labelColumn: labelColumnName,\n  iconColumn: iconColumnName,\n  settings,\n  onChange,\n  onSelectionChange,\n  ...props\n}: PickerWithTableProps<TProps>): UsePickerProps<TProps> {\n  const { itemHeight } = usePickerItemScale();\n\n  const { getFormattedString: formatValue, timeZone } = useFormatter(settings);\n\n  // `null` is a valid value for `selectedKey` in controlled mode, so we check\n  // for explicit `undefined` to identify uncontrolled mode.\n  const isUncontrolled = props.selectedKey === undefined;\n  const [uncontrolledSelectedKey, setUncontrolledSelectedKey] = useState<\n    ItemKey | null | undefined\n  >(props.defaultSelectedKey);\n\n  // Copy table so we can apply filters without affecting the original table.\n  // (Note that this call is not actually applying any filters. Filter will be\n  // applied in `useSearchableViewportData`.)\n  const { data: tableCopy } = usePromiseFactory(\n    TableUtils.copyTableAndApplyFilters,\n    [tableSource]\n  );\n\n  useTableClose(tableCopy);\n\n  const keyColumn = useMemo(\n    () =>\n      tableCopy == null ? null : getItemKeyColumn(tableCopy, keyColumnName),\n    [keyColumnName, tableCopy]\n  );\n\n  const labelColumn = useMemo(\n    () =>\n      tableCopy == null || keyColumn == null\n        ? null\n        : getItemLabelColumn(tableCopy, keyColumn, labelColumnName),\n    [keyColumn, labelColumnName, tableCopy]\n  );\n\n  const searchColumnNames = useMemo(\n    () => (labelColumn == null ? [] : [labelColumn.name]),\n    [labelColumn]\n  );\n\n  const deserializeRow = useItemRowDeserializer({\n    table: tableCopy,\n    iconColumnName,\n    keyColumnName,\n    labelColumnName,\n    formatValue,\n  });\n\n  const getItemIndexByValue = useGetItemIndexByValue({\n    table: tableCopy,\n    columnName: keyColumn?.name ?? null,\n    value: isUncontrolled ? uncontrolledSelectedKey : props.selectedKey,\n  });\n\n  const getInitialScrollPosition = useCallback(async () => {\n    const index = await getItemIndexByValue();\n\n    if (index == null) {\n      return null;\n    }\n\n    return index * itemHeight + PICKER_TOP_OFFSET;\n  }, [getItemIndexByValue, itemHeight]);\n\n  const { onScroll, onSearchTextChange, setViewport, viewportData } =\n    useSearchableViewportData({\n      reuseItemsOnTableResize: true,\n      table: tableCopy,\n      itemHeight,\n      deserializeRow,\n      searchColumnNames,\n      timeZone,\n    });\n\n  useEffect(\n    // Set viewport to include the selected item so that its data will load and\n    // the real `key` will be available to show the selection in the UI.\n    function setViewportFromSelectedKey() {\n      let isCanceled = false;\n\n      getItemIndexByValue()\n        .then(index => {\n          if (index == null || isCanceled) {\n            return;\n          }\n\n          setViewport(index);\n        })\n        .catch(err => {\n          log.error('Error setting viewport from selected key', err);\n        });\n\n      return () => {\n        isCanceled = true;\n      };\n    },\n    [getItemIndexByValue, settings, setViewport]\n  );\n\n  const onSelectionChangeInternal = useCallback(\n    (key: ItemKey | null): void => {\n      // If our component is uncontrolled, track the selected key internally\n      // so that we can scroll to the selected item if the user re-opens\n      if (isUncontrolled) {\n        setUncontrolledSelectedKey(key);\n      }\n\n      (onChange ?? onSelectionChange)?.(key);\n    },\n    [isUncontrolled, onChange, onSelectionChange]\n  );\n\n  return {\n    ...props,\n    normalizedItems: viewportData.items,\n    showItemIcons: iconColumnName != null,\n    getInitialScrollPosition,\n    onChange: onSelectionChangeInternal,\n    onScroll,\n    onSearchTextChange,\n  };\n}\n\nexport default usePickerProps;\n"],"mappings":"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"}
+{"version":3,"file":"usePickerProps.js","names":["useCallback","useEffect","useMemo","useState","PICKER_TOP_OFFSET","usePickerItemScale","TableUtils","Log","usePromiseFactory","useFormatter","getItemKeyColumn","getItemLabelColumn","useItemRowDeserializer","useGetItemIndexByValue","useSearchableViewportData","useWidgetClose","log","module","usePickerProps","_ref","_keyColumn$name","table","tableSource","keyColumn","keyColumnName","labelColumn","labelColumnName","iconColumn","iconColumnName","settings","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","itemHeight","getFormattedString","formatValue","timeZone","isUncontrolled","selectedKey","undefined","uncontrolledSelectedKey","setUncontrolledSelectedKey","defaultSelectedKey","data","tableCopy","copyTableAndApplyFilters","searchColumnNames","name","deserializeRow","getItemIndexByValue","columnName","value","getInitialScrollPosition","_asyncToGenerator","index","onScroll","onSearchTextChange","setViewport","viewportData","reuseItemsOnTableResize","setViewportFromSelectedKey","isCanceled","then","catch","err","error","onSelectionChangeInternal","key","_ref3","_objectSpread","normalizedItems","items","showItemIcons"],"sources":["../../../src/spectrum/utils/usePickerProps.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  type ItemKey,\n  type NormalizedItem,\n  type NormalizedSection,\n  PICKER_TOP_OFFSET,\n  usePickerItemScale,\n} from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { usePromiseFactory } from '@deephaven/react-hooks';\nimport useFormatter from '../../useFormatter';\nimport type { PickerWithTableProps } from '../PickerProps';\nimport { getItemKeyColumn, getItemLabelColumn } from './itemUtils';\nimport { useItemRowDeserializer } from './useItemRowDeserializer';\nimport { useGetItemIndexByValue } from '../../useGetItemIndexByValue';\nimport useSearchableViewportData from '../../useSearchableViewportData';\nimport useWidgetClose from '../../useWidgetClose';\n\nconst log = Log.module('jsapi-components.usePickerProps');\n\n/** Props that are derived by `usePickerProps`. */\nexport type UsePickerDerivedProps = {\n  normalizedItems: (NormalizedItem | NormalizedSection)[];\n  showItemIcons: boolean;\n  getInitialScrollPosition: () => Promise<number | null>;\n  onChange: (key: ItemKey | null) => void;\n  onScroll: (event: Event) => void;\n  onSearchTextChange: (searchText: string) => void;\n};\n\n/** \n * Props that are passed through untouched. (should exclude all of the\n * destructured props passed into `usePickerProps` that are not in the spread\n * ...props)\n) */\nexport type UsePickerPassthroughProps<TProps> = Omit<\n  PickerWithTableProps<TProps>,\n  | 'table'\n  | 'keyColumn'\n  | 'labelColumn'\n  | 'iconColumn'\n  | 'settings'\n  | 'onChange'\n  | 'onSelectionChange'\n>;\n\n/** Props returned by `usePickerProps` hook. */\nexport type UsePickerProps<TProps> = UsePickerDerivedProps &\n  UsePickerPassthroughProps<TProps>;\n\nexport function usePickerProps<TProps>({\n  table: tableSource,\n  keyColumn: keyColumnName,\n  labelColumn: labelColumnName,\n  iconColumn: iconColumnName,\n  settings,\n  onChange,\n  onSelectionChange,\n  ...props\n}: PickerWithTableProps<TProps>): UsePickerProps<TProps> {\n  const { itemHeight } = usePickerItemScale();\n\n  const { getFormattedString: formatValue, timeZone } = useFormatter(settings);\n\n  // `null` is a valid value for `selectedKey` in controlled mode, so we check\n  // for explicit `undefined` to identify uncontrolled mode.\n  const isUncontrolled = props.selectedKey === undefined;\n  const [uncontrolledSelectedKey, setUncontrolledSelectedKey] = useState<\n    ItemKey | null | undefined\n  >(props.defaultSelectedKey);\n\n  // Copy table so we can apply filters without affecting the original table.\n  // (Note that this call is not actually applying any filters. Filter will be\n  // applied in `useSearchableViewportData`.)\n  const { data: tableCopy } = usePromiseFactory(\n    TableUtils.copyTableAndApplyFilters,\n    [tableSource]\n  );\n\n  useWidgetClose(tableCopy);\n\n  const keyColumn = useMemo(\n    () =>\n      tableCopy == null ? null : getItemKeyColumn(tableCopy, keyColumnName),\n    [keyColumnName, tableCopy]\n  );\n\n  const labelColumn = useMemo(\n    () =>\n      tableCopy == null || keyColumn == null\n        ? null\n        : getItemLabelColumn(tableCopy, keyColumn, labelColumnName),\n    [keyColumn, labelColumnName, tableCopy]\n  );\n\n  const searchColumnNames = useMemo(\n    () => (labelColumn == null ? [] : [labelColumn.name]),\n    [labelColumn]\n  );\n\n  const deserializeRow = useItemRowDeserializer({\n    table: tableCopy,\n    iconColumnName,\n    keyColumnName,\n    labelColumnName,\n    formatValue,\n  });\n\n  const getItemIndexByValue = useGetItemIndexByValue({\n    table: tableCopy,\n    columnName: keyColumn?.name ?? null,\n    value: isUncontrolled ? uncontrolledSelectedKey : props.selectedKey,\n  });\n\n  const getInitialScrollPosition = useCallback(async () => {\n    const index = await getItemIndexByValue();\n\n    if (index == null) {\n      return null;\n    }\n\n    return index * itemHeight + PICKER_TOP_OFFSET;\n  }, [getItemIndexByValue, itemHeight]);\n\n  const { onScroll, onSearchTextChange, setViewport, viewportData } =\n    useSearchableViewportData({\n      reuseItemsOnTableResize: true,\n      table: tableCopy,\n      itemHeight,\n      deserializeRow,\n      searchColumnNames,\n      timeZone,\n    });\n\n  useEffect(\n    // Set viewport to include the selected item so that its data will load and\n    // the real `key` will be available to show the selection in the UI.\n    function setViewportFromSelectedKey() {\n      let isCanceled = false;\n\n      getItemIndexByValue()\n        .then(index => {\n          if (index == null || isCanceled) {\n            return;\n          }\n\n          setViewport(index);\n        })\n        .catch(err => {\n          log.error('Error setting viewport from selected key', err);\n        });\n\n      return () => {\n        isCanceled = true;\n      };\n    },\n    [getItemIndexByValue, settings, setViewport]\n  );\n\n  const onSelectionChangeInternal = useCallback(\n    (key: ItemKey | null): void => {\n      // If our component is uncontrolled, track the selected key internally\n      // so that we can scroll to the selected item if the user re-opens\n      if (isUncontrolled) {\n        setUncontrolledSelectedKey(key);\n      }\n\n      (onChange ?? onSelectionChange)?.(key);\n    },\n    [isUncontrolled, onChange, onSelectionChange]\n  );\n\n  return {\n    ...props,\n    normalizedItems: viewportData.items,\n    showItemIcons: iconColumnName != null,\n    getInitialScrollPosition,\n    onChange: onSelectionChangeInternal,\n    onScroll,\n    onSearchTextChange,\n  };\n}\n\nexport default usePickerProps;\n"],"mappings":"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"}

package/dist/usePickerWithSelectedValues.js

@@ -6,7 +6,7 @@ import useFilterConditionFactories from "./useFilterConditionFactories.js";
 import useViewportData from "./useViewportData.js";
 import useViewportFilter from "./useViewportFilter.js";
 import useTableUtils from "./useTableUtils.js";
-import useTableClose from "./useTableClose.js";
+import useWidgetClose from "./useWidgetClose.js";
 import { SEARCH_DEBOUNCE_MS, VIEWPORT_PADDING, VIEWPORT_SIZE } from "./Constants.js";
 /**
  * Manages a list of available items that can be searched and selected. Selected
@@ -73,7 +73,7 @@ export function usePickerWithSelectedValues(_ref) {
   var {
     data: listTable
   } = usePromiseFactory(tableUtils.createDistinctSortedColumnTable, [maybeTable, columnName, 'asc', ...filterConditionFactories]);
-  useTableClose(listTable);
+  useWidgetClose(listTable);
   var list = useViewportData({
     table: listTable,
     itemHeight,

package/dist/usePickerWithSelectedValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePickerWithSelectedValues.js","names":["useCallback","useMemo","useState","createSearchTextFilter","createSelectedValuesFilter","useDebouncedCallback","useDebouncedValue","usePromiseFactory","usePickerItemScale","useFilterConditionFactories","useViewportData","useViewportFilter","useTableUtils","useTableClose","SEARCH_DEBOUNCE_MS","VIEWPORT_PADDING","VIEWPORT_SIZE","usePickerWithSelectedValues","_ref","maybeTable","columnName","mapItemToValue","filterConditionFactories","trimSearchText","timeZone","itemHeight","tableUtils","searchText","setSearchText","appliedSearchText","setAppliedSearchText","applySearchText","text","trim","searchTextMaybeTrimmed","selectedKey","setSelectedKey","selectedValueMap","setSelectedValueMap","Map","data","valueExists","isLoading","valueExistsIsLoading","doesColumnValueExist","isDebouncing","isApplyingFilter","searchTextExists","searchTextFilter","excludeSelectedValuesFilter","Set","keys","listTable","createDistinctSortedColumnTable","list","table","viewportSize","viewportPadding","hasSearchTextWithZeroResults","length","size","searchTextIsInSelectedValues","has","onDebouncedSearchTextChange","onSearchTextChange","setSelectedKeyOnNextFrame","onSelectKey","key","item","viewportData","findItem","value","prev","next","set","onAddValues","values","onRemoveValues","delete","filter"],"sources":["../src/usePickerWithSelectedValues.ts"],"sourcesContent":["import { type Key, useCallback, useMemo, useState } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  createSearchTextFilter,\n  createSelectedValuesFilter,\n  type FilterConditionFactory,\n} from '@deephaven/jsapi-utils';\nimport {\n  useDebouncedCallback,\n  useDebouncedValue,\n  usePromiseFactory,\n} from '@deephaven/react-hooks';\nimport { usePickerItemScale } from '@deephaven/components';\nimport { type KeyedItem, type SelectionT } from '@deephaven/utils';\nimport useFilterConditionFactories from './useFilterConditionFactories';\nimport useViewportData, { type UseViewportDataResult } from './useViewportData';\nimport useViewportFilter from './useViewportFilter';\nimport useTableUtils from './useTableUtils';\nimport useTableClose from './useTableClose';\nimport {\n  SEARCH_DEBOUNCE_MS,\n  VIEWPORT_PADDING,\n  VIEWPORT_SIZE,\n} from './Constants';\n\nexport interface UsePickerWithSelectedValuesResult<TItem, TValue> {\n  list: UseViewportDataResult<TItem, dh.Table>;\n  hasSearchTextWithZeroResults: boolean;\n  searchText: string;\n  searchTextExists: boolean | null;\n  searchTextIsInSelectedValues: boolean;\n  selectedKey: Key | null;\n  selectedValueMap: ReadonlyMap<TValue, { value: TValue }>;\n  onSearchTextChange: (searchText: string) => void;\n  onSelectKey: (key: Key | null) => void;\n  onAddValues: (values: ReadonlySet<TValue>) => void;\n  onRemoveValues: (values: SelectionT<TValue>) => void;\n}\n\n/**\n * Manages a list of available items that can be searched and selected. Selected\n * items are removed from the list and managed in a selectedValueMap data\n * structure. Useful for components that contain a picker but show selected\n * values in a separate component.\n * @param maybeTable The table to get the list of items from\n * @param columnName The column name to get the list of items from\n * @param mapItemToValue A function to map an item to a value\n * @param filterConditionFactories Optional filter condition factories to apply to the list\n * @param trimSearchText Whether to trim the search text before filtering. Defaults to false\n * @param timeZone The timezone to use for date parsing\n */\nexport function usePickerWithSelectedValues<TItem, TValue>({\n  maybeTable,\n  columnName,\n  mapItemToValue,\n  filterConditionFactories = [],\n  trimSearchText = false,\n  timeZone,\n}: {\n  maybeTable: dh.Table | null;\n  columnName: string;\n  mapItemToValue: (item: KeyedItem<TItem>) => TValue;\n  filterConditionFactories?: FilterConditionFactory[];\n  trimSearchText?: boolean;\n  timeZone: string;\n}): UsePickerWithSelectedValuesResult<TItem, TValue> {\n  const { itemHeight } = usePickerItemScale();\n\n  const tableUtils = useTableUtils();\n\n  // `searchText` should always be up to date for controlled search input.\n  // `appliedSearchText` will get updated after a delay to avoid updating\n  // filters on every key stroke. It will also be trimmed of leading / trailing\n  // spaces if `trimSearchText` is true.\n  const [searchText, setSearchText] = useState('');\n  const [appliedSearchText, setAppliedSearchText] = useState('');\n\n  const applySearchText = useCallback(\n    (text: string) => {\n      setAppliedSearchText(trimSearchText ? text.trim() : text);\n    },\n    [trimSearchText]\n  );\n\n  const searchTextMaybeTrimmed = useMemo(\n    () => (trimSearchText ? searchText.trim() : searchText),\n    [searchText, trimSearchText]\n  );\n\n  const [selectedKey, setSelectedKey] = useState<Key | null>(null);\n  const [selectedValueMap, setSelectedValueMap] = useState<\n    Map<TValue, { value: TValue }>\n  >(() => new Map());\n\n  const { data: valueExists, isLoading: valueExistsIsLoading } =\n    usePromiseFactory(tableUtils.doesColumnValueExist, [\n      maybeTable,\n      columnName,\n      appliedSearchText,\n      false /* isCaseSensitive */,\n    ]);\n\n  // The `searchTextFilter` starts getting applied to the list whenever\n  // `appliedSearchText` changes, after which there is a small delay before the\n  // items are in sync. Use a debounce timer to allow a little extra time\n  // before calculating `searchTextExists` below. Note that there are 2 debounce\n  // timers at play here:\n  // 1. `onDebouncedSearchTextChange` applies the search text after user stops typing\n  // 2. `useDebouncedValue` debounces whenever the result of the first debounce\n  //    changes, and `isApplyingFilter` will be true while this 2nd timer is active.\n  const { isDebouncing: isApplyingFilter } = useDebouncedValue(\n    appliedSearchText,\n    SEARCH_DEBOUNCE_MS\n  );\n\n  // If value exists check is still loading or if debounce hasn't completed, set\n  // `searchTextExists` to null since it is indeterminate.\n  const searchTextExists =\n    isApplyingFilter || valueExistsIsLoading ? null : valueExists;\n\n  const searchTextFilter = useMemo(\n    () =>\n      createSearchTextFilter(\n        tableUtils,\n        columnName,\n        appliedSearchText,\n        timeZone\n      ),\n    [appliedSearchText, columnName, tableUtils, timeZone]\n  );\n\n  // Filter out selected values from the picker\n  const excludeSelectedValuesFilter = useMemo(\n    () =>\n      createSelectedValuesFilter(\n        tableUtils,\n        columnName,\n        new Set(selectedValueMap.keys()),\n        false,\n        true\n      ),\n    [columnName, selectedValueMap, tableUtils]\n  );\n\n  const { data: listTable } = usePromiseFactory(\n    tableUtils.createDistinctSortedColumnTable,\n    [maybeTable, columnName, 'asc', ...filterConditionFactories]\n  );\n\n  useTableClose(listTable);\n\n  const list = useViewportData<TItem, dh.Table>({\n    table: listTable,\n    itemHeight,\n    viewportSize: VIEWPORT_SIZE,\n    viewportPadding: VIEWPORT_PADDING,\n  });\n\n  const hasSearchTextWithZeroResults =\n    searchTextMaybeTrimmed.length > 0 && list.size === 0;\n  const searchTextIsInSelectedValues = selectedValueMap.has(\n    searchTextMaybeTrimmed as TValue\n  );\n\n  const onDebouncedSearchTextChange = useDebouncedCallback(\n    applySearchText,\n    SEARCH_DEBOUNCE_MS\n  );\n\n  const onSearchTextChange = useCallback(\n    (text: string) => {\n      setSearchText(text);\n      onDebouncedSearchTextChange(text);\n    },\n    [onDebouncedSearchTextChange]\n  );\n\n  const setSelectedKeyOnNextFrame = useDebouncedCallback(setSelectedKey, 0);\n\n  const onSelectKey = useCallback(\n    (key: Key | null) => {\n      setSearchText('');\n      applySearchText('');\n\n      // Set the selection temporarily to avoid the picker staying open\n      setSelectedKey(key);\n\n      // Clear the selection on next frame since selected items get removed from\n      // the list and added to `selectedValues` Map\n      setSelectedKeyOnNextFrame(null);\n\n      // key will be null in scenarios where search text doesn't match an item\n      // and user clicks outside of picker\n      if (key == null) {\n        return;\n      }\n\n      const item = list.viewportData.findItem(key);\n\n      if (item == null) {\n        return;\n      }\n\n      const value = mapItemToValue(item);\n\n      setSelectedValueMap(prev => {\n        const next = new Map(prev);\n        next.set(value, { value });\n        return next;\n      });\n    },\n    [\n      applySearchText,\n      setSelectedKeyOnNextFrame,\n      list.viewportData,\n      mapItemToValue,\n    ]\n  );\n\n  const onAddValues = useCallback((values: ReadonlySet<TValue>) => {\n    setSelectedValueMap(prev => {\n      if (values.size === 0) {\n        return prev;\n      }\n\n      const next = new Map(prev);\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const value of values) {\n        next.set(value, { value });\n      }\n\n      return next;\n    });\n  }, []);\n\n  const onRemoveValues = useCallback((values: SelectionT<TValue>) => {\n    setSelectedValueMap(prev => {\n      if (values === 'all') {\n        return new Map();\n      }\n\n      const next = new Map(prev);\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const value of values) {\n        next.delete(value);\n      }\n\n      return next;\n    });\n  }, []);\n\n  const filter = useFilterConditionFactories(\n    list.table,\n    searchTextFilter,\n    excludeSelectedValuesFilter\n  );\n\n  useViewportFilter(list, filter);\n\n  return useMemo(\n    () => ({\n      list,\n      hasSearchTextWithZeroResults,\n      searchText,\n      searchTextExists,\n      searchTextIsInSelectedValues,\n      selectedKey,\n      selectedValueMap,\n      onSearchTextChange,\n      onSelectKey,\n      onAddValues,\n      onRemoveValues,\n    }),\n    [\n      hasSearchTextWithZeroResults,\n      list,\n      onAddValues,\n      onRemoveValues,\n      onSearchTextChange,\n      onSelectKey,\n      searchText,\n      searchTextExists,\n      searchTextIsInSelectedValues,\n      selectedKey,\n      selectedValueMap,\n    ]\n  );\n}\n\nexport default usePickerWithSelectedValues;\n"],"mappings":"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"}
+{"version":3,"file":"usePickerWithSelectedValues.js","names":["useCallback","useMemo","useState","createSearchTextFilter","createSelectedValuesFilter","useDebouncedCallback","useDebouncedValue","usePromiseFactory","usePickerItemScale","useFilterConditionFactories","useViewportData","useViewportFilter","useTableUtils","useWidgetClose","SEARCH_DEBOUNCE_MS","VIEWPORT_PADDING","VIEWPORT_SIZE","usePickerWithSelectedValues","_ref","maybeTable","columnName","mapItemToValue","filterConditionFactories","trimSearchText","timeZone","itemHeight","tableUtils","searchText","setSearchText","appliedSearchText","setAppliedSearchText","applySearchText","text","trim","searchTextMaybeTrimmed","selectedKey","setSelectedKey","selectedValueMap","setSelectedValueMap","Map","data","valueExists","isLoading","valueExistsIsLoading","doesColumnValueExist","isDebouncing","isApplyingFilter","searchTextExists","searchTextFilter","excludeSelectedValuesFilter","Set","keys","listTable","createDistinctSortedColumnTable","list","table","viewportSize","viewportPadding","hasSearchTextWithZeroResults","length","size","searchTextIsInSelectedValues","has","onDebouncedSearchTextChange","onSearchTextChange","setSelectedKeyOnNextFrame","onSelectKey","key","item","viewportData","findItem","value","prev","next","set","onAddValues","values","onRemoveValues","delete","filter"],"sources":["../src/usePickerWithSelectedValues.ts"],"sourcesContent":["import { type Key, useCallback, useMemo, useState } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  createSearchTextFilter,\n  createSelectedValuesFilter,\n  type FilterConditionFactory,\n} from '@deephaven/jsapi-utils';\nimport {\n  useDebouncedCallback,\n  useDebouncedValue,\n  usePromiseFactory,\n} from '@deephaven/react-hooks';\nimport { usePickerItemScale } from '@deephaven/components';\nimport { type KeyedItem, type SelectionT } from '@deephaven/utils';\nimport useFilterConditionFactories from './useFilterConditionFactories';\nimport useViewportData, { type UseViewportDataResult } from './useViewportData';\nimport useViewportFilter from './useViewportFilter';\nimport useTableUtils from './useTableUtils';\nimport useWidgetClose from './useWidgetClose';\nimport {\n  SEARCH_DEBOUNCE_MS,\n  VIEWPORT_PADDING,\n  VIEWPORT_SIZE,\n} from './Constants';\n\nexport interface UsePickerWithSelectedValuesResult<TItem, TValue> {\n  list: UseViewportDataResult<TItem, dh.Table>;\n  hasSearchTextWithZeroResults: boolean;\n  searchText: string;\n  searchTextExists: boolean | null;\n  searchTextIsInSelectedValues: boolean;\n  selectedKey: Key | null;\n  selectedValueMap: ReadonlyMap<TValue, { value: TValue }>;\n  onSearchTextChange: (searchText: string) => void;\n  onSelectKey: (key: Key | null) => void;\n  onAddValues: (values: ReadonlySet<TValue>) => void;\n  onRemoveValues: (values: SelectionT<TValue>) => void;\n}\n\n/**\n * Manages a list of available items that can be searched and selected. Selected\n * items are removed from the list and managed in a selectedValueMap data\n * structure. Useful for components that contain a picker but show selected\n * values in a separate component.\n * @param maybeTable The table to get the list of items from\n * @param columnName The column name to get the list of items from\n * @param mapItemToValue A function to map an item to a value\n * @param filterConditionFactories Optional filter condition factories to apply to the list\n * @param trimSearchText Whether to trim the search text before filtering. Defaults to false\n * @param timeZone The timezone to use for date parsing\n */\nexport function usePickerWithSelectedValues<TItem, TValue>({\n  maybeTable,\n  columnName,\n  mapItemToValue,\n  filterConditionFactories = [],\n  trimSearchText = false,\n  timeZone,\n}: {\n  maybeTable: dh.Table | null;\n  columnName: string;\n  mapItemToValue: (item: KeyedItem<TItem>) => TValue;\n  filterConditionFactories?: FilterConditionFactory[];\n  trimSearchText?: boolean;\n  timeZone: string;\n}): UsePickerWithSelectedValuesResult<TItem, TValue> {\n  const { itemHeight } = usePickerItemScale();\n\n  const tableUtils = useTableUtils();\n\n  // `searchText` should always be up to date for controlled search input.\n  // `appliedSearchText` will get updated after a delay to avoid updating\n  // filters on every key stroke. It will also be trimmed of leading / trailing\n  // spaces if `trimSearchText` is true.\n  const [searchText, setSearchText] = useState('');\n  const [appliedSearchText, setAppliedSearchText] = useState('');\n\n  const applySearchText = useCallback(\n    (text: string) => {\n      setAppliedSearchText(trimSearchText ? text.trim() : text);\n    },\n    [trimSearchText]\n  );\n\n  const searchTextMaybeTrimmed = useMemo(\n    () => (trimSearchText ? searchText.trim() : searchText),\n    [searchText, trimSearchText]\n  );\n\n  const [selectedKey, setSelectedKey] = useState<Key | null>(null);\n  const [selectedValueMap, setSelectedValueMap] = useState<\n    Map<TValue, { value: TValue }>\n  >(() => new Map());\n\n  const { data: valueExists, isLoading: valueExistsIsLoading } =\n    usePromiseFactory(tableUtils.doesColumnValueExist, [\n      maybeTable,\n      columnName,\n      appliedSearchText,\n      false /* isCaseSensitive */,\n    ]);\n\n  // The `searchTextFilter` starts getting applied to the list whenever\n  // `appliedSearchText` changes, after which there is a small delay before the\n  // items are in sync. Use a debounce timer to allow a little extra time\n  // before calculating `searchTextExists` below. Note that there are 2 debounce\n  // timers at play here:\n  // 1. `onDebouncedSearchTextChange` applies the search text after user stops typing\n  // 2. `useDebouncedValue` debounces whenever the result of the first debounce\n  //    changes, and `isApplyingFilter` will be true while this 2nd timer is active.\n  const { isDebouncing: isApplyingFilter } = useDebouncedValue(\n    appliedSearchText,\n    SEARCH_DEBOUNCE_MS\n  );\n\n  // If value exists check is still loading or if debounce hasn't completed, set\n  // `searchTextExists` to null since it is indeterminate.\n  const searchTextExists =\n    isApplyingFilter || valueExistsIsLoading ? null : valueExists;\n\n  const searchTextFilter = useMemo(\n    () =>\n      createSearchTextFilter(\n        tableUtils,\n        columnName,\n        appliedSearchText,\n        timeZone\n      ),\n    [appliedSearchText, columnName, tableUtils, timeZone]\n  );\n\n  // Filter out selected values from the picker\n  const excludeSelectedValuesFilter = useMemo(\n    () =>\n      createSelectedValuesFilter(\n        tableUtils,\n        columnName,\n        new Set(selectedValueMap.keys()),\n        false,\n        true\n      ),\n    [columnName, selectedValueMap, tableUtils]\n  );\n\n  const { data: listTable } = usePromiseFactory(\n    tableUtils.createDistinctSortedColumnTable,\n    [maybeTable, columnName, 'asc', ...filterConditionFactories]\n  );\n\n  useWidgetClose(listTable);\n\n  const list = useViewportData<TItem, dh.Table>({\n    table: listTable,\n    itemHeight,\n    viewportSize: VIEWPORT_SIZE,\n    viewportPadding: VIEWPORT_PADDING,\n  });\n\n  const hasSearchTextWithZeroResults =\n    searchTextMaybeTrimmed.length > 0 && list.size === 0;\n  const searchTextIsInSelectedValues = selectedValueMap.has(\n    searchTextMaybeTrimmed as TValue\n  );\n\n  const onDebouncedSearchTextChange = useDebouncedCallback(\n    applySearchText,\n    SEARCH_DEBOUNCE_MS\n  );\n\n  const onSearchTextChange = useCallback(\n    (text: string) => {\n      setSearchText(text);\n      onDebouncedSearchTextChange(text);\n    },\n    [onDebouncedSearchTextChange]\n  );\n\n  const setSelectedKeyOnNextFrame = useDebouncedCallback(setSelectedKey, 0);\n\n  const onSelectKey = useCallback(\n    (key: Key | null) => {\n      setSearchText('');\n      applySearchText('');\n\n      // Set the selection temporarily to avoid the picker staying open\n      setSelectedKey(key);\n\n      // Clear the selection on next frame since selected items get removed from\n      // the list and added to `selectedValues` Map\n      setSelectedKeyOnNextFrame(null);\n\n      // key will be null in scenarios where search text doesn't match an item\n      // and user clicks outside of picker\n      if (key == null) {\n        return;\n      }\n\n      const item = list.viewportData.findItem(key);\n\n      if (item == null) {\n        return;\n      }\n\n      const value = mapItemToValue(item);\n\n      setSelectedValueMap(prev => {\n        const next = new Map(prev);\n        next.set(value, { value });\n        return next;\n      });\n    },\n    [\n      applySearchText,\n      setSelectedKeyOnNextFrame,\n      list.viewportData,\n      mapItemToValue,\n    ]\n  );\n\n  const onAddValues = useCallback((values: ReadonlySet<TValue>) => {\n    setSelectedValueMap(prev => {\n      if (values.size === 0) {\n        return prev;\n      }\n\n      const next = new Map(prev);\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const value of values) {\n        next.set(value, { value });\n      }\n\n      return next;\n    });\n  }, []);\n\n  const onRemoveValues = useCallback((values: SelectionT<TValue>) => {\n    setSelectedValueMap(prev => {\n      if (values === 'all') {\n        return new Map();\n      }\n\n      const next = new Map(prev);\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const value of values) {\n        next.delete(value);\n      }\n\n      return next;\n    });\n  }, []);\n\n  const filter = useFilterConditionFactories(\n    list.table,\n    searchTextFilter,\n    excludeSelectedValuesFilter\n  );\n\n  useViewportFilter(list, filter);\n\n  return useMemo(\n    () => ({\n      list,\n      hasSearchTextWithZeroResults,\n      searchText,\n      searchTextExists,\n      searchTextIsInSelectedValues,\n      selectedKey,\n      selectedValueMap,\n      onSearchTextChange,\n      onSelectKey,\n      onAddValues,\n      onRemoveValues,\n    }),\n    [\n      hasSearchTextWithZeroResults,\n      list,\n      onAddValues,\n      onRemoveValues,\n      onSearchTextChange,\n      onSelectKey,\n      searchText,\n      searchTextExists,\n      searchTextIsInSelectedValues,\n      selectedKey,\n      selectedValueMap,\n    ]\n  );\n}\n\nexport default usePickerWithSelectedValues;\n"],"mappings":"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"}

package/dist/useWidgetClose.d.ts

@@ -0,0 +1,12 @@
+import { type WidgetTypes } from '@deephaven/jsapi-bootstrap';
+/**
+ * React hook that closes a given widget when the reference changes or when the
+ * component unmounts.
+ * @param widget The widget to close
+ */
+export default function useWidgetClose(widget: WidgetTypes | null | undefined): void;
+/**
+ * @deprecated Use `useWidgetClose` instead.
+ */
+export declare const useTableClose: typeof useWidgetClose;
+//# sourceMappingURL=useWidgetClose.d.ts.map

package/dist/useWidgetClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetClose.d.ts","sourceRoot":"","sources":["../src/useWidgetClose.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACrC,IAAI,CAaN;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,uBAAiB,CAAC"}

package/dist/useWidgetClose.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+import { isClosed } from '@deephaven/jsapi-utils';
+
+/**
+ * React hook that closes a given widget when the reference changes or when the
+ * component unmounts.
+ * @param widget The widget to close
+ */
+export default function useWidgetClose(widget) {
+  useEffect(() => () => {
+    if (widget == null) {
+      return;
+    }
+    if (!isClosed(widget)) {
+      var _widget$close;
+      (_widget$close = widget.close) === null || _widget$close === void 0 ? void 0 : _widget$close.call(widget);
+    }
+  }, [widget]);
+}
+
+/**
+ * @deprecated Use `useWidgetClose` instead.
+ */
+export var useTableClose = useWidgetClose;
+//# sourceMappingURL=useWidgetClose.js.map

package/dist/useWidgetClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetClose.js","names":["useEffect","isClosed","useWidgetClose","widget","_widget$close","close","call","useTableClose"],"sources":["../src/useWidgetClose.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { type WidgetTypes } from '@deephaven/jsapi-bootstrap';\nimport { isClosed } from '@deephaven/jsapi-utils';\n\n/**\n * React hook that closes a given widget when the reference changes or when the\n * component unmounts.\n * @param widget The widget to close\n */\nexport default function useWidgetClose(\n  widget: WidgetTypes | null | undefined\n): void {\n  useEffect(\n    () => () => {\n      if (widget == null) {\n        return;\n      }\n\n      if (!isClosed(widget)) {\n        widget.close?.();\n      }\n    },\n    [widget]\n  );\n}\n\n/**\n * @deprecated Use `useWidgetClose` instead.\n */\nexport const useTableClose = useWidgetClose;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,QAAQ,QAAQ,wBAAwB;;AAEjD;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,cAAcA,CACpCC,MAAsC,EAChC;EACNH,SAAS,CACP,MAAM,MAAM;IACV,IAAIG,MAAM,IAAI,IAAI,EAAE;MAClB;IACF;IAEA,IAAI,CAACF,QAAQ,CAACE,MAAM,CAAC,EAAE;MAAA,IAAAC,aAAA;MACrB,CAAAA,aAAA,GAAAD,MAAM,CAACE,KAAK,cAAAD,aAAA,uBAAZA,aAAA,CAAAE,IAAA,CAAAH,MAAe,CAAC;IAClB;EACF,CAAC,EACD,CAACA,MAAM,CACT,CAAC;AACH;;AAEA;AACA;AACA;AACA,OAAO,IAAMI,aAAa,GAAGL,cAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/jsapi-components",
-  "version": "1.3.0",
+  "version": "1.3.1-uri.5+18323c82",
   "description": "Deephaven JSAPI Components",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -22,13 +22,13 @@
     "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^1.3.0",
-    "@deephaven/jsapi-bootstrap": "^1.3.0",
+    "@deephaven/components": "^1.3.1-uri.5+18323c82",
+    "@deephaven/jsapi-bootstrap": "^1.3.1-uri.5+18323c82",
     "@deephaven/jsapi-types": "^1.0.0-dev0.39.4",
-    "@deephaven/jsapi-utils": "^1.1.1",
-    "@deephaven/log": "^1.1.0",
-    "@deephaven/react-hooks": "^1.2.0",
-    "@deephaven/utils": "^1.1.0",
+    "@deephaven/jsapi-utils": "^1.3.1-uri.5+18323c82",
+    "@deephaven/log": "^1.3.1-uri.5+18323c82",
+    "@deephaven/react-hooks": "^1.3.1-uri.5+18323c82",
+    "@deephaven/utils": "^1.3.1-uri.5+18323c82",
     "@types/js-cookie": "^3.0.3",
     "classnames": "^2.3.2",
     "js-cookie": "^3.0.5",
@@ -36,8 +36,8 @@
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@deephaven/jsapi-shim": "^1.1.0",
-    "@deephaven/test-utils": "^1.1.0",
+    "@deephaven/jsapi-shim": "^1.3.1-uri.5+18323c82",
+    "@deephaven/test-utils": "^1.3.1-uri.5+18323c82",
     "react-test-renderer": "^17.0.2"
   },
   "peerDependencies": {
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d65ed4062477ccc16a1d09b3106d4256f772913b"
+  "gitHead": "18323c82bf67c3fa247cef63e30253b8fe793f4e"
 }

package/dist/useTableClose.d.ts

@@ -1,8 +0,0 @@
-import type { dh } from '@deephaven/jsapi-types';
-/**
- * React hook that closes a given table when the reference changes or when the
- * component unmounts.
- * @param table
- */
-export default function useTableClose(table: dh.Table | dh.TreeTable | null | undefined): void;
-//# sourceMappingURL=useTableClose.d.ts.map

package/dist/useTableClose.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableClose.d.ts","sourceRoot":"","sources":["../src/useTableClose.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAGjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS,GAAG,IAAI,GAAG,SAAS,GAChD,IAAI,CAaN"}

package/dist/useTableClose.js

@@ -1,19 +0,0 @@
-import { useEffect } from 'react';
-import { isClosed } from '@deephaven/jsapi-utils';
-
-/**
- * React hook that closes a given table when the reference changes or when the
- * component unmounts.
- * @param table
- */
-export default function useTableClose(table) {
-  useEffect(() => () => {
-    if (table == null) {
-      return;
-    }
-    if (!isClosed(table)) {
-      table.close();
-    }
-  }, [table]);
-}
-//# sourceMappingURL=useTableClose.js.map

package/dist/useTableClose.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableClose.js","names":["useEffect","isClosed","useTableClose","table","close"],"sources":["../src/useTableClose.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport { isClosed } from '@deephaven/jsapi-utils';\n\n/**\n * React hook that closes a given table when the reference changes or when the\n * component unmounts.\n * @param table\n */\nexport default function useTableClose(\n  table: dh.Table | dh.TreeTable | null | undefined\n): void {\n  useEffect(\n    () => () => {\n      if (table == null) {\n        return;\n      }\n\n      if (!isClosed(table)) {\n        table.close();\n      }\n    },\n    [table]\n  );\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,QAAQ,QAAQ,wBAAwB;;AAEjD;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,aAAaA,CACnCC,KAAiD,EAC3C;EACNH,SAAS,CACP,MAAM,MAAM;IACV,IAAIG,KAAK,IAAI,IAAI,EAAE;MACjB;IACF;IAEA,IAAI,CAACF,QAAQ,CAACE,KAAK,CAAC,EAAE;MACpBA,KAAK,CAACC,KAAK,CAAC,CAAC;IACf;EACF,CAAC,EACD,CAACD,KAAK,CACR,CAAC;AACH"}