impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/Select/menuList.d.ts

@@ -0,0 +1,6 @@
+import { MenuListPropsTyped, SelectMenuListSelectProps } from './Select.types';
+
+export declare const MenuList: (props: MenuListPropsTyped & {
+    selectProps: SelectMenuListSelectProps;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menuList.d.ts.map

package/dist/components/Select/menuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/components/Select/menuList.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAgB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAQlG,eAAO,MAAM,QAAQ,GACnB,OAAO,kBAAkB,GAAG;IAC1B,WAAW,EAAE,yBAAyB,CAAC;CACxC,4CAqIF,CAAC"}

package/dist/components/Select/menuList.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { components } from "react-select";
+import { FixedSizeList } from "react-window";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { Button } from "../Button/index.js";
+import { Loader } from "../Loader/index.js";
+const ShowAllIcon = getAssetUrl("icons/showAll.svg");
+const MenuList = (props) => {
+  const { options, children, maxHeight, selectProps } = props;
+  const { isLoading } = selectProps;
+  const itemHeight = 37;
+  const optionList = options;
+  const [dynamicHeight, setDynamicHeight] = useState(
+    Math.min(optionList.length * itemHeight, maxHeight)
+  );
+  const internalListRef = useRef(null);
+  const highlightedIndex = selectProps.highlightedIndex ?? -1;
+  const listboxId = selectProps.listboxId;
+  useEffect(() => {
+    let calcHeight = optionList.length * itemHeight;
+    if (selectProps.isLoadingMore) {
+      calcHeight += 92;
+    }
+    setDynamicHeight(Math.min(calcHeight, maxHeight));
+  }, [optionList.length, maxHeight, selectProps.isLoadingMore, itemHeight]);
+  useEffect(() => {
+    if (selectProps.listRef && internalListRef.current) {
+      selectProps.listRef.current = internalListRef.current;
+    }
+  });
+  useEffect(() => {
+    if (highlightedIndex >= 0 && internalListRef.current) {
+      internalListRef.current.scrollToItem(highlightedIndex, "smart");
+    }
+  }, [highlightedIndex]);
+  const handleScroll = ({
+    scrollOffset,
+    scrollUpdateWasRequested
+  }) => {
+    if (!internalListRef.current || scrollUpdateWasRequested) return;
+    const totalHeight = optionList.length * itemHeight;
+    if (scrollOffset + dynamicHeight >= totalHeight - 2) {
+      if (typeof selectProps.onMenuScrollToBottom === "function") {
+        selectProps.onMenuScrollToBottom();
+      }
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(components.MenuList, { className: "menulistScroll", ...props, children: /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "ia-select-loading-container", role: "status", children: /* @__PURE__ */ jsx(Loader, { size: "small" }) }) });
+  }
+  if (optionList.length === 0) {
+    return /* @__PURE__ */ jsx(components.MenuList, { className: "menulistScroll", ...props, children: /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "ia-select-no-options-message", role: "status", children: selectProps.noOptionMessage }) });
+  }
+  const childrenArr = Array.isArray(children) ? children : [];
+  const itemCount = selectProps.isLoadingMore ? optionList.length + 1 : optionList.length;
+  const footerMessage = selectProps.showFooterMessage;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { "aria-label": "Options", className: "menulistScroll", id: listboxId, role: "listbox", children: /* @__PURE__ */ jsx(components.MenuList, { className: "menulistScroll", ...props, children: /* @__PURE__ */ jsx(
+      FixedSizeList,
+      {
+        ref: internalListRef,
+        height: dynamicHeight,
+        itemCount,
+        itemSize: itemHeight,
+        width: "100%",
+        onScroll: handleScroll,
+        children: ({ index, style }) => {
+          if (selectProps.isLoadingMore && index === optionList.length) {
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "ia-select-loading-container ia-select-loading-more-container",
+                style,
+                children: /* @__PURE__ */ jsx(Loader, { size: "small" })
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx("div", { style, children: childrenArr[index] });
+        }
+      }
+    ) }) }),
+    selectProps.maxSelectableOptions != null && selectProps.maxSelectableOptions > 0 && optionList.length > 0 && /* @__PURE__ */ jsx("span", { className: "ia-select-max-selectable-options", children: `Maximum ${selectProps.maxSelectableOptions} selections` }),
+    (footerMessage == null ? void 0 : footerMessage.description) && optionList.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ia-select-footer-message", children: [
+      /* @__PURE__ */ jsx("span", { className: "ia-select-max-selectable-options", children: footerMessage.description }),
+      footerMessage.actionButtonText && /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsx("img", { alt: "", src: ShowAllIcon }),
+          iconPlacement: "right",
+          size: "small",
+          type: "default",
+          variant: "url",
+          onClick: (e) => {
+            var _a;
+            e.stopPropagation();
+            (_a = footerMessage.action) == null ? void 0 : _a.call(footerMessage);
+          },
+          children: footerMessage.actionButtonText
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  MenuList
+};

package/dist/components/Select/optionList.d.ts

@@ -0,0 +1,6 @@
+import { OptionPropsTyped, SelectOption } from './Select.types';
+
+export declare const getSelectedChildrenCount: (parent: SelectOption, selectedOptions: SelectOption | SelectOption[] | undefined) => number;
+export declare const areAllChildrenSelected: (option: SelectOption, selectedOptions: SelectOption | SelectOption[] | undefined) => boolean;
+export declare const Option: ({ isDisabled, customOptionProps, ...props }: OptionPropsTyped) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=optionList.d.ts.map

package/dist/components/Select/optionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionList.d.ts","sourceRoot":"","sources":["../../../src/components/Select/optionList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAA6B,MAAM,gBAAgB,CAAC;AAEhG,eAAO,MAAM,wBAAwB,GACnC,QAAQ,YAAY,EACpB,iBAAiB,YAAY,GAAG,YAAY,EAAE,GAAG,SAAS,KACzD,MAIF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,QAAQ,YAAY,EACpB,iBAAiB,YAAY,GAAG,YAAY,EAAE,GAAG,SAAS,KACzD,OAIF,CAAC;AAwCF,eAAO,MAAM,MAAM,GAAI,6CAA6C,gBAAgB,4CAgGnF,CAAC"}

package/dist/components/Select/optionList.js

@@ -0,0 +1,113 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
+import { components } from "react-select";
+import { Checkbox } from "../Checkbox/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+const getSelectedChildrenCount = (parent, selectedOptions) => {
+  var _a;
+  if (!parent.children || !selectedOptions || !Array.isArray(selectedOptions)) return 0;
+  const selectedParent = selectedOptions.find((sel) => sel.value === parent.value);
+  return selectedParent ? ((_a = selectedParent.children) == null ? void 0 : _a.length) ?? 0 : 0;
+};
+const areAllChildrenSelected = (option, selectedOptions) => {
+  var _a;
+  if (!option.children || !selectedOptions || !Array.isArray(selectedOptions)) return false;
+  const selectedParent = selectedOptions.find((sel) => sel.value === option.value);
+  return !!(selectedParent && ((_a = selectedParent.children) == null ? void 0 : _a.length) === option.children.length);
+};
+const OverflowTooltipLabel = ({ text, popperProps }) => {
+  const labelRef = useRef(null);
+  const [isOverflowed, setIsOverflowed] = useState(false);
+  const checkOverflow = () => {
+    const el = labelRef.current;
+    if (!el) return;
+    setIsOverflowed(el.scrollWidth > el.clientWidth);
+  };
+  useEffect(() => {
+    checkOverflow();
+  }, [text]);
+  useEffect(() => {
+    window.addEventListener("resize", checkOverflow);
+    return () => {
+      window.removeEventListener("resize", checkOverflow);
+    };
+  }, []);
+  const content = /* @__PURE__ */ jsx("span", { ref: labelRef, children: text });
+  return isOverflowed ? /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      className: "select-tooltip",
+      orientation: "right",
+      PopperProps: popperProps,
+      title: text,
+      variant: "tertiary",
+      children: content
+    }
+  ) : content;
+};
+const Option = ({ isDisabled, customOptionProps, ...props }) => {
+  const { data, isSelected, selectedOptions } = props;
+  const resolveComponent = () => {
+    if (props.isMulti) {
+      const hasChildren = !!(data.children && data.children.length > 0);
+      const selectedCount = hasChildren ? getSelectedChildrenCount(data, selectedOptions) : 0;
+      const allChildrenSelected = hasChildren ? areAllChildrenSelected(data, selectedOptions) : false;
+      const popperProps = {
+        modifiers: [{ name: "offset", options: { offset: [0, 18] } }]
+      };
+      return /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: isSelected,
+          disabled: isDisabled,
+          label: /* @__PURE__ */ jsx("div", { className: "select-label-with-icon", children: data.children ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(OverflowTooltipLabel, { popperProps, text: data.label }),
+            hasChildren && selectedCount > 0 && /* @__PURE__ */ jsxs("span", { className: "selected-children-count", children: [
+              "(",
+              selectedCount,
+              ")"
+            ] })
+          ] }) : /* @__PURE__ */ jsx(OverflowTooltipLabel, { popperProps, text: data.label }) }),
+          variant: hasChildren && selectedCount > 0 && !allChildrenSelected ? "dashed" : "default",
+          withoutFormLabel: true,
+          onChange: () => null
+        }
+      );
+    } else {
+      const isParentSelected = data.children && data.children.some(
+        (child) => selectedOptions && !Array.isArray(selectedOptions) && selectedOptions.value === child.value
+      );
+      const isOptionSelected = isSelected || isParentSelected;
+      const popperProps = {
+        modifiers: [{ name: "offset", options: { offset: [0, 15] } }]
+      };
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `select-label-with-icon ${isOptionSelected ? "selected" : ""} ${isDisabled ? "disabled" : ""}`,
+          children: data.children ? /* @__PURE__ */ jsx(OverflowTooltipLabel, { popperProps, text: data.label }) : /* @__PURE__ */ jsx(OverflowTooltipLabel, { popperProps, text: data.label })
+        }
+      );
+    }
+  };
+  const renderOption = () => /* @__PURE__ */ jsx(components.Option, { ...props, isDisabled: !!isDisabled, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `select-option-content ${props.isSelected || data.children && data.children.some(
+        (child) => selectedOptions && !Array.isArray(selectedOptions) && selectedOptions.value === child.value
+      ) ? "selected" : ""}`,
+      ...customOptionProps ?? {},
+      children: [
+        resolveComponent(),
+        data.children && data.children.length > 0 && /* @__PURE__ */ jsx(default_1, { className: "select-submenu-chevron" })
+      ]
+    }
+  ) });
+  return renderOption();
+};
+export {
+  Option,
+  areAllChildrenSelected,
+  getSelectedChildrenCount
+};

package/dist/components/Select/selected-option-tags.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { SelectedOptionsTagsProps, SelectedOptionsTagListProps } from './Select.types';
+
+export declare const SelectedOptionsTags: ({ selectedOptions, onChange }: SelectedOptionsTagsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectedOptionsTagList: React.ForwardRefExoticComponent<SelectedOptionsTagListProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=selected-option-tags.d.ts.map

package/dist/components/Select/selected-option-tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected-option-tags.d.ts","sourceRoot":"","sources":["../../../src/components/Select/selected-option-tags.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAE5B,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,mBAAmB,GAAI,+BAA+B,wBAAwB,4CA+C1F,CAAC;AAEF,eAAO,MAAM,sBAAsB,oGAwBlC,CAAC"}

package/dist/components/Select/selected-option-tags.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useRef, useState, forwardRef } from "react";
+import { Tag } from "../Tag/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+const SelectedOptionsTags = ({ selectedOptions, onChange }) => {
+  const optionListTagRef = useRef(null);
+  const [isSelectedOptionsTagListOpen, setSelectedOptionsTagListOpen] = useState(false);
+  const handleOptionTagRemove = (option) => {
+    const updatedOptions = selectedOptions.filter((op) => op.value === option.value);
+    onChange(updatedOptions);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "select-options-tag-group", children: selectedOptions.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    selectedOptions.slice(0, 3).map((option, index) => /* @__PURE__ */ jsx(
+      SelectedOptionTag,
+      {
+        label: option.label,
+        orientation: "bottom",
+        onClose: () => {
+          handleOptionTagRemove(option);
+        }
+      },
+      index
+    )),
+    selectedOptions.length > 3 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { ref: optionListTagRef, className: "tag-group-open", children: /* @__PURE__ */ jsx(
+        Tag,
+        {
+          label: /* @__PURE__ */ jsx("span", { className: "tag-group-more" }),
+          size: "small",
+          onClick: () => {
+            setSelectedOptionsTagListOpen((prevState) => !prevState);
+          }
+        }
+      ) }),
+      isSelectedOptionsTagListOpen && /* @__PURE__ */ jsx(
+        SelectedOptionsTagList,
+        {
+          ref: optionListTagRef,
+          handleOptionTagRemove,
+          selectedOptions
+        }
+      )
+    ] })
+  ] }) : null });
+};
+const SelectedOptionsTagList = forwardRef(
+  ({ selectedOptions, handleOptionTagRemove }, ref) => {
+    var _a, _b;
+    const divRef = ref;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "select-options-tag-list",
+        style: {
+          top: (((_a = divRef.current) == null ? void 0 : _a.offsetTop) ?? 0) + 25,
+          left: ((_b = divRef.current) == null ? void 0 : _b.offsetLeft) ?? 0
+        },
+        children: selectedOptions.slice(3).map((option, index) => /* @__PURE__ */ jsx(
+          SelectedOptionTag,
+          {
+            label: option.label,
+            orientation: "right",
+            onClose: () => {
+              handleOptionTagRemove(option);
+            }
+          },
+          index
+        ))
+      }
+    );
+  }
+);
+SelectedOptionsTagList.displayName = "SelectedOptionsTagList";
+const SelectedOptionTag = ({ orientation, onClose, label }) => {
+  return /* @__PURE__ */ jsx(Tooltip, { orientation, title: label, variant: "tertiary", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Tag, { isRemovable: true, label, size: "small", onDelete: onClose }) }) });
+};
+export {
+  SelectedOptionsTagList,
+  SelectedOptionsTags
+};

package/dist/components/Select/utils.d.ts

@@ -0,0 +1,16 @@
+import { SelectOption, SelectSelectionLabels, HandleSearchParams, HandleSelectAllParams, HandleClearAllParams, HandleDropdownCloseParams, HandleDropdownOpenParams, HandleSelectAllWhenCompLoadsParams } from './Select.types';
+
+export declare const handleSearch: ({ event, externalOnSearch, initialOptions, setCurrentOptions, setSearchTerm, }: HandleSearchParams) => void;
+export declare const handleSelectAll: ({ event, externalOnSelectAll, setIsSelectAll, currentOptions, selectedOptions, setSelectedOptions, handleSelect, }: HandleSelectAllParams) => void;
+export declare const handleSelectAllWhenCompLoads: ({ currentOptions, selectedOptions, setSelectedOptions, }: HandleSelectAllWhenCompLoadsParams) => void;
+export declare const handleClearAll: ({ externalOnClearAll, setSelectedOptions, setIsSelectAll, handleSelect, syncParentChildSelection, }: HandleClearAllParams) => void;
+export declare const handleDropdownClose: ({ externalOnDropdownClose, setCurrentOptions, initialOptions, currentOptions, setIsOpen, onBlur, event, }: HandleDropdownCloseParams) => void;
+export declare const handleDropdownOpen: ({ externalOnDropdownOpen, isOpen, setIsOpen, }: HandleDropdownOpenParams) => void;
+export declare const getPlaceholder: (isMulti: boolean | undefined, selectedOptions: SelectOption | SelectOption[] | undefined, placeholder: string | undefined, customPlaceholderAfterSelect?: string | number | null, selectionLabels?: SelectSelectionLabels) => string;
+export declare const onKeyDown: ({ e, focusedIndex, currentOptions, }: {
+    e: React.KeyboardEvent;
+    focusedIndex: React.MutableRefObject<number>;
+    currentOptions: SelectOption[];
+}) => void;
+export declare const flattenOptions: (options: SelectOption[] | undefined) => SelectOption[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/Select/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Select/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,EACxB,kCAAkC,EACnC,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,YAAY,GAAI,gFAM1B,kBAAkB,KAAG,IAsBvB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,oHAQ7B,qBAAqB,KAAG,IAqB1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,0DAI1C,kCAAkC,KAAG,IASvC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,qGAM5B,oBAAoB,KAAG,IASzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,2GAQjC,yBAAyB,KAAG,IAU9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gDAIhC,wBAAwB,KAAG,IAO7B,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,SAAS,OAAO,GAAG,SAAS,EAC5B,iBAAiB,YAAY,GAAG,YAAY,EAAE,GAAG,SAAS,EAC1D,aAAa,MAAM,GAAG,SAAS,EAC/B,+BAA8B,MAAM,GAAG,MAAM,GAAG,IAAW,EAC3D,kBAAiB,qBAA0B,KAC1C,MAYF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,sCAIvB;IACD,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,YAAY,EAAE,CAAC;CAChC,KAAG,IA0BH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,YAAY,EAAE,GAAG,SAAS,KAAG,YAAY,EAQhF,CAAC"}

package/dist/components/Select/utils.js

@@ -0,0 +1,95 @@
+const handleSearch = ({
+  event,
+  externalOnSearch,
+  initialOptions,
+  setCurrentOptions,
+  setSearchTerm
+}) => {
+  setSearchTerm(event.target.value);
+  if (externalOnSearch) {
+    externalOnSearch(event);
+  } else {
+    const options = [...initialOptions];
+    const searchTerms = event.target.value.trim().split(",").filter((item) => item !== "");
+    if (searchTerms.length > 0) {
+      const searchResults = options.filter(
+        (option) => searchTerms.some(
+          (term) => option.label.toString().toLowerCase().includes(term.toLowerCase().trim())
+        )
+      );
+      setCurrentOptions([...searchResults]);
+    } else {
+      setCurrentOptions(initialOptions);
+    }
+  }
+};
+const handleSelectAllWhenCompLoads = ({
+  currentOptions,
+  selectedOptions,
+  setSelectedOptions
+}) => {
+  const restCurrentOptions = currentOptions.filter(
+    (option) => !selectedOptions.find(
+      (selectedOption) => selectedOption.label === option.label && option.value === selectedOption.value
+    )
+  );
+  setSelectedOptions([...selectedOptions, ...restCurrentOptions]);
+};
+const handleDropdownClose = ({
+  externalOnDropdownClose,
+  setCurrentOptions,
+  initialOptions,
+  currentOptions,
+  setIsOpen,
+  onBlur,
+  event
+}) => {
+  setIsOpen(false);
+  if (onBlur && event) {
+    onBlur(event);
+  }
+  if (externalOnDropdownClose) {
+    externalOnDropdownClose();
+  } else {
+    setCurrentOptions(initialOptions.length > 0 ? initialOptions : currentOptions);
+  }
+};
+const handleDropdownOpen = ({
+  externalOnDropdownOpen,
+  isOpen,
+  setIsOpen
+}) => {
+  if (externalOnDropdownOpen) {
+    externalOnDropdownOpen();
+    setIsOpen(!isOpen);
+  } else {
+    setIsOpen(!isOpen);
+  }
+};
+const getPlaceholder = (isMulti, selectedOptions, placeholder, customPlaceholderAfterSelect = null, selectionLabels = {}) => {
+  var _a;
+  if (!isMulti && Object.entries(selectedOptions ?? {}).length > 0) {
+    const single = selectedOptions;
+    return typeof single.value !== "undefined" ? single.label : placeholder ?? "";
+  } else if (isMulti && Array.isArray(selectedOptions) && selectedOptions.length > 0) {
+    return selectedOptions.length === 1 ? ((_a = selectedOptions[0]) == null ? void 0 : _a.label) ?? placeholder ?? "" : `${selectionLabels.selected ?? "Selected"} (${customPlaceholderAfterSelect ?? selectedOptions.length})`;
+  }
+  return placeholder ?? "";
+};
+const flattenOptions = (options) => {
+  if (!options || !Array.isArray(options)) return [];
+  return options.reduce((flatOptions, option) => {
+    if (option.options) {
+      return [...flatOptions, ...option.options];
+    }
+    return [...flatOptions, option];
+  }, []);
+};
+export {
+  flattenOptions,
+  getPlaceholder,
+  handleDropdownClose,
+  handleDropdownOpen,
+  handleSearch,
+  handleSelectAllWhenCompLoads
+};

package/dist/components/Shortcuts/ShortcutContext.d.ts

@@ -0,0 +1,3 @@
+/** Carries the current shortcut scope name for nested `useShortcut` calls. */
+export declare const ShortcutScopeContext: import('react').Context<string>;
+//# sourceMappingURL=ShortcutContext.d.ts.map

package/dist/components/Shortcuts/ShortcutContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutContext.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/ShortcutContext.ts"],"names":[],"mappings":"AAEA,8EAA8E;AAC9E,eAAO,MAAM,oBAAoB,iCAA0B,CAAC"}

package/dist/components/Shortcuts/ShortcutContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const ShortcutScopeContext = createContext("global");
+export {
+  ShortcutScopeContext
+};

package/dist/components/Shortcuts/ShortcutHint.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+
+export interface ShortcutHintProps {
+    keys: string;
+    style?: CSSProperties;
+    className?: string;
+}
+export declare function ShortcutHint({ keys, style, className }: ShortcutHintProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShortcutHint.d.ts.map

package/dist/components/Shortcuts/ShortcutHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutHint.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/ShortcutHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAoB3C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAYzE"}

package/dist/components/Shortcuts/ShortcutHint.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { formatShortcutDisplay } from "../../utils/shortcuts/format.js";
+const defaultStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "2px",
+  padding: "2px 6px",
+  borderRadius: "4px",
+  fontSize: "12px",
+  lineHeight: "16px",
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontWeight: 500,
+  color: "var(--shortcut-hint-color, #6b7280)",
+  backgroundColor: "var(--shortcut-hint-bg, #f3f4f6)",
+  border: "1px solid var(--shortcut-hint-border, #e5e7eb)",
+  whiteSpace: "nowrap",
+  userSelect: "none"
+};
+function ShortcutHint({ keys, style, className }) {
+  const display = formatShortcutDisplay(keys);
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "aria-label": `Keyboard shortcut: ${display}`,
+      className,
+      style: { ...defaultStyle, ...style },
+      children: display
+    }
+  );
+}
+export {
+  ShortcutHint
+};

package/dist/components/Shortcuts/ShortcutScope.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+export interface ShortcutScopeProps {
+    name: string;
+    active?: boolean;
+    children: ReactNode;
+}
+export declare function ShortcutScope({ name, active, children }: ShortcutScopeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShortcutScope.d.ts.map

package/dist/components/Shortcuts/ShortcutScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutScope.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/ShortcutScope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,MAAa,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAIlF"}

package/dist/components/Shortcuts/ShortcutScope.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { ShortcutScopeContext } from "./ShortcutContext.js";
+import { useShortcutScope } from "./useShortcutScope.js";
+function ShortcutScope({ name, active = true, children }) {
+  useShortcutScope(name, active);
+  return /* @__PURE__ */ jsx(ShortcutScopeContext.Provider, { value: name, children });
+}
+export {
+  ShortcutScope
+};

package/dist/components/Shortcuts/ShortcutsConfigContext.d.ts

@@ -0,0 +1,7 @@
+export interface ShortcutsConfig {
+    enabled: boolean;
+    namespaces: string[] | null;
+}
+/** Default: impact-ui namespaced shortcuts are off until ShortcutsProvider opts in. */
+export declare const ShortcutsConfigContext: import('react').Context<ShortcutsConfig>;
+//# sourceMappingURL=ShortcutsConfigContext.d.ts.map

package/dist/components/Shortcuts/ShortcutsConfigContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutsConfigContext.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/ShortcutsConfigContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAC7B;AAED,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,0CAGjC,CAAC"}

package/dist/components/Shortcuts/ShortcutsConfigContext.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+const ShortcutsConfigContext = createContext({
+  enabled: false,
+  namespaces: null
+});
+export {
+  ShortcutsConfigContext
+};

package/dist/components/Shortcuts/ShortcutsProvider.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+export interface ShortcutsProviderProps {
+    /** false = off; true = all namespaces; string[] = allow-list */
+    enabled?: boolean | string[];
+    children: ReactNode;
+}
+export declare function ShortcutsProvider({ enabled, children }: ShortcutsProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShortcutsProvider.d.ts.map

package/dist/components/Shortcuts/ShortcutsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/ShortcutsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,MAAM,WAAW,sBAAsB;IACrC,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAe,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CActF"}

package/dist/components/Shortcuts/ShortcutsProvider.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ShortcutsConfigContext } from "./ShortcutsConfigContext.js";
+function ShortcutsProvider({ enabled = false, children }) {
+  const value = useMemo(() => {
+    if (!enabled) {
+      return { enabled: false, namespaces: null };
+    }
+    if (Array.isArray(enabled)) {
+      return { enabled: true, namespaces: enabled };
+    }
+    return { enabled: true, namespaces: null };
+  }, [Array.isArray(enabled) ? enabled.join(",") : enabled]);
+  return /* @__PURE__ */ jsx(ShortcutsConfigContext.Provider, { value, children });
+}
+export {
+  ShortcutsProvider
+};

package/dist/components/Shortcuts/index.d.ts

@@ -0,0 +1,13 @@
+export { ShortcutScope } from './ShortcutScope';
+export type { ShortcutScopeProps } from './ShortcutScope';
+export { ShortcutHint } from './ShortcutHint';
+export type { ShortcutHintProps } from './ShortcutHint';
+export { ShortcutsProvider } from './ShortcutsProvider';
+export type { ShortcutsProviderProps } from './ShortcutsProvider';
+export { ShortcutsConfigContext } from './ShortcutsConfigContext';
+export type { ShortcutsConfig } from './ShortcutsConfigContext';
+export { ShortcutScopeContext } from './ShortcutContext';
+export { useShortcut } from './useShortcut';
+export { useShortcutScope } from './useShortcutScope';
+export { ShortcutManager, formatShortcutDisplay, parseShortcutString, normalizeKey, normalizeShortcutString, isMac, } from '../../utils/shortcuts';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Shortcuts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,uBAAuB,EACvB,KAAK,GACN,MAAM,mBAAmB,CAAC"}

package/dist/components/Shortcuts/useShortcut.d.ts

@@ -0,0 +1,6 @@
+import { ShortcutBinding } from '../../utils/shortcuts';
+
+type SharedOptions = Omit<ShortcutBinding, 'keys' | 'handler'>;
+export declare function useShortcut(keysOrBindings: string | ShortcutBinding[], handlerOrShared?: ((event: KeyboardEvent) => void) | SharedOptions, singleOptions?: SharedOptions): void;
+export {};
+//# sourceMappingURL=useShortcut.d.ts.map

package/dist/components/Shortcuts/useShortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/useShortcut.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,KAAK,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAY/D,wBAAgB,WAAW,CACzB,cAAc,EAAE,MAAM,GAAG,eAAe,EAAE,EAC1C,eAAe,GAAE,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,GAAG,aAAkB,EACtE,aAAa,GAAE,aAAkB,GAChC,IAAI,CAuGN"}