@deephaven/components 0.72.1-beta.5 → 0.72.1-core-plugins.9

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/useStringifiedMultiSelection.d.ts

@@ -0,0 +1,43 @@
+import { Key } from 'react';
+import { ItemKey, ItemSelection, NormalizedItem } from './itemUtils';
+export interface UseStringifiedMultiSelectionOptions {
+    normalizedItems: NormalizedItem[];
+    selectedKeys?: 'all' | Iterable<ItemKey>;
+    defaultSelectedKeys?: 'all' | Iterable<ItemKey>;
+    disabledKeys?: Iterable<ItemKey>;
+    /**
+     * Handler that is called when the selection change.
+     * Note that under the hood, this is just an alias for Spectrum's
+     * `onSelectionChange`. We are renaming for better consistency with other
+     * components.
+     */
+    onChange?: (keys: ItemSelection) => void;
+}
+export interface UseStringifiedMultiSelectionResult {
+    /** Stringified selection keys */
+    selectedStringKeys?: 'all' | Set<Key>;
+    /** Stringified default selection keys */
+    defaultSelectedStringKeys?: 'all' | Set<Key>;
+    /** Stringified disabled keys */
+    disabledStringKeys?: 'all' | Set<Key>;
+    /** Handler that is called when the string key selections change */
+    onStringSelectionChange: (keys: 'all' | Set<Key>) => void;
+}
+/**
+ * Spectrum collection components treat keys as strings if the `key` prop is
+ * explicitly set on `Item` elements. Since we do this in `useRenderNormalizedItem`,
+ * we need to ensure that keys are strings in order for selection to work. We
+ * then need to convert back to the original key types in the onChange handler.
+ * This hook encapsulates converting to and from strings so that keys can match
+ * the original key type.
+ * @param normalizedItems The normalized items to select from.
+ * @param selectedKeys The currently selected keys in the collection.
+ * @param defaultSelectedKeys The initial selected keys in the collection.
+ * @param disabledKeys The currently disabled keys in the collection.
+ * @param onChange Handler that is called when the selection changes.
+ * @returns UseStringifiedMultiSelectionResult with stringified key sets and
+ * string key selection change handler.
+ */
+export declare function useStringifiedMultiSelection({ normalizedItems, defaultSelectedKeys, disabledKeys, selectedKeys, onChange, }: UseStringifiedMultiSelectionOptions): UseStringifiedMultiSelectionResult;
+export default useStringifiedMultiSelection;
+//# sourceMappingURL=useStringifiedMultiSelection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStringifiedMultiSelection.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/useStringifiedMultiSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAwB,MAAM,OAAO,CAAC;AAClD,OAAO,EAEL,OAAO,EACP,aAAa,EAEb,cAAc,EACf,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,mCAAmC;IAClD,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzC,mBAAmB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kCAAkC;IACjD,iCAAiC;IACjC,kBAAkB,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,yCAAyC;IACzC,yBAAyB,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7C,gCAAgC;IAChC,kBAAkB,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,mEAAmE;IACnE,uBAAuB,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,mCAAmC,GAAG,kCAAkC,CA8C1E;AAED,eAAe,4BAA4B,CAAC"}

package/dist/spectrum/utils/useStringifiedMultiSelection.js

@@ -0,0 +1,53 @@
+import { useCallback, useMemo } from 'react';
+import { getItemKey, itemSelectionToStringSet } from "./itemUtils.js";
+/**
+ * Spectrum collection components treat keys as strings if the `key` prop is
+ * explicitly set on `Item` elements. Since we do this in `useRenderNormalizedItem`,
+ * we need to ensure that keys are strings in order for selection to work. We
+ * then need to convert back to the original key types in the onChange handler.
+ * This hook encapsulates converting to and from strings so that keys can match
+ * the original key type.
+ * @param normalizedItems The normalized items to select from.
+ * @param selectedKeys The currently selected keys in the collection.
+ * @param defaultSelectedKeys The initial selected keys in the collection.
+ * @param disabledKeys The currently disabled keys in the collection.
+ * @param onChange Handler that is called when the selection changes.
+ * @returns UseStringifiedMultiSelectionResult with stringified key sets and
+ * string key selection change handler.
+ */
+export function useStringifiedMultiSelection(_ref) {
+  var {
+    normalizedItems,
+    defaultSelectedKeys,
+    disabledKeys,
+    selectedKeys,
+    onChange
+  } = _ref;
+  var selectedStringKeys = useMemo(() => itemSelectionToStringSet(selectedKeys), [selectedKeys]);
+  var defaultSelectedStringKeys = useMemo(() => itemSelectionToStringSet(defaultSelectedKeys), [defaultSelectedKeys]);
+  var disabledStringKeys = useMemo(() => itemSelectionToStringSet(disabledKeys), [disabledKeys]);
+  var onStringSelectionChange = useCallback(keys => {
+    if (onChange == null) {
+      return;
+    }
+    if (keys === 'all') {
+      onChange('all');
+      return;
+    }
+    var actualKeys = new Set();
+    normalizedItems.forEach(item => {
+      if (keys.has(String(getItemKey(item)))) {
+        actualKeys.add(getItemKey(item));
+      }
+    });
+    onChange(actualKeys);
+  }, [normalizedItems, onChange]);
+  return {
+    selectedStringKeys,
+    defaultSelectedStringKeys,
+    disabledStringKeys,
+    onStringSelectionChange
+  };
+}
+export default useStringifiedMultiSelection;
+//# sourceMappingURL=useStringifiedMultiSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStringifiedMultiSelection.js","names":["useCallback","useMemo","getItemKey","itemSelectionToStringSet","useStringifiedMultiSelection","_ref","normalizedItems","defaultSelectedKeys","disabledKeys","selectedKeys","onChange","selectedStringKeys","defaultSelectedStringKeys","disabledStringKeys","onStringSelectionChange","keys","actualKeys","Set","forEach","item","has","String","add"],"sources":["../../../src/spectrum/utils/useStringifiedMultiSelection.ts"],"sourcesContent":["import { Key, useCallback, useMemo } from 'react';\nimport {\n  getItemKey,\n  ItemKey,\n  ItemSelection,\n  itemSelectionToStringSet,\n  NormalizedItem,\n} from './itemUtils';\n\nexport interface UseStringifiedMultiSelectionOptions {\n  normalizedItems: NormalizedItem[];\n  selectedKeys?: 'all' | Iterable<ItemKey>;\n  defaultSelectedKeys?: 'all' | Iterable<ItemKey>;\n  disabledKeys?: Iterable<ItemKey>;\n  /**\n   * Handler that is called when the selection change.\n   * Note that under the hood, this is just an alias for Spectrum's\n   * `onSelectionChange`. We are renaming for better consistency with other\n   * components.\n   */\n  onChange?: (keys: ItemSelection) => void;\n}\n\nexport interface UseStringifiedMultiSelectionResult {\n  /** Stringified selection keys */\n  selectedStringKeys?: 'all' | Set<Key>;\n  /** Stringified default selection keys */\n  defaultSelectedStringKeys?: 'all' | Set<Key>;\n  /** Stringified disabled keys */\n  disabledStringKeys?: 'all' | Set<Key>;\n  /** Handler that is called when the string key selections change */\n  onStringSelectionChange: (keys: 'all' | Set<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 selectedKeys The currently selected keys in the collection.\n * @param defaultSelectedKeys The initial selected keys 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 UseStringifiedMultiSelectionResult with stringified key sets and\n * string key selection change handler.\n */\nexport function useStringifiedMultiSelection({\n  normalizedItems,\n  defaultSelectedKeys,\n  disabledKeys,\n  selectedKeys,\n  onChange,\n}: UseStringifiedMultiSelectionOptions): UseStringifiedMultiSelectionResult {\n  const selectedStringKeys = useMemo(\n    () => itemSelectionToStringSet(selectedKeys),\n    [selectedKeys]\n  );\n\n  const defaultSelectedStringKeys = useMemo(\n    () => itemSelectionToStringSet(defaultSelectedKeys),\n    [defaultSelectedKeys]\n  );\n\n  const disabledStringKeys = useMemo(\n    () => itemSelectionToStringSet(disabledKeys),\n    [disabledKeys]\n  );\n\n  const onStringSelectionChange = useCallback(\n    (keys: 'all' | Set<Key>) => {\n      if (onChange == null) {\n        return;\n      }\n\n      if (keys === 'all') {\n        onChange('all');\n        return;\n      }\n\n      const actualKeys = new Set<ItemKey>();\n\n      normalizedItems.forEach(item => {\n        if (keys.has(String(getItemKey(item)))) {\n          actualKeys.add(getItemKey(item));\n        }\n      });\n\n      onChange(actualKeys);\n    },\n    [normalizedItems, onChange]\n  );\n\n  return {\n    selectedStringKeys,\n    defaultSelectedStringKeys,\n    disabledStringKeys,\n    onStringSelectionChange,\n  };\n}\n\nexport default useStringifiedMultiSelection;\n"],"mappings":"AAAA,SAAcA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAEhDC,UAAU,EAGVC,wBAAwB;AA6B1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,4BAA4BA,CAAAC,IAAA,EAMgC;EAAA,IAN/B;IAC3CC,eAAe;IACfC,mBAAmB;IACnBC,YAAY;IACZC,YAAY;IACZC;EACmC,CAAC,GAAAL,IAAA;EACpC,IAAMM,kBAAkB,GAAGV,OAAO,CAChC,MAAME,wBAAwB,CAACM,YAAY,CAAC,EAC5C,CAACA,YAAY,CACf,CAAC;EAED,IAAMG,yBAAyB,GAAGX,OAAO,CACvC,MAAME,wBAAwB,CAACI,mBAAmB,CAAC,EACnD,CAACA,mBAAmB,CACtB,CAAC;EAED,IAAMM,kBAAkB,GAAGZ,OAAO,CAChC,MAAME,wBAAwB,CAACK,YAAY,CAAC,EAC5C,CAACA,YAAY,CACf,CAAC;EAED,IAAMM,uBAAuB,GAAGd,WAAW,CACxCe,IAAsB,IAAK;IAC1B,IAAIL,QAAQ,IAAI,IAAI,EAAE;MACpB;IACF;IAEA,IAAIK,IAAI,KAAK,KAAK,EAAE;MAClBL,QAAQ,CAAC,KAAK,CAAC;MACf;IACF;IAEA,IAAMM,UAAU,GAAG,IAAIC,GAAG,CAAU,CAAC;IAErCX,eAAe,CAACY,OAAO,CAACC,IAAI,IAAI;MAC9B,IAAIJ,IAAI,CAACK,GAAG,CAACC,MAAM,CAACnB,UAAU,CAACiB,IAAI,CAAC,CAAC,CAAC,EAAE;QACtCH,UAAU,CAACM,GAAG,CAACpB,UAAU,CAACiB,IAAI,CAAC,CAAC;MAClC;IACF,CAAC,CAAC;IAEFT,QAAQ,CAACM,UAAU,CAAC;EACtB,CAAC,EACD,CAACV,eAAe,EAAEI,QAAQ,CAC5B,CAAC;EAED,OAAO;IACLC,kBAAkB;IAClBC,yBAAyB;IACzBC,kBAAkB;IAClBC;EACF,CAAC;AACH;AAEA,eAAeV,4BAA4B"}

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

@@ -0,0 +1,33 @@
+import { Key } from 'react';
+import { ItemKey, NormalizedItem, NormalizedSection } from './itemUtils';
+export interface UseStringifiedSelectionOptions {
+    normalizedItems: (NormalizedItem | NormalizedSection)[];
+    selectedKey: ItemKey | null | undefined;
+    defaultSelectedKey: ItemKey | undefined;
+    disabledKeys: Iterable<ItemKey> | undefined;
+    onChange: ((key: ItemKey | null) => void) | undefined;
+}
+export interface UseStringifiedSelectionResult {
+    defaultSelectedStringKey?: Key;
+    selectedStringKey?: Key | null;
+    disabledStringKeys?: Set<Key>;
+    onStringSelectionChange: (key: Key | null) => void;
+}
+/**
+ * Spectrum collection components treat keys as strings if the `key` prop is
+ * explicitly set on `Item` elements. Since we do this in `useRenderNormalizedItem`,
+ * we need to ensure that keys are strings in order for selection to work. We
+ * then need to convert back to the original key types in the onChange handler.
+ * This hook encapsulates converting to and from strings so that keys can match
+ * the original key type.
+ * @param normalizedItems The normalized items to select from.
+ * @param selectedKey The currently selected key in the collection.
+ * @param defaultSelectedKey The initial selected key in the collection.
+ * @param disabledKeys The currently disabled keys in the collection.
+ * @param onChange Handler that is called when the selection changes.
+ * @returns UseStringifiedSelectionResult with stringified key sets and string
+ * key selection change handler.
+ */
+export declare function useStringifiedSelection({ normalizedItems, defaultSelectedKey, selectedKey, disabledKeys, onChange, }: UseStringifiedSelectionOptions): UseStringifiedSelectionResult;
+export default useStringifiedSelection;
+//# sourceMappingURL=useStringifiedSelection.d.ts.map

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

@@ -0,0 +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,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

@@ -0,0 +1,50 @@
+import { useCallback, useMemo } from 'react';
+import { getItemKey, itemSelectionToStringSet } from "./itemUtils.js";
+/**
+ * Spectrum collection components treat keys as strings if the `key` prop is
+ * explicitly set on `Item` elements. Since we do this in `useRenderNormalizedItem`,
+ * we need to ensure that keys are strings in order for selection to work. We
+ * then need to convert back to the original key types in the onChange handler.
+ * This hook encapsulates converting to and from strings so that keys can match
+ * the original key type.
+ * @param normalizedItems The normalized items to select from.
+ * @param selectedKey The currently selected key in the collection.
+ * @param defaultSelectedKey The initial selected key in the collection.
+ * @param disabledKeys The currently disabled keys in the collection.
+ * @param onChange Handler that is called when the selection changes.
+ * @returns UseStringifiedSelectionResult with stringified key sets and string
+ * key selection change handler.
+ */
+export function useStringifiedSelection(_ref) {
+  var {
+    normalizedItems,
+    defaultSelectedKey,
+    selectedKey,
+    disabledKeys,
+    onChange
+  } = _ref;
+  var selectedStringKey = useMemo(() => selectedKey == null ? selectedKey : String(selectedKey), [selectedKey]);
+  var defaultSelectedStringKey = useMemo(() => defaultSelectedKey == null ? defaultSelectedKey : String(defaultSelectedKey), [defaultSelectedKey]);
+  var disabledStringKeys = useMemo(() => itemSelectionToStringSet(disabledKeys), [disabledKeys]);
+  var onStringSelectionChange = useCallback(key => {
+    var _getItemKey;
+    if (onChange == null) {
+      return;
+    }
+
+    // The `key` arg will always be a string due to us setting the `Item` key
+    // prop in `renderItem`. We need to find the matching item to determine
+    // the actual key.
+    var selectedItem = normalizedItems.find(item => String(getItemKey(item)) === key);
+    var actualKey = (_getItemKey = getItemKey(selectedItem)) !== null && _getItemKey !== void 0 ? _getItemKey : key;
+    onChange(actualKey);
+  }, [normalizedItems, onChange]);
+  return {
+    selectedStringKey,
+    defaultSelectedStringKey,
+    disabledStringKeys,
+    onStringSelectionChange
+  };
+}
+export default useStringifiedSelection;
+//# sourceMappingURL=useStringifiedSelection.js.map

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

@@ -0,0 +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 | 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/dist/theme/SpectrumThemeProvider.js

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { Provider } from '@adobe/react-spectrum';
-import shortid from 'shortid';
+import { nanoid } from 'nanoid';
 import { themeDHDefault } from "../spectrum/utils/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -20,7 +20,7 @@ export function SpectrumThemeProvider(_ref) {
   // a unique ID is used per provider to force it to render the theme wrapper element inside portals
   // based on https://github.com/adobe/react-spectrum/issues/1697#issuecomment-999827266
   // won't be needed if https://github.com/adobe/react-spectrum/pull/2669 is merged
-  var [id] = useState(isPortal ? shortid() : null);
+  var [id] = useState(isPortal ? nanoid() : null);
   return /*#__PURE__*/_jsx(Provider, {
     UNSAFE_className: "spectrum-theme-provider",
     theme: theme,

package/dist/theme/SpectrumThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpectrumThemeProvider.js","names":["useState","Provider","shortid","themeDHDefault","jsx","_jsx","SpectrumThemeProvider","_ref","children","isPortal","theme","colorScheme","id","UNSAFE_className"],"sources":["../../src/theme/SpectrumThemeProvider.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react';\nimport { Provider } from '@adobe/react-spectrum';\nimport type { Theme } from '@react-types/provider';\nimport shortid from 'shortid';\nimport { themeDHDefault } from '../spectrum/utils';\n\nexport interface SpectrumThemeProviderProps {\n  children: ReactNode;\n  isPortal?: boolean;\n  theme?: Theme;\n  colorScheme?: 'light' | 'dark';\n}\n\n/**\n * Wrapper around React Spectrum's theme Provider that provides DH mappings of\n * Spectrum's theme variables to DH's theme variables. Also exposes an optional\n * `isPortal` prop that if provided, adds a unique `data-unique-id` attribute to\n * the Provider. This is needed to force the Provider to render the theme wrapper\n * inside of portals.\n */\nexport function SpectrumThemeProvider({\n  children,\n  isPortal = false,\n  theme = themeDHDefault,\n  colorScheme,\n}: SpectrumThemeProviderProps): JSX.Element {\n  // a unique ID is used per provider to force it to render the theme wrapper element inside portals\n  // based on https://github.com/adobe/react-spectrum/issues/1697#issuecomment-999827266\n  // won't be needed if https://github.com/adobe/react-spectrum/pull/2669 is merged\n  const [id] = useState(isPortal ? shortid() : null);\n\n  return (\n    <Provider\n      UNSAFE_className=\"spectrum-theme-provider\"\n      theme={theme}\n      colorScheme={colorScheme}\n      data-unique-id={id}\n    >\n      {children}\n    </Provider>\n  );\n}\n"],"mappings":"AAAA,SAAoBA,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,OAAOC,OAAO,MAAM,SAAS;AAAC,SACrBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAAC,IAAA,EAKO;EAAA,IALN;IACpCC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAGP,cAAc;IACtBQ;EAC0B,CAAC,GAAAJ,IAAA;EAC3B;EACA;EACA;EACA,IAAM,CAACK,EAAE,CAAC,GAAGZ,QAAQ,CAACS,QAAQ,GAAGP,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;EAElD,oBACEG,IAAA,CAACJ,QAAQ;IACPY,gBAAgB,EAAC,yBAAyB;IAC1CH,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzB,kBAAgBC,EAAG;IAAAJ,QAAA,EAElBA;EAAQ,CACD,CAAC;AAEf"}
+{"version":3,"file":"SpectrumThemeProvider.js","names":["useState","Provider","nanoid","themeDHDefault","jsx","_jsx","SpectrumThemeProvider","_ref","children","isPortal","theme","colorScheme","id","UNSAFE_className"],"sources":["../../src/theme/SpectrumThemeProvider.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react';\nimport { Provider } from '@adobe/react-spectrum';\nimport type { Theme } from '@react-types/provider';\nimport { nanoid } from 'nanoid';\nimport { themeDHDefault } from '../spectrum/utils';\n\nexport interface SpectrumThemeProviderProps {\n  children: ReactNode;\n  isPortal?: boolean;\n  theme?: Theme;\n  colorScheme?: 'light' | 'dark';\n}\n\n/**\n * Wrapper around React Spectrum's theme Provider that provides DH mappings of\n * Spectrum's theme variables to DH's theme variables. Also exposes an optional\n * `isPortal` prop that if provided, adds a unique `data-unique-id` attribute to\n * the Provider. This is needed to force the Provider to render the theme wrapper\n * inside of portals.\n */\nexport function SpectrumThemeProvider({\n  children,\n  isPortal = false,\n  theme = themeDHDefault,\n  colorScheme,\n}: SpectrumThemeProviderProps): JSX.Element {\n  // a unique ID is used per provider to force it to render the theme wrapper element inside portals\n  // based on https://github.com/adobe/react-spectrum/issues/1697#issuecomment-999827266\n  // won't be needed if https://github.com/adobe/react-spectrum/pull/2669 is merged\n  const [id] = useState(isPortal ? nanoid() : null);\n\n  return (\n    <Provider\n      UNSAFE_className=\"spectrum-theme-provider\"\n      theme={theme}\n      colorScheme={colorScheme}\n      data-unique-id={id}\n    >\n      {children}\n    </Provider>\n  );\n}\n"],"mappings":"AAAA,SAAoBA,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,MAAM,QAAQ,QAAQ;AAAC,SACvBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAAC,IAAA,EAKO;EAAA,IALN;IACpCC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAGP,cAAc;IACtBQ;EAC0B,CAAC,GAAAJ,IAAA;EAC3B;EACA;EACA;EACA,IAAM,CAACK,EAAE,CAAC,GAAGZ,QAAQ,CAACS,QAAQ,GAAGP,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;EAEjD,oBACEG,IAAA,CAACJ,QAAQ;IACPY,gBAAgB,EAAC,yBAAyB;IAC1CH,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzB,kBAAgBC,EAAG;IAAAJ,QAAA,EAElBA;EAAQ,CACD,CAAC;AAEf"}

package/dist/theme/index.d.ts

@@ -7,4 +7,5 @@ export * from './ThemeUtils';
 export * from './useTheme';
 export * from './Logo';
 export * from './colorUtils';
+export * from './useSpectrumThemeProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC"}

package/dist/theme/index.js

@@ -7,4 +7,5 @@ export * from "./ThemeUtils.js";
 export * from "./useTheme.js";
 export * from "./Logo.js";
 export * from "./colorUtils.js";
+export * from "./useSpectrumThemeProvider.js";
 //# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\nexport * from './Logo';\nexport * from './colorUtils';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\nexport * from './Logo';\nexport * from './colorUtils';\nexport * from './useSpectrumThemeProvider';\n"],"mappings":""}

package/dist/theme/theme-spectrum/theme-spectrum-overrides.css

@@ -1 +1 @@
-[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class*=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class*=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class*=spectrum-Button]{--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class*=spectrum-Button] svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class*=spectrum-Checkbox-label],span[class*=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
+[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class*=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class*=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed){--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed) svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class*=spectrum-Checkbox-label],span[class*=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}label[class*=spectrum-Radio]{--spectrum-radio-emphasized-circle-border-color-error: var( --dh-color-negative-bg );--spectrum-radio-emphasized-circle-border-color-error-hover: var( --dh-color-negative-hover-bg );--spectrum-radio-emphasized-circle-border-color-error-down: var( --dh-color-negative-down-bg );--spectrum-radio-circle-border-color-error-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-radio-circle-border-color-error-selected-key-focus: var( --dh-color-negative-key-focus-bg )}/*# sourceMappingURL=theme-spectrum-overrides.css.map */

package/dist/theme/theme-spectrum/theme-spectrum-overrides.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,8CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAKF,+BAEE,6EAGA,oEACA,2DAGF,mCAEE,wDAGF,uEAKE","file":"theme-spectrum-overrides.css","sourcesContent":["[class*='spectrum'] {\n  /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n  Spectrum to use the same default font-family */\n  font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class*='spectrum-'] {\n  margin-bottom: 0;\n}\n\nsvg[class*='spectrum-Textfield-validationIcon'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n  /* \n  Resize fontawesome icons used inside a spectrum icon wrapper to match\n  our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n  */\n  --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n  padding-right: var(\n    --spectrum-actionbutton-icon-padding-x,\n    var(--spectrum-global-dimension-size-85)\n  );\n}\n\n/* Table */\n[class*='spectrum-Table-headCell'] {\n  /* \n  Tables are styled with the assumption that the header is the same color as the bg\n  which means they look bad against any other background color, instead just inherit the bg.\n  There is also no variable exposed for this, so we have to target the class directly.\n */\n  --dh-table-header-cell-background-color: transparent;\n\n  background: var(--dh-table-header-cell-background-color);\n}\n\n[class*='spectrum-Table-row'] {\n  /* border of selected color is hard-coded as blue rather than accent color */\n  --spectrum-table-row-border-color-selected: var(\n    --dh-color-item-list-selected-border\n  );\n}\n\n[class*='spectrum-Table--quiet'] {\n  /* Quiet shouldn't assume a bg color */\n  --spectrum-alias-background-color-default: transparent;\n}\n\n[class*='spectrum-ListView'] {\n  /* border of selected color is hard-coded as blue rather than accent color */\n  --spectrum-listview-item-border-color-selected: var(\n    --dh-color-item-list-selected-border\n  );\n}\n\nbutton[class*='spectrum-Button'] {\n  /* make the icon closer to the text */\n  --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n  /* Center the text vertically. We use a different font then spectrum so we require different custom centering */\n  padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n  padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\n\nbutton[class*='spectrum-Button'] svg {\n  /* our icons are smaller, center them too */\n  padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class*='spectrum-Checkbox-label'],\nspan[class*='spectrum-Radio-label'] {\n  /* I have no idea why these spectrum labels aren't centered,\n   but this fixes it. Maybe difference in font baselines.\n   */\n  margin-top: var(--spectrum-global-dimension-size-85);\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,8CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAWF,4DAEE,6EAGA,oEACA,2DAEF,gEAKE,wDAGF,uEAKE,oDAEF,6BACE,qFAGA,iGAGA,+FAGA,8FAGA","file":"theme-spectrum-overrides.css","sourcesContent":["[class*='spectrum'] {\n  /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n  Spectrum to use the same default font-family */\n  font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class*='spectrum-'] {\n  margin-bottom: 0;\n}\n\nsvg[class*='spectrum-Textfield-validationIcon'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n  /* \n  Resize fontawesome icons used inside a spectrum icon wrapper to match\n  our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n  */\n  --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n  padding-right: var(\n    --spectrum-actionbutton-icon-padding-x,\n    var(--spectrum-global-dimension-size-85)\n  );\n}\n\n/* Table */\n[class*='spectrum-Table-headCell'] {\n  /* \n  Tables are styled with the assumption that the header is the same color as the bg\n  which means they look bad against any other background color, instead just inherit the bg.\n  There is also no variable exposed for this, so we have to target the class directly.\n */\n  --dh-table-header-cell-background-color: transparent;\n\n  background: var(--dh-table-header-cell-background-color);\n}\n\n[class*='spectrum-Table-row'] {\n  /* border of selected color is hard-coded as blue rather than accent color */\n  --spectrum-table-row-border-color-selected: var(\n    --dh-color-item-list-selected-border\n  );\n}\n\n[class*='spectrum-Table--quiet'] {\n  /* Quiet shouldn't assume a bg color */\n  --spectrum-alias-background-color-default: transparent;\n}\n\n[class*='spectrum-ListView'] {\n  /* border of selected color is hard-coded as blue rather than accent color */\n  --spectrum-listview-item-border-color-selected: var(\n    --dh-color-item-list-selected-border\n  );\n}\n\n/**\n  Adjust Spectrum button text and icon alignment to account for DH using a\n  different font and smaller icons. Spectrum `ButtonGroup` will add additional\n  `-spectrum-ButtonGroup` classes to child buttons (including DH ones), so we\n  explicitly exclude our buttons from the selector.\n  */\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) {\n  /* make the icon closer to the text */\n  --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n  /* Center the text vertically. We use a different font then spectrum so we require different custom centering */\n  padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n  padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) svg {\n  /* \n    We use smaller icons than Spectrum, so we need to adjust the padding to \n    center when we use our icons inside of Spectrum buttons.\n    */\n  padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class*='spectrum-Checkbox-label'],\nspan[class*='spectrum-Radio-label'] {\n  /* I have no idea why these spectrum labels aren't centered,\n   but this fixes it. Maybe difference in font baselines.\n   */\n  margin-top: var(--spectrum-global-dimension-size-85);\n}\nlabel[class*='spectrum-Radio'] {\n  --spectrum-radio-emphasized-circle-border-color-error: var(\n    --dh-color-negative-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-hover: var(\n    --dh-color-negative-hover-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-down: var(\n    --dh-color-negative-down-bg\n  );\n  --spectrum-radio-circle-border-color-error-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n  --spectrum-radio-circle-border-color-error-selected-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n}\n"]}

package/dist/theme/useSpectrumThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import { useProvider } from '@adobe/react-spectrum';
+export declare const useSpectrumThemeProvider: typeof useProvider;
+export default useSpectrumThemeProvider;
+//# sourceMappingURL=useSpectrumThemeProvider.d.ts.map

package/dist/theme/useSpectrumThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpectrumThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/useSpectrumThemeProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAO,MAAM,wBAAwB,oBAAc,CAAC;AAEpD,eAAe,wBAAwB,CAAC"}

package/dist/theme/useSpectrumThemeProvider.js

@@ -0,0 +1,4 @@
+import { useProvider } from '@adobe/react-spectrum';
+export var useSpectrumThemeProvider = useProvider;
+export default useSpectrumThemeProvider;
+//# sourceMappingURL=useSpectrumThemeProvider.js.map

package/dist/theme/useSpectrumThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpectrumThemeProvider.js","names":["useProvider","useSpectrumThemeProvider"],"sources":["../../src/theme/useSpectrumThemeProvider.ts"],"sourcesContent":["import { useProvider } from '@adobe/react-spectrum';\n\nexport const useSpectrumThemeProvider = useProvider;\n\nexport default useSpectrumThemeProvider;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,uBAAuB;AAEnD,OAAO,IAAMC,wBAAwB,GAAGD,WAAW;AAEnD,eAAeC,wBAAwB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.72.1-beta.5+01c2a064",
+  "version": "0.72.1-core-plugins.9+2dd04edb",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -24,15 +24,16 @@
     "build:theme": "sass --embed-sources --style=compressed --load-path=../../node_modules ./src/theme:./dist/theme"
   },
   "dependencies": {
-    "@adobe/react-spectrum": "^3.34.1",
-    "@deephaven/icons": "^0.72.1-beta.5+01c2a064",
-    "@deephaven/log": "^0.72.1-beta.5+01c2a064",
-    "@deephaven/react-hooks": "^0.72.1-beta.5+01c2a064",
-    "@deephaven/utils": "^0.72.1-beta.5+01c2a064",
+    "@adobe/react-spectrum": "3.35.1",
+    "@deephaven/icons": "^0.72.1-core-plugins.9+2dd04edb",
+    "@deephaven/log": "^0.72.1-core-plugins.9+2dd04edb",
+    "@deephaven/react-hooks": "^0.72.1-core-plugins.9+2dd04edb",
+    "@deephaven/utils": "^0.72.1-core-plugins.9+2dd04edb",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
     "@react-spectrum/utils": "^3.11.5",
+    "@react-types/radio": "^3.8.1",
     "@react-types/shared": "^3.22.1",
     "@react-types/textfield": "^3.9.1",
     "bootstrap": "4.6.2",
@@ -42,20 +43,20 @@
     "lodash.debounce": "^4.0.8",
     "lodash.flatten": "^4.4.0",
     "memoizee": "^0.4.15",
+    "nanoid": "^5.0.7",
     "popper.js": "^1.16.1",
     "prop-types": "^15.7.2",
     "react-beautiful-dnd": "^13.1.0",
     "react-transition-group": "^4.4.2",
     "react-virtualized-auto-sizer": "1.0.6",
-    "react-window": "^1.8.6",
-    "shortid": "^2.2.16"
+    "react-window": "^1.8.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.72.1-beta.5+01c2a064"
+    "@deephaven/mocks": "^0.72.1-core-plugins.9+2dd04edb"
   },
   "files": [
     "dist",
@@ -69,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "01c2a064f287638382f0f7fe474098393b73b9ca"
+  "gitHead": "2dd04edb752fbc59cbcda20383bfcaabd393108b"
 }

package/scss/new_variables.scss

@@ -54,4 +54,4 @@ $ant-thickness: 1px;
 $focus-bg-transparency: 12%;
 $hover-bg-transparency: 14%;
 $active-bg-transparency: 28%;
-$exception-transparency: 13%;
+$exception-transparency: 28%;

package/scss/util.scss

@@ -71,6 +71,10 @@
   @return color-mix-opacity('negative', $i);
 }
 
+@function negative-down-bg-opacity($i: 100) {
+  @return color-mix-opacity('negative-down-bg', $i);
+}
+
 @function black-opacity($i: 100) {
   @return color-mix-opacity('black', $i);
 }

package/dist/ButtonGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAazD;kBAbQ,WAAW;;;;;;;;;;;;;;AA8BpB,eAAe,WAAW,CAAC"}

package/dist/ButtonGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.js","names":["React","classNames","PropTypes","jsx","_jsx","ButtonGroup","props","children","className","style","dataTestId","role","displayName","propTypes","node","isRequired","string","object","defaultProps","undefined"],"sources":["../src/ButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\ninterface ButtonGroupProps {\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  'data-testid'?: string;\n}\n\nfunction ButtonGroup(props: ButtonGroupProps): JSX.Element {\n  const { children, className, style, 'data-testid': dataTestId } = props;\n\n  return (\n    <div\n      className={classNames('btn-group', className)}\n      style={style}\n      role=\"group\"\n      data-testid={dataTestId}\n    >\n      {children}\n    </div>\n  );\n}\n\nButtonGroup.displayName = 'ButtonGroup';\n\nButtonGroup.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  style: PropTypes.object,\n  'data-testid': PropTypes.string,\n};\n\nButtonGroup.defaultProps = {\n  className: null,\n  style: {},\n  'data-testid': undefined,\n};\n\nexport default ButtonGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASnC,SAASC,WAAWA,CAACC,KAAuB,EAAe;EACzD,IAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAE,aAAa,EAAEC;EAAW,CAAC,GAAGJ,KAAK;EAEvE,oBACEF,IAAA;IACEI,SAAS,EAAEP,UAAU,CAAC,WAAW,EAAEO,SAAS,CAAE;IAC9CC,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAC,OAAO;IACZ,eAAaD,UAAW;IAAAH,QAAA,EAEvBA;EAAQ,CACN,CAAC;AAEV;AAEAF,WAAW,CAACO,WAAW,GAAG,aAAa;AAEvCP,WAAW,CAACQ,SAAS,GAAG;EACtBN,QAAQ,EAAEL,SAAS,CAACY,IAAI,CAACC,UAAU;EACnCP,SAAS,EAAEN,SAAS,CAACc,MAAM;EAC3BP,KAAK,EAAEP,SAAS,CAACe,MAAM;EACvB,aAAa,EAAEf,SAAS,CAACc;AAC3B,CAAC;AAEDX,WAAW,CAACa,YAAY,GAAG;EACzBV,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAC,CAAC;EACT,aAAa,EAAEU;AACjB,CAAC;AAED,eAAed,WAAW"}

package/dist/ButtonOld.d.ts

@@ -1,12 +0,0 @@
-import React, { MouseEventHandler } from 'react';
-interface ButtonProps {
-    children?: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    style?: React.CSSProperties;
-    id?: string;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;
-//# sourceMappingURL=ButtonOld.d.ts.map

package/dist/ButtonOld.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonOld.d.ts","sourceRoot":"","sources":["../src/ButtonOld.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,QAAA,MAAM,MAAM,uFAiBX,CAAC;AAsBF,eAAe,MAAM,CAAC"}

package/dist/ButtonOld.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { jsx as _jsx } from "react/jsx-runtime";
-var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
-  var {
-    children,
-    className,
-    disabled,
-    onClick,
-    style,
-    id
-  } = props;
-  return /*#__PURE__*/_jsx("button", {
-    ref: ref,
-    type: "button",
-    className: classNames('btn', className),
-    onClick: onClick,
-    style: style,
-    disabled: disabled,
-    id: id,
-    children: children
-  });
-});
-Button.displayName = 'Button';
-Button.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  style: PropTypes.shape({}),
-  id: PropTypes.string
-};
-Button.defaultProps = {
-  children: null,
-  className: '',
-  disabled: false,
-  onClick: () => null,
-  style: {},
-  id: ''
-};
-export default Button;
-//# sourceMappingURL=ButtonOld.js.map

package/dist/ButtonOld.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonOld.js","names":["React","classNames","PropTypes","jsx","_jsx","Button","forwardRef","props","ref","children","className","disabled","onClick","style","id","type","displayName","propTypes","node","string","bool","func","shape","defaultProps"],"sources":["../src/ButtonOld.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\ninterface ButtonProps {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  style?: React.CSSProperties;\n  id?: string;\n}\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const { children, className, disabled, onClick, style, id } = props;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={classNames('btn', className)}\n        onClick={onClick}\n        style={style}\n        disabled={disabled}\n        id={id}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\nButton.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  style: PropTypes.shape({}),\n  id: PropTypes.string,\n};\n\nButton.defaultProps = {\n  children: null,\n  className: '',\n  disabled: false,\n  onClick: () => null,\n  style: {},\n  id: '',\n};\n\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUnC,IAAMC,MAAM,gBAAGL,KAAK,CAACM,UAAU,CAC7B,CAACC,KAAkB,EAAEC,GAAG,KAAK;EAC3B,IAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAG,CAAC,GAAGP,KAAK;EACnE,oBACEH,IAAA;IACEI,GAAG,EAAEA,GAAI;IACTO,IAAI,EAAC,QAAQ;IACbL,SAAS,EAAET,UAAU,CAAC,KAAK,EAAES,SAAS,CAAE;IACxCE,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbF,QAAQ,EAAEA,QAAS;IACnBG,EAAE,EAAEA,EAAG;IAAAL,QAAA,EAENA;EAAQ,CACH,CAAC;AAEb,CACF,CAAC;AAEDJ,MAAM,CAACW,WAAW,GAAG,QAAQ;AAE7BX,MAAM,CAACY,SAAS,GAAG;EACjBR,QAAQ,EAAEP,SAAS,CAACgB,IAAI;EACxBR,SAAS,EAAER,SAAS,CAACiB,MAAM;EAC3BR,QAAQ,EAAET,SAAS,CAACkB,IAAI;EACxBR,OAAO,EAAEV,SAAS,CAACmB,IAAI;EACvBR,KAAK,EAAEX,SAAS,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC1BR,EAAE,EAAEZ,SAAS,CAACiB;AAChB,CAAC;AAEDd,MAAM,CAACkB,YAAY,GAAG;EACpBd,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,KAAK,EAAE,CAAC,CAAC;EACTC,EAAE,EAAE;AACN,CAAC;AAED,eAAeT,MAAM"}

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