@deephaven/jsapi-components 0.71.1-beta.0 → 0.72.0

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export { default as useDebouncedViewportSearch } from './useDebouncedViewportSea
 export * from './useDebouncedViewportSelectionFilter';
 export * from './useFilterConditionFactories';
 export * from './useFilteredItemsWithDefaultValue';
+export * from './useFormatter';
 export * from './useGetItemIndexByValue';
 export * from './useGetItemPosition';
 export { default as useInitializeViewportData } from './useInitializeViewportData';

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,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,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,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,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"}

package/dist/index.js

@@ -11,6 +11,7 @@ export { default as useDebouncedViewportSearch } from "./useDebouncedViewportSea
 export * from "./useDebouncedViewportSelectionFilter.js";
 export * from "./useFilterConditionFactories.js";
 export * from "./useFilteredItemsWithDefaultValue.js";
+export * from "./useFormatter.js";
 export * from "./useGetItemIndexByValue.js";
 export * from "./useGetItemPosition.js";
 export { default as useInitializeViewportData } from "./useInitializeViewportData.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 './RefreshTokenBootstrap';\nexport * from './RefreshTokenUtils';\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 './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;AAAA;AAAA,SAKrBD,OAAO,IAAIE,mBAAmB;AAAA,SAC9BF,OAAO,IAAIG,yBAAyB;AAAA;AAAA,SAEpCH,OAAO,IAAII,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAMrCJ,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","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 * 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;AAAA;AAAA,SAKrBD,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"}

package/dist/spectrum/{Picker/Picker.d.ts → Picker.d.ts}

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { PickerProps as PickerPropsBase } from '@deephaven/components';
 import { dh as DhType } from '@deephaven/jsapi-types';
+import { Settings } from '@deephaven/jsapi-utils';
 export interface PickerProps extends Omit<PickerPropsBase, 'children'> {
     table: DhType.Table;
     keyColumn?: string;
     labelColumn?: string;
+    settings?: Settings;
 }
-export declare function Picker({ table, keyColumn: keyColumnName, labelColumn: labelColumnName, selectedKey, ...props }: PickerProps): JSX.Element;
+export declare function Picker({ table, keyColumn: keyColumnName, labelColumn: labelColumnName, selectedKey, settings, ...props }: PickerProps): JSX.Element;
 export default Picker;
 //# sourceMappingURL=Picker.d.ts.map

package/dist/spectrum/Picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../src/spectrum/Picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAYlD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6E3B;AAED,eAAe,MAAM,CAAC"}

package/dist/spectrum/{Picker/Picker.js → Picker.js}

@@ -1,4 +1,4 @@
-var _excluded = ["table", "keyColumn", "labelColumn", "selectedKey"];
+var _excluded = ["table", "keyColumn", "labelColumn", "selectedKey", "settings"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -9,15 +9,14 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Picker as PickerBase } from '@deephaven/components';
-import { useApi } from '@deephaven/jsapi-bootstrap';
-import { Formatter } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
 import { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
 import { useCallback, useEffect, useMemo } from 'react';
-import useGetItemIndexByValue from "../../useGetItemIndexByValue.js";
-import { useViewportData } from "../../useViewportData.js";
-import { getPickerKeyColumn } from "./PickerUtils.js";
-import { usePickerItemRowDeserializer } from "./usePickerItemRowDeserializer.js";
+import useFormatter from "../useFormatter.js";
+import useGetItemIndexByValue from "../useGetItemIndexByValue.js";
+import { useViewportData } from "../useViewportData.js";
+import { getItemKeyColumn } from "./utils/itemUtils.js";
+import { useItemRowDeserializer } from "./utils/useItemRowDeserializer.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var log = Log.module('jsapi-components.Picker');
 export function Picker(_ref) {
@@ -25,16 +24,15 @@ export function Picker(_ref) {
       table,
       keyColumn: keyColumnName,
       labelColumn: labelColumnName,
-      selectedKey
+      selectedKey,
+      settings
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  var dh = useApi();
-  var formatValue = useMemo(() => {
-    var formatter = new Formatter(dh);
-    return formatter.getFormattedString.bind(formatter);
-  }, [dh]);
-  var keyColumn = useMemo(() => getPickerKeyColumn(table, keyColumnName), [keyColumnName, table]);
-  var deserializeRow = usePickerItemRowDeserializer({
+  var {
+    getFormattedString: formatValue
+  } = useFormatter(settings);
+  var keyColumn = useMemo(() => getItemKeyColumn(table, keyColumnName), [keyColumnName, table]);
+  var deserializeRow = useItemRowDeserializer({
     table,
     keyColumnName,
     labelColumnName,
@@ -78,7 +76,7 @@ export function Picker(_ref) {
     return () => {
       isCanceled = true;
     };
-  }, [getItemIndexByValue, setViewport]);
+  }, [getItemIndexByValue, settings, setViewport]);
   return /*#__PURE__*/_jsx(PickerBase
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _objectSpread(_objectSpread({}, props), {}, {

package/dist/spectrum/Picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.js","names":["Picker","PickerBase","Log","PICKER_ITEM_HEIGHT","PICKER_TOP_OFFSET","useCallback","useEffect","useMemo","useFormatter","useGetItemIndexByValue","useViewportData","getItemKeyColumn","useItemRowDeserializer","jsx","_jsx","log","module","_ref","table","keyColumn","keyColumnName","labelColumn","labelColumnName","selectedKey","settings","props","_objectWithoutProperties","_excluded","getFormattedString","formatValue","deserializeRow","getItemIndexByValue","columnName","name","value","getInitialScrollPosition","_asyncToGenerator","index","viewportData","onScroll","setViewport","reuseItemsOnTableResize","itemHeight","setViewportFromSelectedKey","isCanceled","then","catch","err","error","_objectSpread","children","items"],"sources":["../../src/spectrum/Picker.tsx"],"sourcesContent":["import {\n  NormalizedItemData,\n  Picker as PickerBase,\n  PickerProps as PickerPropsBase,\n} from '@deephaven/components';\nimport { dh as DhType } from '@deephaven/jsapi-types';\nimport { Settings } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';\nimport { useCallback, useEffect, useMemo } from 'react';\nimport useFormatter from '../useFormatter';\nimport useGetItemIndexByValue from '../useGetItemIndexByValue';\nimport { useViewportData } from '../useViewportData';\nimport { getItemKeyColumn } from './utils/itemUtils';\nimport { useItemRowDeserializer } from './utils/useItemRowDeserializer';\n\nconst log = Log.module('jsapi-components.Picker');\n\nexport interface PickerProps extends Omit<PickerPropsBase, 'children'> {\n  table: DhType.Table;\n  /* The column of values to use as item keys. Defaults to the first column. */\n  keyColumn?: string;\n  /* The column of values to display as primary text. Defaults to the `keyColumn` value. */\n  labelColumn?: string;\n\n  // TODO #1890 : descriptionColumn, iconColumn\n\n  settings?: Settings;\n}\n\nexport function Picker({\n  table,\n  keyColumn: keyColumnName,\n  labelColumn: labelColumnName,\n  selectedKey,\n  settings,\n  ...props\n}: PickerProps): JSX.Element {\n  const { getFormattedString: formatValue } = useFormatter(settings);\n\n  const keyColumn = useMemo(\n    () => getItemKeyColumn(table, keyColumnName),\n    [keyColumnName, table]\n  );\n\n  const deserializeRow = useItemRowDeserializer({\n    table,\n    keyColumnName,\n    labelColumnName,\n    formatValue,\n  });\n\n  const getItemIndexByValue = useGetItemIndexByValue({\n    table,\n    columnName: keyColumn.name,\n    value: 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 * PICKER_ITEM_HEIGHT + PICKER_TOP_OFFSET;\n  }, [getItemIndexByValue]);\n\n  const { viewportData, onScroll, setViewport } = useViewportData<\n    NormalizedItemData,\n    DhType.Table\n  >({\n    reuseItemsOnTableResize: true,\n    table,\n    itemHeight: PICKER_ITEM_HEIGHT,\n    deserializeRow,\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  return (\n    <PickerBase\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n      getInitialScrollPosition={getInitialScrollPosition}\n      selectedKey={selectedKey}\n      onScroll={onScroll}\n    >\n      {viewportData.items}\n    </PickerBase>\n  );\n}\n\nexport default Picker;\n"],"mappings":";;;;;;;;;;AAAA,SAEEA,MAAM,IAAIC,UAAU,QAEf,uBAAuB;AAG9B,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,kBAAkB;AACxE,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAAC,OACjDC,YAAY;AAAA,OACZC,sBAAsB;AAAA,SACpBC,eAAe;AAAA,SACfC,gBAAgB;AAAA,SAChBC,sBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/B,IAAMC,GAAG,GAAGb,GAAG,CAACc,MAAM,CAAC,yBAAyB,CAAC;AAcjD,OAAO,SAAShB,MAAMA,CAAAiB,IAAA,EAOO;EAAA,IAPN;MACrBC,KAAK;MACLC,SAAS,EAAEC,aAAa;MACxBC,WAAW,EAAEC,eAAe;MAC5BC,WAAW;MACXC;IAEW,CAAC,GAAAP,IAAA;IADTQ,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAER,IAAM;IAAEC,kBAAkB,EAAEC;EAAY,CAAC,GAAGrB,YAAY,CAACgB,QAAQ,CAAC;EAElE,IAAML,SAAS,GAAGZ,OAAO,CACvB,MAAMI,gBAAgB,CAACO,KAAK,EAAEE,aAAa,CAAC,EAC5C,CAACA,aAAa,EAAEF,KAAK,CACvB,CAAC;EAED,IAAMY,cAAc,GAAGlB,sBAAsB,CAAC;IAC5CM,KAAK;IACLE,aAAa;IACbE,eAAe;IACfO;EACF,CAAC,CAAC;EAEF,IAAME,mBAAmB,GAAGtB,sBAAsB,CAAC;IACjDS,KAAK;IACLc,UAAU,EAAEb,SAAS,CAACc,IAAI;IAC1BC,KAAK,EAAEX;EACT,CAAC,CAAC;EAEF,IAAMY,wBAAwB,GAAG9B,WAAW,eAAA+B,iBAAA,CAAC,aAAY;IACvD,IAAMC,KAAK,SAASN,mBAAmB,CAAC,CAAC;IAEzC,IAAIM,KAAK,IAAI,IAAI,EAAE;MACjB,OAAO,IAAI;IACb;IAEA,OAAOA,KAAK,GAAGlC,kBAAkB,GAAGC,iBAAiB;EACvD,CAAC,GAAE,CAAC2B,mBAAmB,CAAC,CAAC;EAEzB,IAAM;IAAEO,YAAY;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAG9B,eAAe,CAG7D;IACA+B,uBAAuB,EAAE,IAAI;IAC7BvB,KAAK;IACLwB,UAAU,EAAEvC,kBAAkB;IAC9B2B;EACF,CAAC,CAAC;EAEFxB,SAAS;EACP;EACA;EACA,SAASqC,0BAA0BA,CAAA,EAAG;IACpC,IAAIC,UAAU,GAAG,KAAK;IAEtBb,mBAAmB,CAAC,CAAC,CAClBc,IAAI,CAACR,KAAK,IAAI;MACb,IAAIA,KAAK,IAAI,IAAI,IAAIO,UAAU,EAAE;QAC/B;MACF;MAEAJ,WAAW,CAACH,KAAK,CAAC;IACpB,CAAC,CAAC,CACDS,KAAK,CAACC,GAAG,IAAI;MACZhC,GAAG,CAACiC,KAAK,CAAC,0CAA0C,EAAED,GAAG,CAAC;IAC5D,CAAC,CAAC;IAEJ,OAAO,MAAM;MACXH,UAAU,GAAG,IAAI;IACnB,CAAC;EACH,CAAC,EACD,CAACb,mBAAmB,EAAEP,QAAQ,EAAEgB,WAAW,CAC7C,CAAC;EAED,oBACE1B,IAAA,CAACb;EACC;EAAA,EAAAgD,aAAA,CAAAA,aAAA,KACIxB,KAAK;IACTU,wBAAwB,EAAEA,wBAAyB;IACnDZ,WAAW,EAAEA,WAAY;IACzBgB,QAAQ,EAAEA,QAAS;IAAAW,QAAA,EAElBZ,YAAY,CAACa;EAAK,EACT,CAAC;AAEjB;AAEA,eAAenD,MAAM"}

package/dist/spectrum/index.js

@@ -1,2 +1,2 @@
-export * from "./Picker/index.js";
+export * from "./Picker.js";
 //# sourceMappingURL=index.js.map

package/dist/spectrum/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './itemUtils';
+export * from './useItemRowDeserializer';
+//# sourceMappingURL=index.d.ts.map

package/dist/spectrum/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC"}

package/dist/spectrum/utils/index.js

@@ -0,0 +1,3 @@
+export * from "./itemUtils.js";
+export * from "./useItemRowDeserializer.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/spectrum/utils/index.ts"],"sourcesContent":["export * from './itemUtils';\nexport * from './useItemRowDeserializer';\n"],"mappings":""}

package/dist/spectrum/{Picker/PickerUtils.d.ts → utils/itemUtils.d.ts}

@@ -5,7 +5,7 @@ import { dh } from '@deephaven/jsapi-types';
  * @param keyColumnName The name of the column to use for key data
  * @returns DH Column containing the key values
  */
-export declare function getPickerKeyColumn(table: dh.Table, keyColumnName?: string): dh.Column;
+export declare function getItemKeyColumn(table: dh.Table, keyColumnName?: string): dh.Column;
 /**
  * Get the label column if column name is provided, otherwise use the key column.
  * @param table The table to get the label column from
@@ -13,5 +13,5 @@ export declare function getPickerKeyColumn(table: dh.Table, keyColumnName?: stri
  * @param labelColumnName The name of the column to use for label data
  * @returns DH Column containing the label values
  */
-export declare function getPickerLabelColumn(table: dh.Table, keyColumn: dh.Column, labelColumnName?: string): dh.Column;
-//# sourceMappingURL=PickerUtils.d.ts.map
+export declare function getItemLabelColumn(table: dh.Table, keyColumn: dh.Column, labelColumnName?: string): dh.Column;
+//# sourceMappingURL=itemUtils.d.ts.map

package/dist/spectrum/utils/itemUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemUtils.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/itemUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAE5C;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,EAAE,CAAC,KAAK,EACf,aAAa,CAAC,EAAE,MAAM,GACrB,EAAE,CAAC,MAAM,CAIX;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,EAAE,CAAC,KAAK,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,EACpB,eAAe,CAAC,EAAE,MAAM,GACvB,EAAE,CAAC,MAAM,CAIX"}

package/dist/spectrum/{Picker/PickerUtils.js → utils/itemUtils.js}

@@ -4,7 +4,7 @@
  * @param keyColumnName The name of the column to use for key data
  * @returns DH Column containing the key values
  */
-export function getPickerKeyColumn(table, keyColumnName) {
+export function getItemKeyColumn(table, keyColumnName) {
   return keyColumnName == null ? table.columns[0] : table.findColumn(keyColumnName);
 }
 
@@ -15,7 +15,7 @@ export function getPickerKeyColumn(table, keyColumnName) {
  * @param labelColumnName The name of the column to use for label data
  * @returns DH Column containing the label values
  */
-export function getPickerLabelColumn(table, keyColumn, labelColumnName) {
+export function getItemLabelColumn(table, keyColumn, labelColumnName) {
   return labelColumnName == null ? keyColumn : table.findColumn(labelColumnName);
 }
-//# sourceMappingURL=PickerUtils.js.map
+//# sourceMappingURL=itemUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"itemUtils.js","names":["getItemKeyColumn","table","keyColumnName","columns","findColumn","getItemLabelColumn","keyColumn","labelColumnName"],"sources":["../../../src/spectrum/utils/itemUtils.ts"],"sourcesContent":["import { dh } from '@deephaven/jsapi-types';\n\n/**\n * Get the key column if column name is provided, otherwise use the first column.\n * @param table The table to get the key column from\n * @param keyColumnName The name of the column to use for key data\n * @returns DH Column containing the key values\n */\nexport function getItemKeyColumn(\n  table: dh.Table,\n  keyColumnName?: string\n): dh.Column {\n  return keyColumnName == null\n    ? table.columns[0]\n    : table.findColumn(keyColumnName);\n}\n\n/**\n * Get the label column if column name is provided, otherwise use the key column.\n * @param table The table to get the label column from\n * @param keyColumn The key column to fallback to if the label column name is not provided\n * @param labelColumnName The name of the column to use for label data\n * @returns DH Column containing the label values\n */\nexport function getItemLabelColumn(\n  table: dh.Table,\n  keyColumn: dh.Column,\n  labelColumnName?: string\n): dh.Column {\n  return labelColumnName == null\n    ? keyColumn\n    : table.findColumn(labelColumnName);\n}\n"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,gBAAgBA,CAC9BC,KAAe,EACfC,aAAsB,EACX;EACX,OAAOA,aAAa,IAAI,IAAI,GACxBD,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC,GAChBF,KAAK,CAACG,UAAU,CAACF,aAAa,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,kBAAkBA,CAChCJ,KAAe,EACfK,SAAoB,EACpBC,eAAwB,EACb;EACX,OAAOA,eAAe,IAAI,IAAI,GAC1BD,SAAS,GACTL,KAAK,CAACG,UAAU,CAACG,eAAe,CAAC;AACvC"}

package/dist/spectrum/{Picker/usePickerItemRowDeserializer.d.ts → utils/useItemRowDeserializer.d.ts}

@@ -1,20 +1,18 @@
-import { NormalizedPickerItemData } from '@deephaven/components';
+import { NormalizedItemData } from '@deephaven/components';
 import { dh } from '@deephaven/jsapi-types';
 /**
- * Returns a function that deserializes a row into a normalized picker item data
- * object.
+ * Returns a function that deserializes a row into a normalized item data object.
  * @param table The table to get the key and label columns from
  * @param keyColumnName The name of the column to use for key data
  * @param labelColumnName The name of the column to use for label data
  * @param formatValue Optional function to format the label value
- * @returns A function that deserializes a row into a normalized picker item
- * data object
+ * @returns A function that deserializes a row into a normalized item data object
  */
-export declare function usePickerItemRowDeserializer({ table, keyColumnName, labelColumnName, formatValue, }: {
+export declare function useItemRowDeserializer({ table, keyColumnName, labelColumnName, formatValue, }: {
     table: dh.Table;
     keyColumnName?: string;
     labelColumnName?: string;
     formatValue?: (value: unknown, columnType: string) => string;
-}): (row: dh.Row) => NormalizedPickerItemData;
-export default usePickerItemRowDeserializer;
-//# sourceMappingURL=usePickerItemRowDeserializer.d.ts.map
+}): (row: dh.Row) => NormalizedItemData;
+export default useItemRowDeserializer;
+//# sourceMappingURL=useItemRowDeserializer.d.ts.map

package/dist/spectrum/utils/useItemRowDeserializer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemRowDeserializer.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/useItemRowDeserializer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAmB5C;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,aAAa,EACb,eAAe,EACf,WAAgC,GACjC,EAAE;IACD,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9D,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,kBAAkB,CAyBtC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/spectrum/{Picker/usePickerItemRowDeserializer.js → utils/useItemRowDeserializer.js}

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react';
-import { getPickerKeyColumn, getPickerLabelColumn } from "./PickerUtils.js";
+import { getItemKeyColumn, getItemLabelColumn } from "./itemUtils.js";
 function defaultFormatKey(value) {
   if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
     return value;
@@ -11,24 +11,22 @@ function defaultFormatValue(value, _columnType) {
 }
 
 /**
- * Returns a function that deserializes a row into a normalized picker item data
- * object.
+ * Returns a function that deserializes a row into a normalized item data object.
  * @param table The table to get the key and label columns from
  * @param keyColumnName The name of the column to use for key data
  * @param labelColumnName The name of the column to use for label data
  * @param formatValue Optional function to format the label value
- * @returns A function that deserializes a row into a normalized picker item
- * data object
+ * @returns A function that deserializes a row into a normalized item data object
  */
-export function usePickerItemRowDeserializer(_ref) {
+export function useItemRowDeserializer(_ref) {
   var {
     table,
     keyColumnName,
     labelColumnName,
     formatValue = defaultFormatValue
   } = _ref;
-  var keyColumn = useMemo(() => getPickerKeyColumn(table, keyColumnName), [keyColumnName, table]);
-  var labelColumn = useMemo(() => getPickerLabelColumn(table, keyColumn, labelColumnName), [keyColumn, labelColumnName, table]);
+  var keyColumn = useMemo(() => getItemKeyColumn(table, keyColumnName), [keyColumnName, table]);
+  var labelColumn = useMemo(() => getItemLabelColumn(table, keyColumn, labelColumnName), [keyColumn, labelColumnName, table]);
   var deserializeRow = useCallback(row => {
     var key = defaultFormatKey(row.get(keyColumn));
     var content = formatValue(row.get(labelColumn), labelColumn.type);
@@ -39,5 +37,5 @@ export function usePickerItemRowDeserializer(_ref) {
   }, [formatValue, keyColumn, labelColumn]);
   return deserializeRow;
 }
-export default usePickerItemRowDeserializer;
-//# sourceMappingURL=usePickerItemRowDeserializer.js.map
+export default useItemRowDeserializer;
+//# sourceMappingURL=useItemRowDeserializer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useItemRowDeserializer.js","names":["useCallback","useMemo","getItemKeyColumn","getItemLabelColumn","defaultFormatKey","value","String","defaultFormatValue","_columnType","useItemRowDeserializer","_ref","table","keyColumnName","labelColumnName","formatValue","keyColumn","labelColumn","deserializeRow","row","key","get","content","type"],"sources":["../../../src/spectrum/utils/useItemRowDeserializer.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { NormalizedItemData } from '@deephaven/components';\nimport { dh } from '@deephaven/jsapi-types';\nimport { getItemKeyColumn, getItemLabelColumn } from './itemUtils';\n\nfunction defaultFormatKey(value: unknown): string | number | boolean {\n  if (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  ) {\n    return value;\n  }\n\n  return String(value);\n}\n\nfunction defaultFormatValue(value: unknown, _columnType: string): string {\n  return String(value);\n}\n\n/**\n * Returns a function that deserializes a row into a normalized item data object.\n * @param table The table to get the key and label columns from\n * @param keyColumnName The name of the column to use for key data\n * @param labelColumnName The name of the column to use for label data\n * @param formatValue Optional function to format the label value\n * @returns A function that deserializes a row into a normalized item data object\n */\nexport function useItemRowDeserializer({\n  table,\n  keyColumnName,\n  labelColumnName,\n  formatValue = defaultFormatValue,\n}: {\n  table: dh.Table;\n  keyColumnName?: string;\n  labelColumnName?: string;\n  formatValue?: (value: unknown, columnType: string) => string;\n}): (row: dh.Row) => NormalizedItemData {\n  const keyColumn = useMemo(\n    () => getItemKeyColumn(table, keyColumnName),\n    [keyColumnName, table]\n  );\n\n  const labelColumn = useMemo(\n    () => getItemLabelColumn(table, keyColumn, labelColumnName),\n    [keyColumn, labelColumnName, table]\n  );\n\n  const deserializeRow = useCallback(\n    (row: dh.Row): NormalizedItemData => {\n      const key = defaultFormatKey(row.get(keyColumn));\n      const content = formatValue(row.get(labelColumn), labelColumn.type);\n\n      return {\n        key,\n        content,\n      };\n    },\n    [formatValue, keyColumn, labelColumn]\n  );\n\n  return deserializeRow;\n}\n\nexport default useItemRowDeserializer;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAGpCC,gBAAgB,EAAEC,kBAAkB;AAE7C,SAASC,gBAAgBA,CAACC,KAAc,EAA6B;EACnE,IACE,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,SAAS,EAC1B;IACA,OAAOA,KAAK;EACd;EAEA,OAAOC,MAAM,CAACD,KAAK,CAAC;AACtB;AAEA,SAASE,kBAAkBA,CAACF,KAAc,EAAEG,WAAmB,EAAU;EACvE,OAAOF,MAAM,CAACD,KAAK,CAAC;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,sBAAsBA,CAAAC,IAAA,EAUE;EAAA,IAVD;IACrCC,KAAK;IACLC,aAAa;IACbC,eAAe;IACfC,WAAW,GAAGP;EAMhB,CAAC,GAAAG,IAAA;EACC,IAAMK,SAAS,GAAGd,OAAO,CACvB,MAAMC,gBAAgB,CAACS,KAAK,EAAEC,aAAa,CAAC,EAC5C,CAACA,aAAa,EAAED,KAAK,CACvB,CAAC;EAED,IAAMK,WAAW,GAAGf,OAAO,CACzB,MAAME,kBAAkB,CAACQ,KAAK,EAAEI,SAAS,EAAEF,eAAe,CAAC,EAC3D,CAACE,SAAS,EAAEF,eAAe,EAAEF,KAAK,CACpC,CAAC;EAED,IAAMM,cAAc,GAAGjB,WAAW,CAC/BkB,GAAW,IAAyB;IACnC,IAAMC,GAAG,GAAGf,gBAAgB,CAACc,GAAG,CAACE,GAAG,CAACL,SAAS,CAAC,CAAC;IAChD,IAAMM,OAAO,GAAGP,WAAW,CAACI,GAAG,CAACE,GAAG,CAACJ,WAAW,CAAC,EAAEA,WAAW,CAACM,IAAI,CAAC;IAEnE,OAAO;MACLH,GAAG;MACHE;IACF,CAAC;EACH,CAAC,EACD,CAACP,WAAW,EAAEC,SAAS,EAAEC,WAAW,CACtC,CAAC;EAED,OAAOC,cAAc;AACvB;AAEA,eAAeR,sBAAsB"}

package/dist/useFormatter.d.ts

@@ -0,0 +1,13 @@
+import { Formatter, Settings } from '@deephaven/jsapi-utils';
+export type UseFormatterResult = Pick<Formatter, 'getColumnFormat' | 'getColumnFormatMapForType' | 'getColumnTypeFormatter' | 'getFormattedString' | 'timeZone'>;
+/**
+ * Returns a subset of members of a `Formatter` instance. The `Formatter` will be
+ * constructed based on the given options or fallback to the configuration found
+ * in the current `FormatSettingsContext`. Members that are functions are bound
+ * to the `Formatter` instance, so they are safe to destructure. Static methods
+ * can still be accessed statically from the `Formatter` class.
+ * @param settings Optional settings to use when constructing the `Formatter`
+ */
+export declare function useFormatter(settings?: Settings): UseFormatterResult;
+export default useFormatter;
+//# sourceMappingURL=useFormatter.d.ts.map

package/dist/useFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormatter.d.ts","sourceRoot":"","sources":["../src/useFormatter.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,SAAS,EACT,QAAQ,EACT,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,SAAS,EACP,iBAAiB,GACjB,2BAA2B,GAC3B,wBAAwB,GACxB,oBAAoB,GACpB,UAAU,CACb,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,kBAAkB,CA0BpE;AAED,eAAe,YAAY,CAAC"}

package/dist/useFormatter.js

@@ -0,0 +1,37 @@
+import { useApi } from '@deephaven/jsapi-bootstrap';
+import { createFormatterFromSettings } from '@deephaven/jsapi-utils';
+import { bindAllMethods } from '@deephaven/utils';
+import { useMemo } from 'react';
+/**
+ * Returns a subset of members of a `Formatter` instance. The `Formatter` will be
+ * constructed based on the given options or fallback to the configuration found
+ * in the current `FormatSettingsContext`. Members that are functions are bound
+ * to the `Formatter` instance, so they are safe to destructure. Static methods
+ * can still be accessed statically from the `Formatter` class.
+ * @param settings Optional settings to use when constructing the `Formatter`
+ */
+export function useFormatter(settings) {
+  var dh = useApi();
+  var formatter = useMemo(() => {
+    var instance = createFormatterFromSettings(dh, settings);
+
+    // Bind all methods so we can destructure them
+    bindAllMethods(instance);
+    return instance;
+  }, [dh, settings]);
+  var {
+    getColumnFormat,
+    getColumnFormatMapForType,
+    getColumnTypeFormatter,
+    getFormattedString
+  } = formatter;
+  return {
+    getColumnFormat,
+    getColumnFormatMapForType,
+    getColumnTypeFormatter,
+    getFormattedString,
+    timeZone: formatter.timeZone
+  };
+}
+export default useFormatter;
+//# sourceMappingURL=useFormatter.js.map

package/dist/useFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormatter.js","names":["useApi","createFormatterFromSettings","bindAllMethods","useMemo","useFormatter","settings","dh","formatter","instance","getColumnFormat","getColumnFormatMapForType","getColumnTypeFormatter","getFormattedString","timeZone"],"sources":["../src/useFormatter.ts"],"sourcesContent":["import { useApi } from '@deephaven/jsapi-bootstrap';\nimport {\n  createFormatterFromSettings,\n  Formatter,\n  Settings,\n} from '@deephaven/jsapi-utils';\nimport { bindAllMethods } from '@deephaven/utils';\nimport { useMemo } from 'react';\n\nexport type UseFormatterResult = Pick<\n  Formatter,\n  | 'getColumnFormat'\n  | 'getColumnFormatMapForType'\n  | 'getColumnTypeFormatter'\n  | 'getFormattedString'\n  | 'timeZone'\n>;\n\n/**\n * Returns a subset of members of a `Formatter` instance. The `Formatter` will be\n * constructed based on the given options or fallback to the configuration found\n * in the current `FormatSettingsContext`. Members that are functions are bound\n * to the `Formatter` instance, so they are safe to destructure. Static methods\n * can still be accessed statically from the `Formatter` class.\n * @param settings Optional settings to use when constructing the `Formatter`\n */\nexport function useFormatter(settings?: Settings): UseFormatterResult {\n  const dh = useApi();\n\n  const formatter = useMemo(() => {\n    const instance = createFormatterFromSettings(dh, settings);\n\n    // Bind all methods so we can destructure them\n    bindAllMethods(instance);\n\n    return instance;\n  }, [dh, settings]);\n\n  const {\n    getColumnFormat,\n    getColumnFormatMapForType,\n    getColumnTypeFormatter,\n    getFormattedString,\n  } = formatter;\n\n  return {\n    getColumnFormat,\n    getColumnFormatMapForType,\n    getColumnTypeFormatter,\n    getFormattedString,\n    timeZone: formatter.timeZone,\n  };\n}\n\nexport default useFormatter;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,4BAA4B;AACnD,SACEC,2BAA2B,QAGtB,wBAAwB;AAC/B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,OAAO,QAAQ,OAAO;AAW/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAACC,QAAmB,EAAsB;EACpE,IAAMC,EAAE,GAAGN,MAAM,CAAC,CAAC;EAEnB,IAAMO,SAAS,GAAGJ,OAAO,CAAC,MAAM;IAC9B,IAAMK,QAAQ,GAAGP,2BAA2B,CAACK,EAAE,EAAED,QAAQ,CAAC;;IAE1D;IACAH,cAAc,CAACM,QAAQ,CAAC;IAExB,OAAOA,QAAQ;EACjB,CAAC,EAAE,CAACF,EAAE,EAAED,QAAQ,CAAC,CAAC;EAElB,IAAM;IACJI,eAAe;IACfC,yBAAyB;IACzBC,sBAAsB;IACtBC;EACF,CAAC,GAAGL,SAAS;EAEb,OAAO;IACLE,eAAe;IACfC,yBAAyB;IACzBC,sBAAsB;IACtBC,kBAAkB;IAClBC,QAAQ,EAAEN,SAAS,CAACM;EACtB,CAAC;AACH;AAEA,eAAeT,YAAY"}

package/dist/useGetItemIndexByValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetItemIndexByValue.d.ts","sourceRoot":"","sources":["../src/useGetItemIndexByValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAG5C;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,EAC7C,UAAU,EACV,KAAK,EACL,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAClC,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAe/B;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"useGetItemIndexByValue.d.ts","sourceRoot":"","sources":["../src/useGetItemIndexByValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAG5C;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,EAC7C,UAAU,EACV,KAAK,EACL,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAClC,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAc/B;AAED,eAAe,sBAAsB,CAAC"}

package/dist/useGetItemIndexByValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetItemIndexByValue.js","names":["useCallback","useTableUtils","useGetItemIndexByValue","_ref","columnName","value","table","tableUtils","_asyncToGenerator","column","findColumn","columnValueType","getValueType","type","index","seekRow"],"sources":["../src/useGetItemIndexByValue.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { dh } from '@deephaven/jsapi-types';\nimport { useTableUtils } from './useTableUtils';\n\n/**\n * Returns a function that gets the index of the first row containing a column\n * value.\n * @param columnName The name of the column to search\n * @param value The value to search for\n * @param table The table to search in\n * @returns A function that returns the index of the first row containing the\n * matching value, or `null` if no match is found\n */\nexport function useGetItemIndexByValue<TValue>({\n  columnName,\n  value,\n  table,\n}: {\n  columnName: string;\n  table: dh.Table | null;\n  value: TValue | null | undefined;\n}): () => Promise<number | null> {\n  const tableUtils = useTableUtils();\n\n  return useCallback(async () => {\n    if (table == null || value == null) {\n      return null;\n    }\n\n    const column = table.findColumn(columnName);\n    const columnValueType = tableUtils.getValueType(column.type);\n\n    const index = await table.seekRow(0, column, columnValueType, value);\n\n    return index === -1 ? null : index;\n  }, [columnName, table, tableUtils, value]);\n}\n\nexport default useGetItemIndexByValue;\n"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAAC,SAE3BC,aAAa;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAAAC,IAAA,EAQL;EAAA,IARc;IAC7CC,UAAU;IACVC,KAAK;IACLC;EAKF,CAAC,GAAAH,IAAA;EACC,IAAMI,UAAU,GAAGN,aAAa,CAAC,CAAC;EAElC,OAAOD,WAAW,eAAAQ,iBAAA,CAAC,aAAY;IAC7B,IAAIF,KAAK,IAAI,IAAI,IAAID,KAAK,IAAI,IAAI,EAAE;MAClC,OAAO,IAAI;IACb;IAEA,IAAMI,MAAM,GAAGH,KAAK,CAACI,UAAU,CAACN,UAAU,CAAC;IAC3C,IAAMO,eAAe,GAAGJ,UAAU,CAACK,YAAY,CAACH,MAAM,CAACI,IAAI,CAAC;IAE5D,IAAMC,KAAK,SAASR,KAAK,CAACS,OAAO,CAAC,CAAC,EAAEN,MAAM,EAAEE,eAAe,EAAEN,KAAK,CAAC;IAEpE,OAAOS,KAAK,KAAK,CAAC,CAAC,GAAG,IAAI,GAAGA,KAAK;EACpC,CAAC,GAAE,CAACV,UAAU,EAAEE,KAAK,EAAEC,UAAU,EAAEF,KAAK,CAAC,CAAC;AAC5C;AAEA,eAAeH,sBAAsB"}
+{"version":3,"file":"useGetItemIndexByValue.js","names":["useCallback","useTableUtils","useGetItemIndexByValue","_ref","columnName","value","table","tableUtils","_asyncToGenerator","column","findColumn","columnValueType","getValueType","type","index","seekRow"],"sources":["../src/useGetItemIndexByValue.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { dh } from '@deephaven/jsapi-types';\nimport { useTableUtils } from './useTableUtils';\n\n/**\n * Returns a function that gets the index of the first row containing a column\n * value.\n * @param columnName The name of the column to search\n * @param value The value to search for\n * @param table The table to search in\n * @returns A function that returns the index of the first row containing the\n * matching value, or `null` if no match is found\n */\nexport function useGetItemIndexByValue<TValue>({\n  columnName,\n  value,\n  table,\n}: {\n  columnName: string;\n  table: dh.Table | null;\n  value: TValue | null | undefined;\n}): () => Promise<number | null> {\n  const tableUtils = useTableUtils();\n\n  return useCallback(async () => {\n    if (table == null || value == null) {\n      return null;\n    }\n\n    const column = table.findColumn(columnName);\n    const columnValueType = tableUtils.getValueType(column.type);\n\n    const index = await table.seekRow(0, column, columnValueType, value);\n    return index === -1 ? null : index;\n  }, [columnName, table, tableUtils, value]);\n}\n\nexport default useGetItemIndexByValue;\n"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAAC,SAE3BC,aAAa;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAAAC,IAAA,EAQL;EAAA,IARc;IAC7CC,UAAU;IACVC,KAAK;IACLC;EAKF,CAAC,GAAAH,IAAA;EACC,IAAMI,UAAU,GAAGN,aAAa,CAAC,CAAC;EAElC,OAAOD,WAAW,eAAAQ,iBAAA,CAAC,aAAY;IAC7B,IAAIF,KAAK,IAAI,IAAI,IAAID,KAAK,IAAI,IAAI,EAAE;MAClC,OAAO,IAAI;IACb;IAEA,IAAMI,MAAM,GAAGH,KAAK,CAACI,UAAU,CAACN,UAAU,CAAC;IAC3C,IAAMO,eAAe,GAAGJ,UAAU,CAACK,YAAY,CAACH,MAAM,CAACI,IAAI,CAAC;IAE5D,IAAMC,KAAK,SAASR,KAAK,CAACS,OAAO,CAAC,CAAC,EAAEN,MAAM,EAAEE,eAAe,EAAEN,KAAK,CAAC;IACpE,OAAOS,KAAK,KAAK,CAAC,CAAC,GAAG,IAAI,GAAGA,KAAK;EACpC,CAAC,GAAE,CAACV,UAAU,EAAEE,KAAK,EAAEC,UAAU,EAAEF,KAAK,CAAC,CAAC;AAC5C;AAEA,eAAeH,sBAAsB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/jsapi-components",
-  "version": "0.71.1-beta.0+a03fa079",
+  "version": "0.72.0",
   "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": "^0.71.1-beta.0+a03fa079",
-    "@deephaven/jsapi-bootstrap": "^0.71.1-beta.0+a03fa079",
+    "@deephaven/components": "^0.72.0",
+    "@deephaven/jsapi-bootstrap": "^0.72.0",
     "@deephaven/jsapi-types": "1.0.0-dev0.33.1",
-    "@deephaven/jsapi-utils": "^0.71.1-beta.0+a03fa079",
-    "@deephaven/log": "^0.71.1-beta.0+a03fa079",
-    "@deephaven/react-hooks": "^0.71.1-beta.0+a03fa079",
-    "@deephaven/utils": "^0.71.1-beta.0+a03fa079",
+    "@deephaven/jsapi-utils": "^0.72.0",
+    "@deephaven/log": "^0.72.0",
+    "@deephaven/react-hooks": "^0.72.0",
+    "@deephaven/utils": "^0.72.0",
     "@types/js-cookie": "^3.0.3",
     "classnames": "^2.3.2",
     "js-cookie": "^3.0.5",
@@ -36,7 +36,7 @@
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@deephaven/jsapi-shim": "^0.71.1-beta.0+a03fa079",
+    "@deephaven/jsapi-shim": "^0.72.0",
     "react-test-renderer": "^17.0.2"
   },
   "peerDependencies": {
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a03fa0796e8a5a665d0badbd8380995567b0d6dc"
+  "gitHead": "cbff452ae56921ea2b5440d6c09d53a8844d6f65"
 }

package/dist/spectrum/Picker/Picker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/spectrum/Picker/Picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAYtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;CAGtB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAkF3B;AAED,eAAe,MAAM,CAAC"}

package/dist/spectrum/Picker/Picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.js","names":["Picker","PickerBase","useApi","Formatter","Log","PICKER_ITEM_HEIGHT","PICKER_TOP_OFFSET","useCallback","useEffect","useMemo","useGetItemIndexByValue","useViewportData","getPickerKeyColumn","usePickerItemRowDeserializer","jsx","_jsx","log","module","_ref","table","keyColumn","keyColumnName","labelColumn","labelColumnName","selectedKey","props","_objectWithoutProperties","_excluded","dh","formatValue","formatter","getFormattedString","bind","deserializeRow","getItemIndexByValue","columnName","name","value","getInitialScrollPosition","_asyncToGenerator","index","viewportData","onScroll","setViewport","reuseItemsOnTableResize","itemHeight","setViewportFromSelectedKey","isCanceled","then","catch","err","error","_objectSpread","children","items"],"sources":["../../../src/spectrum/Picker/Picker.tsx"],"sourcesContent":["import {\n  NormalizedPickerItemData,\n  Picker as PickerBase,\n  PickerProps as PickerPropsBase,\n} from '@deephaven/components';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport { dh as DhType } from '@deephaven/jsapi-types';\nimport { Formatter } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';\nimport { useCallback, useEffect, useMemo } from 'react';\nimport useGetItemIndexByValue from '../../useGetItemIndexByValue';\nimport { useViewportData } from '../../useViewportData';\nimport { getPickerKeyColumn } from './PickerUtils';\nimport { usePickerItemRowDeserializer } from './usePickerItemRowDeserializer';\n\nconst log = Log.module('jsapi-components.Picker');\n\nexport interface PickerProps extends Omit<PickerPropsBase, 'children'> {\n  table: DhType.Table;\n  /* The column of values to use as item keys. Defaults to the first column. */\n  keyColumn?: string;\n  /* The column of values to display as primary text. Defaults to the `keyColumn` value. */\n  labelColumn?: string;\n\n  // TODO #1890 : descriptionColumn, iconColumn\n}\n\nexport function Picker({\n  table,\n  keyColumn: keyColumnName,\n  labelColumn: labelColumnName,\n  selectedKey,\n  ...props\n}: PickerProps): JSX.Element {\n  const dh = useApi();\n\n  const formatValue = useMemo(() => {\n    const formatter = new Formatter(dh);\n    return formatter.getFormattedString.bind(formatter);\n  }, [dh]);\n\n  const keyColumn = useMemo(\n    () => getPickerKeyColumn(table, keyColumnName),\n    [keyColumnName, table]\n  );\n\n  const deserializeRow = usePickerItemRowDeserializer({\n    table,\n    keyColumnName,\n    labelColumnName,\n    formatValue,\n  });\n\n  const getItemIndexByValue = useGetItemIndexByValue({\n    table,\n    columnName: keyColumn.name,\n    value: 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 * PICKER_ITEM_HEIGHT + PICKER_TOP_OFFSET;\n  }, [getItemIndexByValue]);\n\n  const { viewportData, onScroll, setViewport } = useViewportData<\n    NormalizedPickerItemData,\n    DhType.Table\n  >({\n    reuseItemsOnTableResize: true,\n    table,\n    itemHeight: PICKER_ITEM_HEIGHT,\n    deserializeRow,\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, setViewport]\n  );\n\n  return (\n    <PickerBase\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n      getInitialScrollPosition={getInitialScrollPosition}\n      selectedKey={selectedKey}\n      onScroll={onScroll}\n    >\n      {viewportData.items}\n    </PickerBase>\n  );\n}\n\nexport default Picker;\n"],"mappings":";;;;;;;;;;AAAA,SAEEA,MAAM,IAAIC,UAAU,QAEf,uBAAuB;AAC9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,SAAS,QAAQ,wBAAwB;AAClD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,kBAAkB;AACxE,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAAC,OACjDC,sBAAsB;AAAA,SACpBC,eAAe;AAAA,SACfC,kBAAkB;AAAA,SAClBC,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAErC,IAAMC,GAAG,GAAGZ,GAAG,CAACa,MAAM,CAAC,yBAAyB,CAAC;AAYjD,OAAO,SAASjB,MAAMA,CAAAkB,IAAA,EAMO;EAAA,IANN;MACrBC,KAAK;MACLC,SAAS,EAAEC,aAAa;MACxBC,WAAW,EAAEC,eAAe;MAC5BC;IAEW,CAAC,GAAAN,IAAA;IADTO,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,IAAMC,EAAE,GAAG1B,MAAM,CAAC,CAAC;EAEnB,IAAM2B,WAAW,GAAGpB,OAAO,CAAC,MAAM;IAChC,IAAMqB,SAAS,GAAG,IAAI3B,SAAS,CAACyB,EAAE,CAAC;IACnC,OAAOE,SAAS,CAACC,kBAAkB,CAACC,IAAI,CAACF,SAAS,CAAC;EACrD,CAAC,EAAE,CAACF,EAAE,CAAC,CAAC;EAER,IAAMR,SAAS,GAAGX,OAAO,CACvB,MAAMG,kBAAkB,CAACO,KAAK,EAAEE,aAAa,CAAC,EAC9C,CAACA,aAAa,EAAEF,KAAK,CACvB,CAAC;EAED,IAAMc,cAAc,GAAGpB,4BAA4B,CAAC;IAClDM,KAAK;IACLE,aAAa;IACbE,eAAe;IACfM;EACF,CAAC,CAAC;EAEF,IAAMK,mBAAmB,GAAGxB,sBAAsB,CAAC;IACjDS,KAAK;IACLgB,UAAU,EAAEf,SAAS,CAACgB,IAAI;IAC1BC,KAAK,EAAEb;EACT,CAAC,CAAC;EAEF,IAAMc,wBAAwB,GAAG/B,WAAW,eAAAgC,iBAAA,CAAC,aAAY;IACvD,IAAMC,KAAK,SAASN,mBAAmB,CAAC,CAAC;IAEzC,IAAIM,KAAK,IAAI,IAAI,EAAE;MACjB,OAAO,IAAI;IACb;IAEA,OAAOA,KAAK,GAAGnC,kBAAkB,GAAGC,iBAAiB;EACvD,CAAC,GAAE,CAAC4B,mBAAmB,CAAC,CAAC;EAEzB,IAAM;IAAEO,YAAY;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGhC,eAAe,CAG7D;IACAiC,uBAAuB,EAAE,IAAI;IAC7BzB,KAAK;IACL0B,UAAU,EAAExC,kBAAkB;IAC9B4B;EACF,CAAC,CAAC;EAEFzB,SAAS;EACP;EACA;EACA,SAASsC,0BAA0BA,CAAA,EAAG;IACpC,IAAIC,UAAU,GAAG,KAAK;IAEtBb,mBAAmB,CAAC,CAAC,CAClBc,IAAI,CAACR,KAAK,IAAI;MACb,IAAIA,KAAK,IAAI,IAAI,IAAIO,UAAU,EAAE;QAC/B;MACF;MAEAJ,WAAW,CAACH,KAAK,CAAC;IACpB,CAAC,CAAC,CACDS,KAAK,CAACC,GAAG,IAAI;MACZlC,GAAG,CAACmC,KAAK,CAAC,0CAA0C,EAAED,GAAG,CAAC;IAC5D,CAAC,CAAC;IAEJ,OAAO,MAAM;MACXH,UAAU,GAAG,IAAI;IACnB,CAAC;EACH,CAAC,EACD,CAACb,mBAAmB,EAAES,WAAW,CACnC,CAAC;EAED,oBACE5B,IAAA,CAACd;EACC;EAAA,EAAAmD,aAAA,CAAAA,aAAA,KACI3B,KAAK;IACTa,wBAAwB,EAAEA,wBAAyB;IACnDd,WAAW,EAAEA,WAAY;IACzBkB,QAAQ,EAAEA,QAAS;IAAAW,QAAA,EAElBZ,YAAY,CAACa;EAAK,EACT,CAAC;AAEjB;AAEA,eAAetD,MAAM"}

package/dist/spectrum/Picker/PickerUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerUtils.d.ts","sourceRoot":"","sources":["../../../src/spectrum/Picker/PickerUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAE5C;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,EAAE,CAAC,KAAK,EACf,aAAa,CAAC,EAAE,MAAM,GACrB,EAAE,CAAC,MAAM,CAIX;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,EAAE,CAAC,KAAK,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,EACpB,eAAe,CAAC,EAAE,MAAM,GACvB,EAAE,CAAC,MAAM,CAIX"}

package/dist/spectrum/Picker/PickerUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerUtils.js","names":["getPickerKeyColumn","table","keyColumnName","columns","findColumn","getPickerLabelColumn","keyColumn","labelColumnName"],"sources":["../../../src/spectrum/Picker/PickerUtils.ts"],"sourcesContent":["import { dh } from '@deephaven/jsapi-types';\n\n/**\n * Get the key column if column name is provided, otherwise use the first column.\n * @param table The table to get the key column from\n * @param keyColumnName The name of the column to use for key data\n * @returns DH Column containing the key values\n */\nexport function getPickerKeyColumn(\n  table: dh.Table,\n  keyColumnName?: string\n): dh.Column {\n  return keyColumnName == null\n    ? table.columns[0]\n    : table.findColumn(keyColumnName);\n}\n\n/**\n * Get the label column if column name is provided, otherwise use the key column.\n * @param table The table to get the label column from\n * @param keyColumn The key column to fallback to if the label column name is not provided\n * @param labelColumnName The name of the column to use for label data\n * @returns DH Column containing the label values\n */\nexport function getPickerLabelColumn(\n  table: dh.Table,\n  keyColumn: dh.Column,\n  labelColumnName?: string\n): dh.Column {\n  return labelColumnName == null\n    ? keyColumn\n    : table.findColumn(labelColumnName);\n}\n"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,kBAAkBA,CAChCC,KAAe,EACfC,aAAsB,EACX;EACX,OAAOA,aAAa,IAAI,IAAI,GACxBD,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC,GAChBF,KAAK,CAACG,UAAU,CAACF,aAAa,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,oBAAoBA,CAClCJ,KAAe,EACfK,SAAoB,EACpBC,eAAwB,EACb;EACX,OAAOA,eAAe,IAAI,IAAI,GAC1BD,SAAS,GACTL,KAAK,CAACG,UAAU,CAACG,eAAe,CAAC;AACvC"}

package/dist/spectrum/Picker/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Picker';
-export * from './PickerUtils';
-//# sourceMappingURL=index.d.ts.map

package/dist/spectrum/Picker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spectrum/Picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/dist/spectrum/Picker/index.js

@@ -1,3 +0,0 @@
-export * from "./Picker.js";
-export * from "./PickerUtils.js";
-//# sourceMappingURL=index.js.map

package/dist/spectrum/Picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/spectrum/Picker/index.ts"],"sourcesContent":["export * from './Picker';\nexport * from './PickerUtils';\n"],"mappings":""}

package/dist/spectrum/Picker/usePickerItemRowDeserializer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePickerItemRowDeserializer.d.ts","sourceRoot":"","sources":["../../../src/spectrum/Picker/usePickerItemRowDeserializer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAmB5C;;;;;;;;;GASG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,EACL,aAAa,EACb,eAAe,EACf,WAAgC,GACjC,EAAE;IACD,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9D,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,wBAAwB,CAyB5C;AAED,eAAe,4BAA4B,CAAC"}

package/dist/spectrum/Picker/usePickerItemRowDeserializer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePickerItemRowDeserializer.js","names":["useCallback","useMemo","getPickerKeyColumn","getPickerLabelColumn","defaultFormatKey","value","String","defaultFormatValue","_columnType","usePickerItemRowDeserializer","_ref","table","keyColumnName","labelColumnName","formatValue","keyColumn","labelColumn","deserializeRow","row","key","get","content","type"],"sources":["../../../src/spectrum/Picker/usePickerItemRowDeserializer.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { NormalizedPickerItemData } from '@deephaven/components';\nimport { dh } from '@deephaven/jsapi-types';\nimport { getPickerKeyColumn, getPickerLabelColumn } from './PickerUtils';\n\nfunction defaultFormatKey(value: unknown): string | number | boolean {\n  if (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  ) {\n    return value;\n  }\n\n  return String(value);\n}\n\nfunction defaultFormatValue(value: unknown, _columnType: string): string {\n  return String(value);\n}\n\n/**\n * Returns a function that deserializes a row into a normalized picker item data\n * object.\n * @param table The table to get the key and label columns from\n * @param keyColumnName The name of the column to use for key data\n * @param labelColumnName The name of the column to use for label data\n * @param formatValue Optional function to format the label value\n * @returns A function that deserializes a row into a normalized picker item\n * data object\n */\nexport function usePickerItemRowDeserializer({\n  table,\n  keyColumnName,\n  labelColumnName,\n  formatValue = defaultFormatValue,\n}: {\n  table: dh.Table;\n  keyColumnName?: string;\n  labelColumnName?: string;\n  formatValue?: (value: unknown, columnType: string) => string;\n}): (row: dh.Row) => NormalizedPickerItemData {\n  const keyColumn = useMemo(\n    () => getPickerKeyColumn(table, keyColumnName),\n    [keyColumnName, table]\n  );\n\n  const labelColumn = useMemo(\n    () => getPickerLabelColumn(table, keyColumn, labelColumnName),\n    [keyColumn, labelColumnName, table]\n  );\n\n  const deserializeRow = useCallback(\n    (row: dh.Row): NormalizedPickerItemData => {\n      const key = defaultFormatKey(row.get(keyColumn));\n      const content = formatValue(row.get(labelColumn), labelColumn.type);\n\n      return {\n        key,\n        content,\n      };\n    },\n    [formatValue, keyColumn, labelColumn]\n  );\n\n  return deserializeRow;\n}\n\nexport default usePickerItemRowDeserializer;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAGpCC,kBAAkB,EAAEC,oBAAoB;AAEjD,SAASC,gBAAgBA,CAACC,KAAc,EAA6B;EACnE,IACE,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,SAAS,EAC1B;IACA,OAAOA,KAAK;EACd;EAEA,OAAOC,MAAM,CAACD,KAAK,CAAC;AACtB;AAEA,SAASE,kBAAkBA,CAACF,KAAc,EAAEG,WAAmB,EAAU;EACvE,OAAOF,MAAM,CAACD,KAAK,CAAC;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,4BAA4BA,CAAAC,IAAA,EAUE;EAAA,IAVD;IAC3CC,KAAK;IACLC,aAAa;IACbC,eAAe;IACfC,WAAW,GAAGP;EAMhB,CAAC,GAAAG,IAAA;EACC,IAAMK,SAAS,GAAGd,OAAO,CACvB,MAAMC,kBAAkB,CAACS,KAAK,EAAEC,aAAa,CAAC,EAC9C,CAACA,aAAa,EAAED,KAAK,CACvB,CAAC;EAED,IAAMK,WAAW,GAAGf,OAAO,CACzB,MAAME,oBAAoB,CAACQ,KAAK,EAAEI,SAAS,EAAEF,eAAe,CAAC,EAC7D,CAACE,SAAS,EAAEF,eAAe,EAAEF,KAAK,CACpC,CAAC;EAED,IAAMM,cAAc,GAAGjB,WAAW,CAC/BkB,GAAW,IAA+B;IACzC,IAAMC,GAAG,GAAGf,gBAAgB,CAACc,GAAG,CAACE,GAAG,CAACL,SAAS,CAAC,CAAC;IAChD,IAAMM,OAAO,GAAGP,WAAW,CAACI,GAAG,CAACE,GAAG,CAACJ,WAAW,CAAC,EAAEA,WAAW,CAACM,IAAI,CAAC;IAEnE,OAAO;MACLH,GAAG;MACHE;IACF,CAAC;EACH,CAAC,EACD,CAACP,WAAW,EAAEC,SAAS,EAAEC,WAAW,CACtC,CAAC;EAED,OAAOC,cAAc;AACvB;AAEA,eAAeR,4BAA4B"}