@deephaven/components 0.82.0 → 0.82.1-alpha-combobox.15

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnChangeTrackUncontrolled.js","names":["useCallback","useState","useOnChangeTrackUncontrolled","_ref","defaultSelectedKey","selectedKey","onChange","onChangeHandler","isUncontrolled","undefined","uncontrolledSelectedKey","setUncontrolledSelectedKey","onChangeMaybeUncontrolled","key","selectedKeyMaybeUncontrolled"],"sources":["../../../src/spectrum/utils/useOnChangeTrackUncontrolled.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { ItemKey } from './itemUtils';\n\nexport interface UseOnChangeTrackUncontrolledOptions {\n  defaultSelectedKey?: ItemKey;\n  selectedKey?: ItemKey | null;\n  onChange?: (key: ItemKey | null) => void;\n}\n\nexport interface UseOnChangeTrackUncontrolledResult {\n  selectedKeyMaybeUncontrolled?: ItemKey | null;\n  onChangeMaybeUncontrolled: (key: ItemKey | null) => void;\n}\n\n/**\n * Returns a selectedKey and onChange handler that can manage selection state\n * for both controlled and uncontrolled components. Useful for cases where a\n * component needs to always track its selection state regardless of its\n * controlled / uncontrolled status.\n */\nexport function useOnChangeTrackUncontrolled({\n  defaultSelectedKey,\n  selectedKey,\n  onChange: onChangeHandler,\n}: UseOnChangeTrackUncontrolledOptions): UseOnChangeTrackUncontrolledResult {\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 = selectedKey === undefined;\n  const [uncontrolledSelectedKey, setUncontrolledSelectedKey] = useState<\n    ItemKey | null | undefined\n  >(defaultSelectedKey);\n\n  const onChangeMaybeUncontrolled = useCallback(\n    (key: ItemKey | null): void => {\n      // If our component is uncontrolled, track the selected key internally\n      if (isUncontrolled) {\n        setUncontrolledSelectedKey(key);\n      }\n\n      onChangeHandler?.(key);\n    },\n    [isUncontrolled, onChangeHandler]\n  );\n\n  return {\n    selectedKeyMaybeUncontrolled: isUncontrolled\n      ? uncontrolledSelectedKey\n      : selectedKey,\n    onChangeMaybeUncontrolled,\n  };\n}\n\nexport default useOnChangeTrackUncontrolled;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAc7C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,4BAA4BA,CAAAC,IAAA,EAIgC;EAAA,IAJ/B;IAC3CC,kBAAkB;IAClBC,WAAW;IACXC,QAAQ,EAAEC;EACyB,CAAC,GAAAJ,IAAA;EACpC;EACA;EACA,IAAMK,cAAc,GAAGH,WAAW,KAAKI,SAAS;EAChD,IAAM,CAACC,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGV,QAAQ,CAEpEG,kBAAkB,CAAC;EAErB,IAAMQ,yBAAyB,GAAGZ,WAAW,CAC1Ca,GAAmB,IAAW;IAC7B;IACA,IAAIL,cAAc,EAAE;MAClBG,0BAA0B,CAACE,GAAG,CAAC;IACjC;IAEAN,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGM,GAAG,CAAC;EACxB,CAAC,EACD,CAACL,cAAc,EAAED,eAAe,CAClC,CAAC;EAED,OAAO;IACLO,4BAA4B,EAAEN,cAAc,GACxCE,uBAAuB,GACvBL,WAAW;IACfO;EACF,CAAC;AACH;AAEA,eAAeV,4BAA4B"}

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

@@ -0,0 +1,10 @@
+import { ItemElement, ItemKey, SectionElement } from './itemUtils';
+export interface UseStaticItemInitialScrollPositionOptions {
+    itemHeight: number;
+    items: (ItemElement<unknown> | SectionElement<unknown>)[];
+    selectedKey?: ItemKey | null;
+    topOffset: number;
+}
+export declare function useStaticItemInitialScrollPosition({ itemHeight, selectedKey, topOffset, items, }: UseStaticItemInitialScrollPositionOptions): () => Promise<number | null>;
+export default useStaticItemInitialScrollPosition;
+//# sourceMappingURL=useStaticItemInitialScrollPosition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStaticItemInitialScrollPosition.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/useStaticItemInitialScrollPosition.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,WAAW,EACX,OAAO,EACP,cAAc,EACf,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,yCAAyC;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;IAC1D,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,kCAAkC,CAAC,EACjD,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,GACN,EAAE,yCAAyC,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA0B1E;AAED,eAAe,kCAAkC,CAAC"}

package/dist/spectrum/utils/useStaticItemInitialScrollPosition.js

@@ -0,0 +1,27 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+import { useCallback, useMemo } from 'react';
+import { getPositionOfSelectedItemElement, isItemElementWithDescription, isSectionElement } from "./itemUtils.js";
+export function useStaticItemInitialScrollPosition(_ref) {
+  var {
+    itemHeight,
+    selectedKey,
+    topOffset,
+    items
+  } = _ref;
+  // Item descriptions and Section elements introduce variable item heights.
+  // This throws off scroll position calculations, so we disable auto scrolling
+  // if either of these are found.
+  var disableScrollOnOpen = useMemo(() => items.some(item => isSectionElement(item) || isItemElementWithDescription(item)), [items]);
+  var getInitialScrollPosition = useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
+    return disableScrollOnOpen ? topOffset : getPositionOfSelectedItemElement({
+      items,
+      itemHeight,
+      selectedKey,
+      topOffset
+    });
+  }), [disableScrollOnOpen, itemHeight, items, selectedKey, topOffset]);
+  return getInitialScrollPosition;
+}
+export default useStaticItemInitialScrollPosition;
+//# sourceMappingURL=useStaticItemInitialScrollPosition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStaticItemInitialScrollPosition.js","names":["useCallback","useMemo","getPositionOfSelectedItemElement","isItemElementWithDescription","isSectionElement","useStaticItemInitialScrollPosition","_ref","itemHeight","selectedKey","topOffset","items","disableScrollOnOpen","some","item","getInitialScrollPosition","_asyncToGenerator"],"sources":["../../../src/spectrum/utils/useStaticItemInitialScrollPosition.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport {\n  getPositionOfSelectedItemElement,\n  isItemElementWithDescription,\n  isSectionElement,\n  ItemElement,\n  ItemKey,\n  SectionElement,\n} from './itemUtils';\n\nexport interface UseStaticItemInitialScrollPositionOptions {\n  itemHeight: number;\n  items: (ItemElement<unknown> | SectionElement<unknown>)[];\n  selectedKey?: ItemKey | null;\n  topOffset: number;\n}\n\nexport function useStaticItemInitialScrollPosition({\n  itemHeight,\n  selectedKey,\n  topOffset,\n  items,\n}: UseStaticItemInitialScrollPositionOptions): () => Promise<number | null> {\n  // Item descriptions and Section elements introduce variable item heights.\n  // This throws off scroll position calculations, so we disable auto scrolling\n  // if either of these are found.\n  const disableScrollOnOpen = useMemo(\n    () =>\n      items.some(\n        item => isSectionElement(item) || isItemElementWithDescription(item)\n      ),\n    [items]\n  );\n\n  const getInitialScrollPosition = useCallback(\n    async () =>\n      disableScrollOnOpen\n        ? topOffset\n        : getPositionOfSelectedItemElement({\n            items,\n            itemHeight,\n            selectedKey,\n            topOffset,\n          }),\n    [disableScrollOnOpen, itemHeight, items, selectedKey, topOffset]\n  );\n\n  return getInitialScrollPosition;\n}\n\nexport default useStaticItemInitialScrollPosition;\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAE3CC,gCAAgC,EAChCC,4BAA4B,EAC5BC,gBAAgB;AAalB,OAAO,SAASC,kCAAkCA,CAAAC,IAAA,EAK0B;EAAA,IALzB;IACjDC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC;EACyC,CAAC,GAAAJ,IAAA;EAC1C;EACA;EACA;EACA,IAAMK,mBAAmB,GAAGV,OAAO,CACjC,MACES,KAAK,CAACE,IAAI,CACRC,IAAI,IAAIT,gBAAgB,CAACS,IAAI,CAAC,IAAIV,4BAA4B,CAACU,IAAI,CACrE,CAAC,EACH,CAACH,KAAK,CACR,CAAC;EAED,IAAMI,wBAAwB,GAAGd,WAAW,eAAAe,iBAAA,CAC1C;IAAA,OACEJ,mBAAmB,GACfF,SAAS,GACTP,gCAAgC,CAAC;MAC/BQ,KAAK;MACLH,UAAU;MACVC,WAAW;MACXC;IACF,CAAC,CAAC;EAAA,IACR,CAACE,mBAAmB,EAAEJ,UAAU,EAAEG,KAAK,EAAEF,WAAW,EAAEC,SAAS,CACjE,CAAC;EAED,OAAOK,wBAAwB;AACjC;AAEA,eAAeT,kCAAkC"}

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

@@ -5,13 +5,13 @@ export interface UseStringifiedSelectionOptions {
     selectedKey: ItemKey | null | undefined;
     defaultSelectedKey: ItemKey | undefined;
     disabledKeys: Iterable<ItemKey> | undefined;
-    onChange: ((key: ItemKey) => void) | undefined;
+    onChange: ((key: ItemKey | null) => void) | undefined;
 }
 export interface UseStringifiedSelectionResult {
     defaultSelectedStringKey?: Key;
     selectedStringKey?: Key | null;
     disabledStringKeys?: Set<Key>;
-    onStringSelectionChange: (key: Key) => void;
+    onStringSelectionChange: (key: Key | null) => void;
 }
 /**
  * Spectrum collection components treat keys as strings if the `key` prop is

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

@@ -1 +1 @@
-{"version":3,"file":"useStringifiedSelection.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/useStringifiedSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAwB,MAAM,OAAO,CAAC;AAClD,OAAO,EAEL,OAAO,EAEP,cAAc,EACd,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,8BAA8B;IAC7C,eAAe,EAAE,CAAC,cAAc,GAAG,iBAAiB,CAAC,EAAE,CAAC;IACxD,WAAW,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,6BAA6B;IAC5C,wBAAwB,CAAC,EAAE,GAAG,CAAC;IAC/B,iBAAiB,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,uBAAuB,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,EAAE,8BAA8B,GAAG,6BAA6B,CA6ChE;AAED,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"useStringifiedSelection.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/useStringifiedSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAwB,MAAM,OAAO,CAAC;AAClD,OAAO,EAEL,OAAO,EAEP,cAAc,EACd,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,8BAA8B;IAC7C,eAAe,EAAE,CAAC,cAAc,GAAG,iBAAiB,CAAC,EAAE,CAAC;IACxD,WAAW,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD;AAED,MAAM,WAAW,6BAA6B;IAC5C,wBAAwB,CAAC,EAAE,GAAG,CAAC;IAC/B,iBAAiB,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,uBAAuB,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,EAAE,8BAA8B,GAAG,6BAA6B,CA6ChE;AAED,eAAe,uBAAuB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useStringifiedSelection.js","names":["useCallback","useMemo","getItemKey","itemSelectionToStringSet","useStringifiedSelection","_ref","normalizedItems","defaultSelectedKey","selectedKey","disabledKeys","onChange","selectedStringKey","String","defaultSelectedStringKey","disabledStringKeys","onStringSelectionChange","key","_getItemKey","selectedItem","find","item","actualKey"],"sources":["../../../src/spectrum/utils/useStringifiedSelection.ts"],"sourcesContent":["import { Key, useCallback, useMemo } from 'react';\nimport {\n  getItemKey,\n  ItemKey,\n  itemSelectionToStringSet,\n  NormalizedItem,\n  NormalizedSection,\n} from './itemUtils';\n\nexport interface UseStringifiedSelectionOptions {\n  normalizedItems: (NormalizedItem | NormalizedSection)[];\n  selectedKey: ItemKey | null | undefined;\n  defaultSelectedKey: ItemKey | undefined;\n  disabledKeys: Iterable<ItemKey> | undefined;\n  onChange: ((key: ItemKey) => void) | undefined;\n}\n\nexport interface UseStringifiedSelectionResult {\n  defaultSelectedStringKey?: Key;\n  selectedStringKey?: Key | null;\n  disabledStringKeys?: Set<Key>;\n  onStringSelectionChange: (key: Key) => void;\n}\n\n/**\n * Spectrum collection components treat keys as strings if the `key` prop is\n * explicitly set on `Item` elements. Since we do this in `useRenderNormalizedItem`,\n * we need to ensure that keys are strings in order for selection to work. We\n * then need to convert back to the original key types in the onChange handler.\n * This hook encapsulates converting to and from strings so that keys can match\n * the original key type.\n * @param normalizedItems The normalized items to select from.\n * @param selectedKey The currently selected key in the collection.\n * @param defaultSelectedKey The initial selected key in the collection.\n * @param disabledKeys The currently disabled keys in the collection.\n * @param onChange Handler that is called when the selection changes.\n * @returns UseStringifiedSelectionResult with stringified key sets and string\n * key selection change handler.\n */\nexport function useStringifiedSelection({\n  normalizedItems,\n  defaultSelectedKey,\n  selectedKey,\n  disabledKeys,\n  onChange,\n}: UseStringifiedSelectionOptions): UseStringifiedSelectionResult {\n  const selectedStringKey = useMemo(\n    () => (selectedKey == null ? selectedKey : String(selectedKey)),\n    [selectedKey]\n  );\n\n  const defaultSelectedStringKey = useMemo(\n    () =>\n      defaultSelectedKey == null\n        ? defaultSelectedKey\n        : String(defaultSelectedKey),\n    [defaultSelectedKey]\n  );\n\n  const disabledStringKeys = useMemo(\n    () => itemSelectionToStringSet(disabledKeys),\n    [disabledKeys]\n  );\n\n  const onStringSelectionChange = useCallback(\n    (key: Key): void => {\n      if (onChange == null) {\n        return;\n      }\n\n      // The `key` arg will always be a string due to us setting the `Item` key\n      // prop in `renderItem`. We need to find the matching item to determine\n      // the actual key.\n      const selectedItem = normalizedItems.find(\n        item => String(getItemKey(item)) === key\n      );\n\n      const actualKey = getItemKey(selectedItem) ?? key;\n\n      onChange(actualKey);\n    },\n    [normalizedItems, onChange]\n  );\n\n  return {\n    selectedStringKey,\n    defaultSelectedStringKey,\n    disabledStringKeys,\n    onStringSelectionChange,\n  };\n}\n\nexport default useStringifiedSelection;\n"],"mappings":"AAAA,SAAcA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAEhDC,UAAU,EAEVC,wBAAwB;AAoB1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAAAC,IAAA,EAM2B;EAAA,IAN1B;IACtCC,eAAe;IACfC,kBAAkB;IAClBC,WAAW;IACXC,YAAY;IACZC;EAC8B,CAAC,GAAAL,IAAA;EAC/B,IAAMM,iBAAiB,GAAGV,OAAO,CAC/B,MAAOO,WAAW,IAAI,IAAI,GAAGA,WAAW,GAAGI,MAAM,CAACJ,WAAW,CAAE,EAC/D,CAACA,WAAW,CACd,CAAC;EAED,IAAMK,wBAAwB,GAAGZ,OAAO,CACtC,MACEM,kBAAkB,IAAI,IAAI,GACtBA,kBAAkB,GAClBK,MAAM,CAACL,kBAAkB,CAAC,EAChC,CAACA,kBAAkB,CACrB,CAAC;EAED,IAAMO,kBAAkB,GAAGb,OAAO,CAChC,MAAME,wBAAwB,CAACM,YAAY,CAAC,EAC5C,CAACA,YAAY,CACf,CAAC;EAED,IAAMM,uBAAuB,GAAGf,WAAW,CACxCgB,GAAQ,IAAW;IAAA,IAAAC,WAAA;IAClB,IAAIP,QAAQ,IAAI,IAAI,EAAE;MACpB;IACF;;IAEA;IACA;IACA;IACA,IAAMQ,YAAY,GAAGZ,eAAe,CAACa,IAAI,CACvCC,IAAI,IAAIR,MAAM,CAACV,UAAU,CAACkB,IAAI,CAAC,CAAC,KAAKJ,GACvC,CAAC;IAED,IAAMK,SAAS,IAAAJ,WAAA,GAAGf,UAAU,CAACgB,YAAY,CAAC,cAAAD,WAAA,cAAAA,WAAA,GAAID,GAAG;IAEjDN,QAAQ,CAACW,SAAS,CAAC;EACrB,CAAC,EACD,CAACf,eAAe,EAAEI,QAAQ,CAC5B,CAAC;EAED,OAAO;IACLC,iBAAiB;IACjBE,wBAAwB;IACxBC,kBAAkB;IAClBC;EACF,CAAC;AACH;AAEA,eAAeX,uBAAuB"}
+{"version":3,"file":"useStringifiedSelection.js","names":["useCallback","useMemo","getItemKey","itemSelectionToStringSet","useStringifiedSelection","_ref","normalizedItems","defaultSelectedKey","selectedKey","disabledKeys","onChange","selectedStringKey","String","defaultSelectedStringKey","disabledStringKeys","onStringSelectionChange","key","_getItemKey","selectedItem","find","item","actualKey"],"sources":["../../../src/spectrum/utils/useStringifiedSelection.ts"],"sourcesContent":["import { Key, useCallback, useMemo } from 'react';\nimport {\n  getItemKey,\n  ItemKey,\n  itemSelectionToStringSet,\n  NormalizedItem,\n  NormalizedSection,\n} from './itemUtils';\n\nexport interface UseStringifiedSelectionOptions {\n  normalizedItems: (NormalizedItem | NormalizedSection)[];\n  selectedKey: ItemKey | null | undefined;\n  defaultSelectedKey: ItemKey | undefined;\n  disabledKeys: Iterable<ItemKey> | undefined;\n  onChange: ((key: ItemKey | null) => void) | undefined;\n}\n\nexport interface UseStringifiedSelectionResult {\n  defaultSelectedStringKey?: Key;\n  selectedStringKey?: Key | null;\n  disabledStringKeys?: Set<Key>;\n  onStringSelectionChange: (key: Key | null) => void;\n}\n\n/**\n * Spectrum collection components treat keys as strings if the `key` prop is\n * explicitly set on `Item` elements. Since we do this in `useRenderNormalizedItem`,\n * we need to ensure that keys are strings in order for selection to work. We\n * then need to convert back to the original key types in the onChange handler.\n * This hook encapsulates converting to and from strings so that keys can match\n * the original key type.\n * @param normalizedItems The normalized items to select from.\n * @param selectedKey The currently selected key in the collection.\n * @param defaultSelectedKey The initial selected key in the collection.\n * @param disabledKeys The currently disabled keys in the collection.\n * @param onChange Handler that is called when the selection changes.\n * @returns UseStringifiedSelectionResult with stringified key sets and string\n * key selection change handler.\n */\nexport function useStringifiedSelection({\n  normalizedItems,\n  defaultSelectedKey,\n  selectedKey,\n  disabledKeys,\n  onChange,\n}: UseStringifiedSelectionOptions): UseStringifiedSelectionResult {\n  const selectedStringKey = useMemo(\n    () => (selectedKey == null ? selectedKey : String(selectedKey)),\n    [selectedKey]\n  );\n\n  const defaultSelectedStringKey = useMemo(\n    () =>\n      defaultSelectedKey == null\n        ? defaultSelectedKey\n        : String(defaultSelectedKey),\n    [defaultSelectedKey]\n  );\n\n  const disabledStringKeys = useMemo(\n    () => itemSelectionToStringSet(disabledKeys),\n    [disabledKeys]\n  );\n\n  const onStringSelectionChange = useCallback(\n    (key: Key | null): void => {\n      if (onChange == null) {\n        return;\n      }\n\n      // The `key` arg will always be a string due to us setting the `Item` key\n      // prop in `renderItem`. We need to find the matching item to determine\n      // the actual key.\n      const selectedItem = normalizedItems.find(\n        item => String(getItemKey(item)) === key\n      );\n\n      const actualKey = getItemKey(selectedItem) ?? key;\n\n      onChange(actualKey);\n    },\n    [normalizedItems, onChange]\n  );\n\n  return {\n    selectedStringKey,\n    defaultSelectedStringKey,\n    disabledStringKeys,\n    onStringSelectionChange,\n  };\n}\n\nexport default useStringifiedSelection;\n"],"mappings":"AAAA,SAAcA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAEhDC,UAAU,EAEVC,wBAAwB;AAoB1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAAAC,IAAA,EAM2B;EAAA,IAN1B;IACtCC,eAAe;IACfC,kBAAkB;IAClBC,WAAW;IACXC,YAAY;IACZC;EAC8B,CAAC,GAAAL,IAAA;EAC/B,IAAMM,iBAAiB,GAAGV,OAAO,CAC/B,MAAOO,WAAW,IAAI,IAAI,GAAGA,WAAW,GAAGI,MAAM,CAACJ,WAAW,CAAE,EAC/D,CAACA,WAAW,CACd,CAAC;EAED,IAAMK,wBAAwB,GAAGZ,OAAO,CACtC,MACEM,kBAAkB,IAAI,IAAI,GACtBA,kBAAkB,GAClBK,MAAM,CAACL,kBAAkB,CAAC,EAChC,CAACA,kBAAkB,CACrB,CAAC;EAED,IAAMO,kBAAkB,GAAGb,OAAO,CAChC,MAAME,wBAAwB,CAACM,YAAY,CAAC,EAC5C,CAACA,YAAY,CACf,CAAC;EAED,IAAMM,uBAAuB,GAAGf,WAAW,CACxCgB,GAAe,IAAW;IAAA,IAAAC,WAAA;IACzB,IAAIP,QAAQ,IAAI,IAAI,EAAE;MACpB;IACF;;IAEA;IACA;IACA;IACA,IAAMQ,YAAY,GAAGZ,eAAe,CAACa,IAAI,CACvCC,IAAI,IAAIR,MAAM,CAACV,UAAU,CAACkB,IAAI,CAAC,CAAC,KAAKJ,GACvC,CAAC;IAED,IAAMK,SAAS,IAAAJ,WAAA,GAAGf,UAAU,CAACgB,YAAY,CAAC,cAAAD,WAAA,cAAAA,WAAA,GAAID,GAAG;IAEjDN,QAAQ,CAACW,SAAS,CAAC;EACrB,CAAC,EACD,CAACf,eAAe,EAAEI,QAAQ,CAC5B,CAAC;EAED,OAAO;IACLC,iBAAiB;IACjBE,wBAAwB;IACxBC,kBAAkB;IAClBC;EACF,CAAC;AACH;AAEA,eAAeX,uBAAuB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.82.0",
+  "version": "0.82.1-alpha-combobox.15+516eef0b",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "3.35.1",
-    "@deephaven/icons": "^0.82.0",
-    "@deephaven/log": "^0.82.0",
-    "@deephaven/react-hooks": "^0.82.0",
-    "@deephaven/utils": "^0.82.0",
+    "@deephaven/icons": "^0.82.1-alpha-combobox.15+516eef0b",
+    "@deephaven/log": "^0.82.1-alpha-combobox.15+516eef0b",
+    "@deephaven/react-hooks": "^0.82.1-alpha-combobox.15+516eef0b",
+    "@deephaven/utils": "^0.82.1-alpha-combobox.15+516eef0b",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -56,7 +56,7 @@
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.82.0"
+    "@deephaven/mocks": "^0.82.1-alpha-combobox.15+516eef0b"
   },
   "files": [
     "dist",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c804b1518d77f908fdc5525197fd8c87c3e27b10"
+  "gitHead": "516eef0bc7d23cc1adc0997ca4f48399b2d9836f"
 }

package/dist/ComboBox.d.ts

@@ -1,120 +0,0 @@
-/**
- * Combobox that combines a input box with a searchable dropdown menu
- *
- * props:
- * @param {array} options :[{
- *    title: 'option title for display',
- *    value: 'option value' //option value
- * }]
- * @param {string} inputPlaceholder place holder for the input box
- * @param {string} searchPlaceholder place holder for the search box in drop down search box
- * @param {boolean} disabled disable both input & drop down
- *
- *
- */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import memoize from 'memoizee';
-import { PopperOptions } from 'popper.js';
-import SearchInput from './SearchInput';
-import { Popper } from './popper';
-import './ComboBox.scss';
-interface ComboBoxOption {
-    title: string;
-    value: string;
-}
-interface ComboBoxProps {
-    options: ComboBoxOption[];
-    popperOptions: PopperOptions;
-    onChange: (value: string) => void;
-    inputPlaceholder: string;
-    searchPlaceholder: string;
-    disabled: boolean;
-    className: string;
-    defaultValue: string;
-    spellCheck: boolean;
-    onEnter: () => void;
-    'data-testid'?: string;
-}
-interface ComboBoxState {
-    value: string;
-    filter: string;
-    filteredOptions: ComboBoxOption[];
-    keyboardOptionIndex: number;
-    menuIsOpen: boolean;
-    inputWidth: number;
-}
-declare enum MENU_NAVIGATION_DIRECTION {
-    UP = "UP",
-    DOWN = "DOWN"
-}
-declare class ComboBox extends Component<ComboBoxProps, ComboBoxState> {
-    static MENU_NAVIGATION_DIRECTION: typeof MENU_NAVIGATION_DIRECTION;
-    static DROP_DOWN_MENU_HEIGHT: number;
-    static propTypes: {
-        options: PropTypes.Validator<(PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            value: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        popperOptions: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            value: PropTypes.Validator<string>;
-        }>>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        inputPlaceholder: PropTypes.Requireable<string>;
-        searchPlaceholder: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        onEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        'data-testid': PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        onChange(): void;
-        inputPlaceholder: string;
-        searchPlaceholder: string;
-        disabled: boolean;
-        className: string;
-        defaultValue: string;
-        popperOptions: null;
-        spellCheck: boolean;
-        onEnter(): void;
-        'data-testid': undefined;
-    };
-    constructor(props: ComboBoxProps);
-    componentDidUpdate(): void;
-    popper: React.RefObject<Popper>;
-    cbContainer: React.RefObject<HTMLDivElement>;
-    toggleButton: React.RefObject<HTMLButtonElement>;
-    menuContainer: React.RefObject<HTMLDivElement>;
-    input: React.RefObject<HTMLInputElement>;
-    searchInput: React.RefObject<SearchInput>;
-    setInputWidth(): void;
-    getCachedFilteredOptions: ((options: ComboBoxOption[], input: string) => ComboBoxOption[]) & memoize.Memoized<(options: ComboBoxOption[], input: string) => ComboBoxOption[]>;
-    focus(): void;
-    resetValue(): void;
-    updateInputValue(value: string): void;
-    handleResize(): void;
-    handleMenuKeyDown(event: React.KeyboardEvent): void;
-    handleMenuNavigation(direction: MENU_NAVIGATION_DIRECTION): void;
-    handleInputKeyDown(event: React.KeyboardEvent): void;
-    handleInputChange(event: React.ChangeEvent<HTMLInputElement>): void;
-    handleOptionClick(event: React.MouseEvent<HTMLButtonElement>): void;
-    handleOptionFocus(event: React.FocusEvent<HTMLButtonElement>): void;
-    handleFilterChange(event: React.ChangeEvent<HTMLInputElement>): void;
-    handleMenuBlur(event: React.FocusEvent): void;
-    handleInputBlur(event: React.FocusEvent<HTMLInputElement>): void;
-    handleMenuOpened(): void;
-    handleMenuExited(): void;
-    toggleMenu(event: React.MouseEvent<HTMLButtonElement>): void;
-    openMenu(): void;
-    closeMenu(focusInput?: boolean): void;
-    updateKeyboardIndex(): void;
-    scrollOptionIntoView(): void;
-    renderMenuElement(): JSX.Element;
-    renderOptions(): React.ReactNode;
-    render(): JSX.Element;
-}
-export default ComboBox;
-//# sourceMappingURL=ComboBox.d.ts.map

package/dist/ComboBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":"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"}