@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.100

package/dist-cjs/combo-box-deprecated/filterHelpers.js

@@ -1,11 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var escapeRegExp = require('../utils/escapeRegExp.js');
 require('react');
 require('@salt-ds/core');
-require('../utils/useFloatingUI.js');
 
 const leftTrim = (value) => value ? value.replace(/^\s+/g, "") : value;
 const getDefaultFilterRegex = (value) => new RegExp(`(${escapeRegExp.escapeRegExp(leftTrim(value))})`, "gi");

package/dist-cjs/combo-box-deprecated/filterHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterHelpers.js","sources":["../src/combo-box-deprecated/filterHelpers.ts"],"sourcesContent":["import { escapeRegExp } from \"../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nconst leftTrim = (value: string) =>\n  value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n  new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n  (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n  (itemValue = \"\"): boolean =>\n    Boolean(itemValue.length) &&\n    Boolean(inputValue.length) &&\n    itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":["escapeRegExp"],"mappings":";;;;;;;;;AAIA,MAAM,QAAA,GAAW,CAAC,KAChB,KAAA,KAAA,GAAQ,MAAM,OAAQ,CAAA,OAAA,EAAS,EAAE,CAAI,GAAA,KAAA,CAAA;AAE1B,MAAA,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,CAAI,CAAA,EAAAA,yBAAA,CAAa,QAAS,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,EAAM,IAAI,EAAA;AAE1C,MAAA,gBAAA,GACX,CAAC,UAAa,GAAA,EAAA,EAAI,iBAAiC,qBACnD,KAAA,CAAC,SAAY,GAAA,EAAA,KACX,OAAQ,CAAA,SAAA,CAAU,MAAM,CACxB,IAAA,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,KAAM,CAAA,cAAA,CAAe,UAAU,CAAC,CAAM,KAAA;;;;;"}
+{"version":3,"file":"filterHelpers.js","sources":["../src/combo-box-deprecated/filterHelpers.ts"],"sourcesContent":["import { escapeRegExp } from \"../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nconst leftTrim = (value: string) =>\n  value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n  new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n  (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n  (itemValue = \"\"): boolean =>\n    Boolean(itemValue.length) &&\n    Boolean(inputValue.length) &&\n    itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":["escapeRegExp"],"mappings":";;;;;;AAIA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,KAAA,GAAQ,MAAM,OAAA,CAAQ,OAAA,EAAS,EAAE,CAAA,GAAI,KAAA;AAEhC,MAAM,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,CAAA,CAAA,EAAIA,yBAAA,CAAa,QAAA,CAAS,KAAK,CAAC,CAAC,CAAA,CAAA,CAAA,EAAK,IAAI;AAEhD,MAAM,gBAAA,GACX,CAAC,UAAA,GAAa,EAAA,EAAI,iBAAiC,qBAAA,KACnD,CAAC,SAAA,GAAY,EAAA,KACX,OAAA,CAAQ,SAAA,CAAU,MAAM,CAAA,IACxB,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,KAAA,CAAM,cAAA,CAAe,UAAU,CAAC,CAAA,KAAM;;;;;"}

package/dist-cjs/combo-box-deprecated/internal/DefaultComboBox.js

@@ -1,30 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('@floating-ui/react');
+var react$1 = require('@floating-ui/react');
 var core = require('@salt-ds/core');
-var React = require('react');
-var Portal = require('../../portal/Portal.js');
+var react = require('react');
+var InputLegacy = require('../../input-legacy/InputLegacy.js');
+require('../../input-legacy/StaticInputAdornment.js');
 require('../../list-deprecated/List.js');
 var ListBase = require('../../list-deprecated/ListBase.js');
-require('../../list-deprecated/ListItemBase.js');
 require('../../list-deprecated/ListItem.js');
+require('../../list-deprecated/ListItemBase.js');
 require('../../list-deprecated/ListItemContext.js');
 var ListStateContext = require('../../list-deprecated/ListStateContext.js');
-require('../../utils/useFloatingUI.js');
-var getAnnouncement = require('./getAnnouncement.js');
-var useComboBox = require('./useComboBox.js');
-var WindowContext = require('../../window/WindowContext.js');
+var Portal = require('../../portal/Portal.js');
 require('../../window/ElectronWindow.js');
-var InputLegacy = require('../../input-legacy/InputLegacy.js');
-require('../../input-legacy/StaticInputAdornment.js');
+var WindowContext = require('../../window/WindowContext.js');
+var useComboBox = require('./useComboBox.js');
 
 const DefaultComboBox = function DefaultComboBox2(props) {
   const {
     ListItem,
-    WindowProps: WindowProps2 = {},
+    WindowProps = {},
     rootRef,
     listRef: listRefProp,
     inputRef: inputRefProp,
@@ -32,8 +28,8 @@ const DefaultComboBox = function DefaultComboBox2(props) {
     listWidth,
     ...restProps
   } = props;
-  const inputRef = React.useRef(null);
-  const listRef = React.useRef(null);
+  const inputRef = react.useRef(null);
+  const listRef = react.useRef(null);
   const setInputRef = core.useForkRef(inputRef, inputRefProp);
   const setListRef = core.useForkRef(listRef, listRefProp);
   const { announce } = core.useAriaAnnouncer({ debounce: 1e3 });
@@ -45,25 +41,21 @@ const DefaultComboBox = function DefaultComboBox2(props) {
   } = useComboBox.useComboBox(restProps);
   const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;
   const { isListOpen, itemCount, itemToString, source, ...restListProps } = listProps;
-  const firstItem = null;
-  const allowAnnouncementRef = React.useRef(allowAnnouncement);
-  React.useEffect(() => {
+  const allowAnnouncementRef = react.useRef(allowAnnouncement);
+  react.useEffect(() => {
     allowAnnouncementRef.current = allowAnnouncement;
   }, [allowAnnouncement]);
-  React.useEffect(() => {
-    if (allowAnnouncementRef.current && value && firstItem) {
-      announce(getAnnouncement.getAnnouncement(itemCount, firstItem));
-    }
-  }, [firstItem, value, itemCount, announce]);
-  const [maxListHeight, setMaxListHeight] = React.useState(
+  react.useEffect(() => {
+  }, [value, itemCount, announce]);
+  const [maxListHeight, setMaxListHeight] = react.useState(
     void 0
   );
   const middleware = WindowContext.isDesktop ? [] : [
-    react.flip({
+    react$1.flip({
       fallbackPlacements: ["bottom-start", "top-start"]
     }),
-    react.shift({ limiter: react.limitShift() }),
-    react.size({
+    react$1.shift({ limiter: react$1.limitShift() }),
+    react$1.size({
       apply({ availableHeight }) {
         setMaxListHeight(availableHeight);
       }
@@ -73,49 +65,51 @@ const DefaultComboBox = function DefaultComboBox2(props) {
     placement: "bottom-start",
     middleware
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (rootRef.current) {
       reference(rootRef.current);
     }
   }, [rootRef, reference]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InputLegacy.InputLegacy, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InputLegacy.InputLegacy,
+      {
         disabled,
         ref: core.useForkRef(setInputRef, setHookInputRef),
         value,
         ...restInputProps
-      }),
-      rootRef.current && isListOpen && /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(WindowContext.Window, {
-          style: {
-            top: y != null ? y : 0,
-            left: x != null ? x : 0,
-            position: strategy,
-            maxHeight: maxListHeight != null ? maxListHeight : ""
-          },
-          ...WindowProps2,
-          ref: floating,
-          children: /* @__PURE__ */ jsxRuntime.jsx(ListStateContext.ListStateContext.Provider, {
-            value: listContext,
-            children: /* @__PURE__ */ jsxRuntime.jsx(ListBase.ListBase, {
-              ...{
-                ListItem,
-                disabled,
-                itemCount,
-                itemToString,
-                width: listWidth || rootWidth,
-                source,
-                ...restListProps,
-                listRef: setListRef
-              },
-              maxHeight: maxListHeight || listProps.maxHeight
-            })
-          })
-        })
-      })
-    ]
-  });
+      }
+    ),
+    rootRef.current && isListOpen && /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      WindowContext.Window,
+      {
+        style: {
+          top: y ?? 0,
+          left: x ?? 0,
+          position: strategy,
+          maxHeight: maxListHeight ?? ""
+        },
+        ...WindowProps,
+        ref: floating,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ListStateContext.ListStateContext.Provider, { value: listContext, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ListBase.ListBase,
+          {
+            ...{
+              ListItem,
+              disabled,
+              itemCount,
+              itemToString,
+              width: listWidth || rootWidth,
+              source,
+              ...restListProps,
+              listRef: setListRef
+            },
+            maxHeight: maxListHeight || listProps.maxHeight
+          }
+        ) })
+      }
+    ) })
+  ] });
 };
 
 exports.DefaultComboBox = DefaultComboBox;

package/dist-cjs/combo-box-deprecated/internal/DefaultComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultComboBox.js","sources":["../src/combo-box-deprecated/internal/DefaultComboBox.tsx"],"sourcesContent":["import { flip, limitShift, shift, size } from \"@floating-ui/react\";\nimport { useAriaAnnouncer, useFloatingUI, useForkRef } from \"@salt-ds/core\";\nimport {\n  ComponentType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Portal } from \"../../portal\";\nimport {\n  IndexedListItemProps,\n  ListBase,\n  ListProps,\n  ListSelectionVariant,\n  ListStateContext,\n} from \"../../list-deprecated\";\nimport { GetFilterRegex } from \"../filterHelpers\";\nimport { getAnnouncement } from \"./getAnnouncement\";\nimport { useComboBox } from \"./useComboBox\";\nimport { isDesktop, Window, WindowProps } from \"../../window\";\nimport {\n  InputLegacy as Input,\n  InputLegacyProps as InputProps,\n} from \"../../input-legacy\";\n\nexport type BaseComboBoxProps<\n  Item,\n  Variant extends ListSelectionVariant = \"default\"\n> = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"onChange\" | \"onSelect\" | \"onFocus\" | \"onBlur\" | \"onClick\"\n> &\n  Pick<\n    ListProps<Item, Variant>,\n    | \"displayedItemCount\"\n    | \"itemToString\"\n    | \"listRef\"\n    | \"onChange\"\n    | \"onSelect\"\n    | \"overscanCount\"\n    | \"virtualized\"\n    | \"width\"\n  > & {\n    ListItem?: ComponentType<IndexedListItemProps<Item>>;\n    ListProps?: Partial<ListProps<Item, Variant>>;\n    WindowProps?: Partial<WindowProps>;\n    allowFreeText?: boolean;\n    disabled?: boolean;\n    getFilterRegex?: GetFilterRegex;\n    initialOpen?: boolean;\n    inputRef?: Ref<HTMLInputElement>;\n    inputValue?: string;\n    listWidth?: number | string;\n\n    rootWidth?: string | number;\n    rootRef: RefObject<HTMLElement>;\n    disabledPortal?: boolean;\n    source: ReadonlyArray<Item>;\n  };\n\nexport interface DefaultComboBoxProps<Item>\n  extends BaseComboBoxProps<Item>,\n    Pick<InputProps, \"onFocus\" | \"onBlur\"> {\n  InputProps?: InputProps;\n  initialSelectedItem?: Item;\n  selectedItem?: Item;\n  multiSelect?: false;\n  onInputFocus?: InputProps[\"onFocus\"];\n  onInputBlur?: InputProps[\"onBlur\"];\n  onInputChange?: InputProps[\"onChange\"];\n  onInputSelect?: InputProps[\"onSelect\"];\n  stringToItem?: (value?: string) => Item | null | undefined;\n}\n\nexport const DefaultComboBox = function DefaultComboBox<Item>(\n  props: DefaultComboBoxProps<Item>\n): ReactNode {\n  const {\n    ListItem,\n    WindowProps = {},\n    rootRef,\n    listRef: listRefProp,\n    inputRef: inputRefProp,\n    rootWidth,\n    listWidth,\n    ...restProps\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef(null);\n\n  const setInputRef = useForkRef(inputRef, inputRefProp);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const {\n    inputRef: setHookInputRef,\n    listContext,\n    inputProps,\n    listProps,\n  } = useComboBox(restProps);\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  useEffect(() => {\n    if (allowAnnouncementRef.current && value && firstItem) {\n      announce(getAnnouncement(itemCount, firstItem));\n    }\n  }, [firstItem, value, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  return (\n    <>\n      <Input\n        disabled={disabled}\n        ref={useForkRef(setInputRef, setHookInputRef)}\n        value={value}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? 0,\n              left: x ?? 0,\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <ListStateContext.Provider value={listContext}>\n              <ListBase\n                {...{\n                  ListItem,\n                  disabled,\n                  itemCount,\n                  itemToString,\n                  width: listWidth || rootWidth,\n                  source,\n                  ...restListProps,\n                  listRef: setListRef,\n                }}\n                maxHeight={maxListHeight || listProps.maxHeight}\n              />\n            </ListStateContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n};\n"],"names":["DefaultComboBox","WindowProps","useRef","useForkRef","useAriaAnnouncer","useComboBox","useEffect","getAnnouncement","useState","isDesktop","flip","shift","limitShift","size","useFloatingUI","jsxs","Fragment","jsx","Input","Portal","Window","ListStateContext","ListBase"],"mappings":"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"}
+{"version":3,"file":"DefaultComboBox.js","sources":["../src/combo-box-deprecated/internal/DefaultComboBox.tsx"],"sourcesContent":["import { flip, limitShift, shift, size } from \"@floating-ui/react\";\nimport { useAriaAnnouncer, useFloatingUI, useForkRef } from \"@salt-ds/core\";\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  InputLegacy as Input,\n  type InputLegacyProps as InputProps,\n} from \"../../input-legacy\";\nimport {\n  type IndexedListItemProps,\n  ListBase,\n  type ListProps,\n  type ListSelectionVariant,\n  ListStateContext,\n} from \"../../list-deprecated\";\nimport { Portal } from \"../../portal\";\nimport { isDesktop, Window, type WindowProps } from \"../../window\";\nimport type { GetFilterRegex } from \"../filterHelpers\";\nimport { getAnnouncement } from \"./getAnnouncement\";\nimport { useComboBox } from \"./useComboBox\";\n\nexport type BaseComboBoxProps<\n  Item,\n  Variant extends ListSelectionVariant = \"default\",\n> = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"onChange\" | \"onSelect\" | \"onFocus\" | \"onBlur\" | \"onClick\"\n> &\n  Pick<\n    ListProps<Item, Variant>,\n    | \"displayedItemCount\"\n    | \"itemToString\"\n    | \"listRef\"\n    | \"onChange\"\n    | \"onSelect\"\n    | \"overscanCount\"\n    | \"virtualized\"\n    | \"width\"\n  > & {\n    ListItem?: ComponentType<IndexedListItemProps<Item>>;\n    ListProps?: Partial<ListProps<Item, Variant>>;\n    WindowProps?: Partial<WindowProps>;\n    allowFreeText?: boolean;\n    disabled?: boolean;\n    getFilterRegex?: GetFilterRegex;\n    initialOpen?: boolean;\n    inputRef?: Ref<HTMLInputElement>;\n    inputValue?: string;\n    listWidth?: number | string;\n\n    rootWidth?: string | number;\n    rootRef: RefObject<HTMLElement>;\n    disabledPortal?: boolean;\n    source: ReadonlyArray<Item>;\n  };\n\nexport interface DefaultComboBoxProps<Item>\n  extends BaseComboBoxProps<Item>,\n    Pick<InputProps, \"onFocus\" | \"onBlur\"> {\n  InputProps?: InputProps;\n  initialSelectedItem?: Item;\n  selectedItem?: Item;\n  multiSelect?: false;\n  onInputFocus?: InputProps[\"onFocus\"];\n  onInputBlur?: InputProps[\"onBlur\"];\n  onInputChange?: InputProps[\"onChange\"];\n  onInputSelect?: InputProps[\"onSelect\"];\n  stringToItem?: (value?: string) => Item | null | undefined;\n}\n\nexport const DefaultComboBox = function DefaultComboBox<Item>(\n  props: DefaultComboBoxProps<Item>,\n): ReactNode {\n  const {\n    ListItem,\n    WindowProps = {},\n    rootRef,\n    listRef: listRefProp,\n    inputRef: inputRefProp,\n    rootWidth,\n    listWidth,\n    ...restProps\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef(null);\n\n  const setInputRef = useForkRef(inputRef, inputRefProp);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const {\n    inputRef: setHookInputRef,\n    listContext,\n    inputProps,\n    listProps,\n  } = useComboBox(restProps);\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  useEffect(() => {\n    if (allowAnnouncementRef.current && value && firstItem) {\n      announce(getAnnouncement(itemCount, firstItem));\n    }\n  }, [value, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined,\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  return (\n    <>\n      <Input\n        disabled={disabled}\n        ref={useForkRef(setInputRef, setHookInputRef)}\n        value={value}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? 0,\n              left: x ?? 0,\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <ListStateContext.Provider value={listContext}>\n              <ListBase\n                {...{\n                  ListItem,\n                  disabled,\n                  itemCount,\n                  itemToString,\n                  width: listWidth || rootWidth,\n                  source,\n                  ...restListProps,\n                  listRef: setListRef,\n                }}\n                maxHeight={maxListHeight || listProps.maxHeight}\n              />\n            </ListStateContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n};\n"],"names":["DefaultComboBox","useRef","useForkRef","useAriaAnnouncer","useComboBox","useEffect","useState","isDesktop","flip","shift","limitShift","size","useFloatingUI","jsxs","Fragment","jsx","Input","Portal","Window","ListStateContext","ListBase"],"mappings":"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"}

package/dist-cjs/combo-box-deprecated/internal/MultiSelectComboBox.js

@@ -1,27 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('@floating-ui/react');
+var react$1 = require('@floating-ui/react');
 var core = require('@salt-ds/core');
-var React = require('react');
-var Portal = require('../../portal/Portal.js');
+var react = require('react');
 require('../../list-deprecated/List.js');
 var ListBase = require('../../list-deprecated/ListBase.js');
-require('../../list-deprecated/ListItemBase.js');
 require('../../list-deprecated/ListItem.js');
+require('../../list-deprecated/ListItemBase.js');
 require('../../list-deprecated/ListItemContext.js');
 var ListStateContext = require('../../list-deprecated/ListStateContext.js');
-require('../../utils/useFloatingUI.js');
+var Portal = require('../../portal/Portal.js');
 require('../../tokenized-input/TokenizedInput.js');
 var TokenizedInputBase = require('../../tokenized-input/TokenizedInputBase.js');
 require('clipboard-copy');
 require('../../form-field-context-legacy/FormFieldLegacyContext.js');
-var getAnnouncement = require('./getAnnouncement.js');
-var useMultiSelectComboBox = require('./useMultiSelectComboBox.js');
-var WindowContext = require('../../window/WindowContext.js');
 require('../../window/ElectronWindow.js');
+var WindowContext = require('../../window/WindowContext.js');
+var useMultiSelectComboBox = require('./useMultiSelectComboBox.js');
 
 function MultiSelectComboBox(props) {
   const {
@@ -34,9 +30,8 @@ function MultiSelectComboBox(props) {
     inputRef: inputRefProp,
     ...restProps
   } = props;
-  const { announce } = core.useAriaAnnouncer({ debounce: 1e3 });
-  const expandButtonRef = React.useRef(null);
-  const listRef = React.useRef(null);
+  const expandButtonRef = react.useRef(null);
+  const listRef = react.useRef(null);
   const setListRef = core.useForkRef(listRef, listRefProp);
   const { inputRef, listContext, inputProps, listProps, inputHelpers } = useMultiSelectComboBox.useMultiSelectComboBox({
     ...restProps,
@@ -44,25 +39,19 @@ function MultiSelectComboBox(props) {
   });
   const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;
   const { isListOpen, itemCount, itemToString, source, ...restListProps } = listProps;
-  const firstItem = null;
-  const allowAnnouncementRef = React.useRef(allowAnnouncement);
-  React.useEffect(() => {
+  const allowAnnouncementRef = react.useRef(allowAnnouncement);
+  react.useEffect(() => {
     allowAnnouncementRef.current = allowAnnouncement;
   }, [allowAnnouncement]);
-  React.useEffect(() => {
-    if (allowAnnouncementRef.current && value && firstItem) {
-      announce(getAnnouncement.getAnnouncement(itemCount, firstItem));
-    }
-  }, [value, firstItem, itemCount, announce]);
-  const [maxListHeight, setMaxListHeight] = React.useState(
+  const [maxListHeight, setMaxListHeight] = react.useState(
     void 0
   );
   const middleware = WindowContext.isDesktop ? [] : [
-    react.flip({
+    react$1.flip({
       fallbackPlacements: ["bottom-start", "top-start"]
     }),
-    react.shift({ limiter: react.limitShift() }),
-    react.size({
+    react$1.shift({ limiter: react$1.limitShift() }),
+    react$1.size({
       apply({ availableHeight }) {
         setMaxListHeight(availableHeight);
       }
@@ -72,52 +61,54 @@ function MultiSelectComboBox(props) {
     placement: "bottom-start",
     middleware
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (rootRef.current) {
       reference(rootRef.current);
     }
   }, [rootRef, reference]);
   const Window = WindowContext.useWindow();
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TokenizedInputBase.TokenizedInputBase, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TokenizedInputBase.TokenizedInputBase,
+      {
         disabled,
         expandButtonRef,
         inputRef: core.useForkRef(inputRef, inputRefProp),
         value,
         helpers: inputHelpers,
         ...restInputProps
-      }),
-      rootRef.current && isListOpen && /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(Window, {
-          style: {
-            top: y != null ? y : 0,
-            left: x != null ? x : 0,
-            position: strategy,
-            maxHeight: maxListHeight != null ? maxListHeight : ""
-          },
-          ...WindowProps,
-          ref: floating,
-          children: /* @__PURE__ */ jsxRuntime.jsx(ListStateContext.ListStateContext.Provider, {
-            value: listContext,
-            children: /* @__PURE__ */ jsxRuntime.jsx(ListBase.ListBase, {
-              ...{
-                ListItem,
-                disabled,
-                itemCount,
-                itemToString,
-                width: listWidth || rootWidth,
-                source,
-                ...restListProps,
-                listRef: setListRef
-              },
-              maxHeight: maxListHeight || listProps.maxHeight
-            })
-          })
-        })
-      })
-    ]
-  });
+      }
+    ),
+    rootRef.current && isListOpen && /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Window,
+      {
+        style: {
+          top: y ?? 0,
+          left: x ?? 0,
+          position: strategy,
+          maxHeight: maxListHeight ?? ""
+        },
+        ...WindowProps,
+        ref: floating,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ListStateContext.ListStateContext.Provider, { value: listContext, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ListBase.ListBase,
+          {
+            ...{
+              ListItem,
+              disabled,
+              itemCount,
+              itemToString,
+              width: listWidth || rootWidth,
+              source,
+              ...restListProps,
+              listRef: setListRef
+            },
+            maxHeight: maxListHeight || listProps.maxHeight
+          }
+        ) })
+      }
+    ) })
+  ] });
 }
 
 exports.MultiSelectComboBox = MultiSelectComboBox;

package/dist-cjs/combo-box-deprecated/internal/MultiSelectComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectComboBox.js","sources":["../src/combo-box-deprecated/internal/MultiSelectComboBox.tsx"],"sourcesContent":["import { flip, limitShift, shift, size } from \"@floating-ui/react\";\nimport { useAriaAnnouncer, useFloatingUI, useForkRef } from \"@salt-ds/core\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Portal } from \"../../portal\";\nimport { ListBase, ListStateContext } from \"../../list-deprecated\";\nimport { TokenizedInputBase, TokenizedInputProps } from \"../../tokenized-input\";\nimport { BaseComboBoxProps } from \"./DefaultComboBox\";\nimport { getAnnouncement } from \"./getAnnouncement\";\nimport { useMultiSelectComboBox } from \"./useMultiSelectComboBox\";\nimport { isDesktop, useWindow } from \"../../window\";\n\nexport type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<\n  Item,\n  \"multiple\"\n> &\n  Pick<\n    TokenizedInputProps<Item>,\n    | \"onFocus\"\n    | \"onBlur\"\n    | \"onInputFocus\"\n    | \"onInputBlur\"\n    | \"onInputChange\"\n    | \"onInputSelect\"\n    | \"stringToItem\"\n  > & {\n    InputProps?: Partial<TokenizedInputProps<Item>>;\n    initialSelectedItem?: Item[];\n    selectedItem?: Item[];\n    multiSelect: true;\n    delimiter?: string | string[];\n  };\n\nexport function MultiSelectComboBox<Item>(\n  props: MultiSelectComboBoxProps<Item>\n) {\n  const {\n    ListItem,\n    WindowProps,\n    rootRef,\n    listRef: listRefProp,\n    rootWidth,\n    listWidth,\n    inputRef: inputRefProp,\n    ...restProps\n  } = props;\n\n  const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const expandButtonRef = useRef(null);\n  const listRef = useRef(null);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { inputRef, listContext, inputProps, listProps, inputHelpers } =\n    useMultiSelectComboBox({\n      ...restProps,\n      expandButtonRef,\n    });\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  useEffect(() => {\n    if (allowAnnouncementRef.current && value && firstItem) {\n      announce(getAnnouncement(itemCount, firstItem));\n    }\n  }, [value, firstItem, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  const Window = useWindow();\n\n  return (\n    <>\n      <TokenizedInputBase\n        disabled={disabled}\n        expandButtonRef={expandButtonRef}\n        inputRef={useForkRef(inputRef, inputRefProp)}\n        value={value}\n        helpers={inputHelpers}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? 0,\n              left: x ?? 0,\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <ListStateContext.Provider value={listContext}>\n              <ListBase\n                {...{\n                  ListItem,\n                  disabled,\n                  itemCount,\n                  itemToString,\n                  width: listWidth || rootWidth,\n                  source,\n                  ...restListProps,\n                  listRef: setListRef,\n                }}\n                maxHeight={maxListHeight || listProps.maxHeight}\n              />\n            </ListStateContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n}\n"],"names":["useAriaAnnouncer","useRef","useForkRef","useMultiSelectComboBox","useEffect","getAnnouncement","useState","isDesktop","flip","shift","limitShift","size","useFloatingUI","useWindow","jsxs","Fragment","jsx","TokenizedInputBase","Portal","ListStateContext","ListBase"],"mappings":"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"}
+{"version":3,"file":"MultiSelectComboBox.js","sources":["../src/combo-box-deprecated/internal/MultiSelectComboBox.tsx"],"sourcesContent":["import { flip, limitShift, shift, size } from \"@floating-ui/react\";\nimport { useFloatingUI, useForkRef } from \"@salt-ds/core\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { ListBase, ListStateContext } from \"../../list-deprecated\";\nimport { Portal } from \"../../portal\";\nimport {\n  TokenizedInputBase,\n  type TokenizedInputProps,\n} from \"../../tokenized-input\";\nimport { isDesktop, useWindow } from \"../../window\";\nimport type { BaseComboBoxProps } from \"./DefaultComboBox\";\nimport { useMultiSelectComboBox } from \"./useMultiSelectComboBox\";\n\nexport type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<\n  Item,\n  \"multiple\"\n> &\n  Pick<\n    TokenizedInputProps<Item>,\n    | \"onFocus\"\n    | \"onBlur\"\n    | \"onInputFocus\"\n    | \"onInputBlur\"\n    | \"onInputChange\"\n    | \"onInputSelect\"\n    | \"stringToItem\"\n  > & {\n    InputProps?: Partial<TokenizedInputProps<Item>>;\n    initialSelectedItem?: Item[];\n    selectedItem?: Item[];\n    multiSelect: true;\n    delimiter?: string | string[];\n  };\n\nexport function MultiSelectComboBox<Item>(\n  props: MultiSelectComboBoxProps<Item>,\n) {\n  const {\n    ListItem,\n    WindowProps,\n    rootRef,\n    listRef: listRefProp,\n    rootWidth,\n    listWidth,\n    inputRef: inputRefProp,\n    ...restProps\n  } = props;\n\n  // const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const expandButtonRef = useRef(null);\n  const listRef = useRef(null);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { inputRef, listContext, inputProps, listProps, inputHelpers } =\n    useMultiSelectComboBox({\n      ...restProps,\n      expandButtonRef,\n    });\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  // const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  // useEffect(() => {\n  //   if (allowAnnouncementRef.current && value && firstItem) {\n  //     announce(getAnnouncement(itemCount, firstItem));\n  //   }\n  // }, [value, firstItem, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined,\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  const Window = useWindow();\n\n  return (\n    <>\n      <TokenizedInputBase\n        disabled={disabled}\n        expandButtonRef={expandButtonRef}\n        inputRef={useForkRef(inputRef, inputRefProp)}\n        value={value}\n        helpers={inputHelpers}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? 0,\n              left: x ?? 0,\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <ListStateContext.Provider value={listContext}>\n              <ListBase\n                {...{\n                  ListItem,\n                  disabled,\n                  itemCount,\n                  itemToString,\n                  width: listWidth || rootWidth,\n                  source,\n                  ...restListProps,\n                  listRef: setListRef,\n                }}\n                maxHeight={maxListHeight || listProps.maxHeight}\n              />\n            </ListStateContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n}\n"],"names":["useRef","useForkRef","useMultiSelectComboBox","useEffect","useState","isDesktop","flip","shift","limitShift","size","useFloatingUI","useWindow","jsxs","Fragment","jsx","TokenizedInputBase","Portal","ListStateContext","ListBase"],"mappings":"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"}

package/dist-cjs/combo-box-deprecated/internal/useComboBox.js

@@ -1,17 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 require('../../list-deprecated/List.js');
 require('../../list-deprecated/ListBase.js');
-require('../../list-deprecated/ListItemBase.js');
 require('../../list-deprecated/ListItem.js');
+require('../../list-deprecated/ListItemBase.js');
 require('../../list-deprecated/ListItemContext.js');
 require('../../list-deprecated/ListStateContext.js');
 var useList = require('../../list-deprecated/useList.js');
-require('../../utils/useFloatingUI.js');
 var defaultItemToString = require('../../tokenized-input/internal/defaultItemToString.js');
 var filterHelpers = require('../filterHelpers.js');
 var usePopperStatus = require('./usePopperStatus.js');
@@ -59,22 +56,22 @@ const useComboBox = (props) => {
     name: "ComboBox",
     state: "inputValue"
   });
-  const [selectionChanged, setSelectionChanged] = React.useState(false);
-  const inputRef = React.useRef(null);
-  const [allowAnnouncement, setAllowAnnouncement] = React.useState(false);
-  const labels = React.useMemo(
+  const [selectionChanged, setSelectionChanged] = react.useState(false);
+  const inputRef = react.useRef(null);
+  const [allowAnnouncement, setAllowAnnouncement] = react.useState(false);
+  const labels = react.useMemo(
     () => sourceProp.map(itemToString),
     [sourceProp, itemToString]
   );
-  const source = React.useMemo(() => {
-    if (inputValue && inputValue.trim().length) {
+  const source = react.useMemo(() => {
+    if (inputValue == null ? void 0 : inputValue.trim().length) {
       const itemFilter = filterHelpers.getDefaultFilter(inputValue, getFilterRegex);
       return sourceProp.filter((item) => itemFilter(itemToString(item)));
     }
     return sourceProp;
   }, [inputValue, sourceProp, getFilterRegex, itemToString]);
-  const itemTextHighlightPattern = React.useMemo(
-    () => inputValue && inputValue.trim().length ? getFilterRegex(inputValue) : void 0,
+  const itemTextHighlightPattern = react.useMemo(
+    () => (inputValue == null ? void 0 : inputValue.trim().length) ? getFilterRegex(inputValue) : void 0,
     [inputValue, getFilterRegex]
   );
   const { focusedRef, state, helpers, listProps } = useList.useList({
@@ -100,15 +97,18 @@ const useComboBox = (props) => {
     onBlur: handleBlurVisible,
     ref: focusVisibleRef
   } = core.useIsFocusVisible();
-  const handleFocusVisibleRef = core.useForkRef(focusVisibleRef, focusedRef);
+  const handleFocusVisibleRef = core.useForkRef(
+    focusVisibleRef,
+    focusedRef
+  );
   const handleInputRef = core.useForkRef(inputRef, handleFocusVisibleRef);
   const { "aria-activedescendant": ariaActiveDescendant, ...restListProps } = listProps;
   const { selectedItem, highlightedIndex } = state;
-  const [quickSelection, setQuickSelection] = React.useState(false);
+  const [quickSelection, setQuickSelection] = react.useState(false);
   const { setFocusVisible, setSelectedItem, setHighlightedIndex } = helpers;
-  const reconcileInput = React.useCallback(() => {
+  const reconcileInput = react.useCallback(() => {
     setInputValue(selectedItem == null ? "" : itemToString(selectedItem));
-  }, [selectedItem, itemToString, setInputValue]);
+  }, [selectedItem, itemToString]);
   const selectInputValue = (event) => {
     const nextIndex = inputValue ? labels.indexOf(inputValue.trim()) : -1;
     const nextItem = nextIndex >= 0 ? sourceProp[nextIndex] : stringToItemProp(inputValue);
@@ -117,19 +117,21 @@ const useComboBox = (props) => {
     }
     if (nextItem !== selectedItem) {
       setSelectedItem(nextItem);
-      onChange && onChange(event, nextItem);
+      onChange == null ? void 0 : onChange(event, nextItem);
     }
   };
   const { isOpen: isListOpen, notifyPopper } = usePopperStatus.usePopperStatus({
     initialOpen
   });
-  React.useEffect(reconcileInput, [reconcileInput]);
-  React.useEffect(() => {
+  react.useEffect(() => {
+    reconcileInput();
+  }, [reconcileInput]);
+  react.useEffect(() => {
     if (!isListOpen) {
       setHighlightedIndex(void 0);
       setQuickSelection(false);
     }
-  }, [isListOpen, setHighlightedIndex, quickSelection]);
+  }, [isListOpen, setHighlightedIndex]);
   const initHighlightedIndex = () => {
     setHighlightedIndex(selectedItem ? source.indexOf(selectedItem) : -1);
   };
@@ -170,14 +172,14 @@ const useComboBox = (props) => {
     setQuickSelection(newValue.length > 0 && !allowFreeText);
     if (newValue.length === 0) {
       setSelectedItem(void 0);
-      onChange && onChange(event, null);
+      onChange == null ? void 0 : onChange(event, null);
     }
     if (inputProps.onChange) {
       inputProps.onChange(event, "");
     }
   };
   const handleInputSelect = (event) => {
-    console.log(`handleInputSelect setSelectionChanged = true`);
+    console.log("handleInputSelect setSelectionChanged = true");
     setSelectionChanged(true);
     if (inputProps.onSelect) {
       inputProps.onSelect(event);
@@ -199,8 +201,8 @@ const useComboBox = (props) => {
   const handleFirstItemSelection = (event) => {
     if (!allowFreeText && event.key === "Enter" && quickSelection) {
       setSelectedItem(source[0]);
-      onSelect && onSelect(event, source[0]);
-      onChange && onChange(event, source[0]);
+      onSelect == null ? void 0 : onSelect(event, source[0]);
+      onChange == null ? void 0 : onChange(event, source[0]);
     }
   };
   const handleKeyDown = (event) => {