impact-ui 4.0.6 → 4.0.7-alpha.1

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

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

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

package/dist/components/Select/menuList.js

@@ -1,118 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useMemo, useRef, useEffect } from "react";
-import { ShowAll as ShowAll_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
-import { components } from "react-select";
-import { FixedSizeList } from "react-window";
-import { Button } from "../Button/index.js";
-import { Loader } from "../Loader/index.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
-const MenuList = (props) => {
-  var _a;
-  const { t } = useTranslation();
-  const { options, children, maxHeight, selectProps } = props;
-  const { isLoading } = selectProps;
-  const itemHeight = 37;
-  const optionList = options;
-  const dynamicHeight = useMemo(() => {
-    let calcHeight = options.length * itemHeight;
-    if (props.selectProps.isLoadingMore) {
-      calcHeight += 92;
-    }
-    return Math.min(calcHeight, maxHeight);
-  }, [options.length, props.selectProps.isLoadingMore, maxHeight]);
-  const internalListRef = useRef(null);
-  const highlightedIndex = selectProps.highlightedIndex ?? -1;
-  const isKeyboardNav = props.selectProps.isKeyboardNav;
-  const listboxId = selectProps.listboxId;
-  useEffect(() => {
-    if (selectProps.listRef && internalListRef.current) {
-      selectProps.listRef.current = internalListRef.current;
-    }
-  });
-  useEffect(() => {
-    if (isKeyboardNav && highlightedIndex >= 0 && internalListRef.current) {
-      internalListRef.current.scrollToItem(highlightedIndex, "smart");
-    }
-  }, [isKeyboardNav, 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;
-  const hasFooter = !!((props.selectProps.maxSelectableOptions || ((_a = props.selectProps.showFooterMessage) == null ? void 0 : _a.description)) && options.length > 0);
-  const menuListClass = `menulistScroll${hasFooter ? " has-footer" : ""}`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-label": t("select.ariaOptions"),
-        className: "menulistScroll",
-        id: listboxId,
-        role: "listbox",
-        children: /* @__PURE__ */ jsx(components.MenuList, { className: menuListClass, ...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(ShowAll_default, { height: 16, width: 16 }),
-          iconPlacement: "right",
-          size: "small",
-          type: "default",
-          variant: "url",
-          onClick: (e) => {
-            var _a2;
-            e.stopPropagation();
-            (_a2 = footerMessage.action) == null ? void 0 : _a2.call(footerMessage);
-          },
-          children: footerMessage.actionButtonText
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  MenuList
-};

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

@@ -1,6 +0,0 @@
-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: ({ isLoadingOption, isDisabled, customOptionProps, ...props }: OptionPropsTyped) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=optionList.d.ts.map

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

@@ -1 +0,0 @@
-{"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,8DAKpB,gBAAgB,4CAwHlB,CAAC"}

package/dist/components/Select/optionList.js

@@ -1,140 +0,0 @@
-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 = ({
-  isLoadingOption,
-  isDisabled,
-  customOptionProps,
-  ...props
-}) => {
-  const { data, isSelected, selectedOptions } = props;
-  const resolveComponent = () => {
-    if (props.isMulti) {
-      const hasChildren2 = !!(data.children && data.children.length > 0);
-      const selectedCount = hasChildren2 ? getSelectedChildrenCount(data, selectedOptions) : 0;
-      const allChildrenSelected = hasChildren2 ? areAllChildrenSelected(data, selectedOptions) : false;
-      const popperProps = {
-        modifiers: [{ name: "offset", options: { offset: [0, 18] } }]
-      };
-      return /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          checked: isSelected,
-          disabled: isLoadingOption || isDisabled,
-          label: /* @__PURE__ */ jsx("div", { className: "select-label-with-icon", children: data.children ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(OverflowTooltipLabel, { popperProps, text: data.label }),
-            hasChildren2 && selectedCount > 0 && /* @__PURE__ */ jsxs("span", { className: "selected-children-count", children: [
-              "(",
-              selectedCount,
-              ")"
-            ] })
-          ] }) : /* @__PURE__ */ jsx(OverflowTooltipLabel, { popperProps, text: data.label }) }),
-          variant: hasChildren2 && 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 selectProps = props.selectProps;
-  const optionIndex = selectProps.options ? selectProps.options.findIndex((o) => o.value === data.value) : -1;
-  const listboxId = selectProps.listboxId || "ia-select-listbox";
-  const hasChildren = !!(data.children && data.children.length > 0);
-  const renderOption = () => {
-    var _a;
-    return /* @__PURE__ */ jsx(components.Option, { ...props, isDisabled: !!isDisabled, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "aria-expanded": hasChildren ? ((_a = selectProps.submenuParent) == null ? void 0 : _a.value) === data.value : void 0,
-        "aria-selected": !!isSelected,
-        className: `select-option-content ${props.isSelected || data.children && data.children.some(
-          (child) => selectedOptions && !Array.isArray(selectedOptions) && selectedOptions.value === child.value
-        ) ? "selected" : ""}`,
-        id: `${listboxId}-option-${optionIndex}`,
-        role: "option",
-        ...customOptionProps ?? {},
-        onMouseEnter: (e) => {
-          if (typeof selectProps.setHighlightedIndex === "function") {
-            selectProps.setHighlightedIndex(optionIndex);
-          }
-          if (typeof selectProps.setIsKeyboardNav === "function") {
-            selectProps.setIsKeyboardNav(false);
-          }
-          if (typeof customOptionProps.onMouseEnter === "function") {
-            customOptionProps.onMouseEnter(e);
-          }
-        },
-        children: [
-          resolveComponent(),
-          hasChildren && /* @__PURE__ */ jsx(default_1, { className: "select-submenu-chevron" })
-        ]
-      }
-    ) });
-  };
-  return renderOption();
-};
-export {
-  Option,
-  areAllChildrenSelected,
-  getSelectedChildrenCount
-};

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

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

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

@@ -1,80 +0,0 @@
-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, { isHoverEnabled: true, orientation, title: label, variant: "primary", 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

@@ -1,16 +0,0 @@
-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, t?: (key: string) => string) => 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

@@ -1 +0,0 @@
-{"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,EAC3C,IAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAqE,KACxF,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

@@ -1,95 +0,0 @@
-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 = {}, t = (key) => key === "select.selectedLabel" ? "Selected" : key) => {
-  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 ?? t("select.selectedLabel")} (${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

@@ -1,3 +0,0 @@
-/** 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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