impact-ui 4.0.0-alpha.2 → 4.0.0-alpha.21

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

@@ -1,11 +1,6 @@
-import { MenuListPropsTyped } from './Select.types';
+import { MenuListPropsTyped, SelectMenuListSelectProps } from './Select.types';
 
 export declare const MenuList: (props: MenuListPropsTyped & {
-    selectProps: {
-        onMenuScrollToBottom?: () => void;
-        noOptionMessage?: string;
-        maxSelectableOptions?: number;
-        isLoading?: boolean;
-    };
+    selectProps: SelectMenuListSelectProps;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=menuList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/components/Select/menuList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,gBAAgB,CAAC;AAEvE,eAAO,MAAM,QAAQ,GACnB,OAAO,kBAAkB,GAAG;IAC1B,WAAW,EAAE;QACX,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;QAClC,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH,4CA2EF,CAAC"}
+{"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

@@ -1,26 +1,45 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { FixedSizeList } from "../../node_modules/react-window/dist/index.esm.js";
+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";
-import { c as components } from "../../node_modules/react-select/dist/index-641ee5b8.esm.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(options.length * itemHeight, maxHeight)
+    Math.min(optionList.length * itemHeight, maxHeight)
   );
-  const listRef = useRef(null);
+  const internalListRef = useRef(null);
+  const highlightedIndex = selectProps.highlightedIndex ?? -1;
+  const listboxId = selectProps.listboxId;
   useEffect(() => {
-    const newHeight = Math.min(options.length * itemHeight, maxHeight);
-    setDynamicHeight(newHeight);
-  }, [options, maxHeight]);
+    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 (!listRef.current || scrollUpdateWasRequested) return;
-    const totalHeight = options.length * itemHeight;
+    if (!internalListRef.current || scrollUpdateWasRequested) return;
+    const totalHeight = optionList.length * itemHeight;
     if (scrollOffset + dynamicHeight >= totalHeight - 2) {
       if (typeof selectProps.onMenuScrollToBottom === "function") {
         selectProps.onMenuScrollToBottom();
@@ -28,26 +47,59 @@ const MenuList = (props) => {
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx(components.MenuList, { className: "menulistScroll", ...props, children: /* @__PURE__ */ jsx("div", { className: "ia-select-loading-container", children: /* @__PURE__ */ jsx(Loader, { size: "small" }) }) });
+    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 (options.length === 0) {
-    return /* @__PURE__ */ jsx(components.MenuList, { className: "menulistScroll", ...props, children: /* @__PURE__ */ jsx("div", { className: "ia-select-no-options-message", children: selectProps.noOptionMessage }) });
+  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(components.MenuList, { className: "menulistScroll", ...props, children: /* @__PURE__ */ jsx(
+    /* @__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: listRef,
+        ref: internalListRef,
         height: dynamicHeight,
-        itemCount: options.length,
+        itemCount,
         itemSize: itemHeight,
         width: "100%",
         onScroll: handleScroll,
-        children: ({ index, style }) => /* @__PURE__ */ jsx("div", { style, children: childrenArr[index] })
+        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 !== void 0 && options.length > 0 && /* @__PURE__ */ jsx("span", { className: "ia-select-max-selectable-options", children: `Maximum ${selectProps.maxSelectableOptions} selections` })
+    ) }) }),
+    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 {

package/dist/components/Select/optionList.js

@@ -1,9 +1,9 @@
 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";
-import { c as components } from "../../node_modules/react-select/dist/index-641ee5b8.esm.js";
 const getSelectedChildrenCount = (parent, selectedOptions) => {
   var _a;
   if (!parent.children || !selectedOptions || !Array.isArray(selectedOptions)) return 0;

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

@@ -1,4 +1,4 @@
-import { SelectOption, HandleSearchParams, HandleSelectAllParams, HandleClearAllParams, HandleDropdownCloseParams, HandleDropdownOpenParams, HandleSelectAllWhenCompLoadsParams } from './Select.types';
+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;
@@ -6,7 +6,7 @@ export declare const handleSelectAllWhenCompLoads: ({ currentOptions, selectedOp
 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) => string;
+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>;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Select/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,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,KAC1D,MAUF,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"}
+{"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

@@ -66,44 +66,16 @@ const handleDropdownOpen = ({
     setIsOpen(!isOpen);
   }
 };
-const getPlaceholder = (isMulti, selectedOptions, placeholder, customPlaceholderAfterSelect = null) => {
+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 ?? "" : `Selected (${customPlaceholderAfterSelect ?? selectedOptions.length})`;
+    return selectedOptions.length === 1 ? ((_a = selectedOptions[0]) == null ? void 0 : _a.label) ?? placeholder ?? "" : `${selectionLabels.selected ?? "Selected"} (${customPlaceholderAfterSelect ?? selectedOptions.length})`;
   }
   return placeholder ?? "";
 };
-const onKeyDown = ({
-  e,
-  focusedIndex,
-  currentOptions
-}) => {
-  const searchResults = Array.from(document.getElementsByClassName("menulistScroll"));
-  if (e.keyCode === 40 && focusedIndex.current + 1 < currentOptions.length) {
-    focusedIndex.current = focusedIndex.current + 1;
-  }
-  if (e.keyCode === 38 && focusedIndex.current - 1 >= 0) {
-    focusedIndex.current = focusedIndex.current - 1;
-  }
-  searchResults.forEach((element, index) => {
-    const classList = element.classList.value;
-    if (index === focusedIndex.current) {
-      element.className = "multi-select__option--is-focused " + classList;
-    } else {
-      element.classList.remove("multi-select__option--is-focused");
-    }
-  });
-  if (e.keyCode === 13 && searchResults.length > 0) {
-    if (focusedIndex.current > 0) {
-      searchResults[focusedIndex.current].click();
-    } else if (focusedIndex.current === 0) {
-      searchResults[0].click();
-    }
-  }
-};
 const flattenOptions = (options) => {
   if (!options || !Array.isArray(options)) return [];
   return options.reduce((flatOptions, option) => {
@@ -119,6 +91,5 @@ export {
   handleDropdownClose,
   handleDropdownOpen,
   handleSearch,
-  handleSelectAllWhenCompLoads,
-  onKeyDown
+  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"}

package/dist/components/Shortcuts/useShortcut.js

@@ -0,0 +1,92 @@
+import { useContext, useRef, useEffect } from "react";
+import { ShortcutManager } from "../../utils/shortcuts/ShortcutManager.js";
+import { ShortcutScopeContext } from "./ShortcutContext.js";
+import { ShortcutsConfigContext } from "./ShortcutsConfigContext.js";
+function isNamespaceAllowed(ns, config) {
+  if (!ns) return true;
+  if (!config.enabled) return false;
+  if (!config.namespaces) return true;
+  return config.namespaces.includes(ns);
+}
+function useShortcut(keysOrBindings, handlerOrShared = {}, singleOptions = {}) {
+  const contextScope = useContext(ShortcutScopeContext);
+  const config = useContext(ShortcutsConfigContext);
+  const isArrayMode = Array.isArray(keysOrBindings);
+  const bindings = isArrayMode ? keysOrBindings : [
+    {
+      keys: keysOrBindings,
+      handler: handlerOrShared,
+      ...singleOptions
+    }
+  ];
+  const shared = isArrayMode ? handlerOrShared : {};
+  const stableIdsRef = useRef(null);
+  if (stableIdsRef.current === null) {
+    stableIdsRef.current = bindings.map((b) => {
+      const scope = b.scope ?? shared.scope ?? contextScope;
+      return b.id ?? `${scope}::${b.keys}`;
+    });
+  }
+  const handlersRef = useRef([]);
+  bindings.forEach((b, i) => {
+    handlersRef.current[i] = b.handler;
+  });
+  const configKey = config.enabled ? config.namespaces ? config.namespaces.join(",") : "all" : "off";
+  const depsKey = bindings.map((b) => {
+    const merged = { ...shared, ...b };
+    return [
+      b.keys,
+      merged.scope ?? contextScope,
+      merged.namespace ?? "",
+      merged.enabled ?? true,
+      merged.allowInInput ?? false,
+      merged.priority ?? 0,
+      merged.description ?? "",
+      merged.preventDefault ?? true
+    ].join("|");
+  }).join("||") + "||config:" + configKey;
+  useEffect(() => {
+    const manager = ShortcutManager.getInstance();
+    const ids = stableIdsRef.current;
+    const registered = [];
+    bindings.forEach((b, i) => {
+      const merged = { ...shared, ...b };
+      const {
+        keys,
+        namespace,
+        scope = contextScope,
+        enabled = true,
+        allowInInput = false,
+        priority = 0,
+        description = "",
+        preventDefault = true
+      } = merged;
+      if (!enabled) return;
+      if (!isNamespaceAllowed(namespace, config)) return;
+      const id = ids[i];
+      const handler = handlersRef.current[i];
+      if (!id || !handler) return;
+      manager.register({
+        id,
+        keys,
+        handler: (e) => {
+          handler(e);
+        },
+        scope,
+        priority,
+        allowInInput,
+        description,
+        preventDefault
+      });
+      registered.push(id);
+    });
+    return () => {
+      registered.forEach((id) => {
+        manager.unregister(id);
+      });
+    };
+  }, [depsKey, contextScope]);
+}
+export {
+  useShortcut
+};

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

@@ -0,0 +1,5 @@
+export declare function useShortcutScope(name: string, active?: boolean): {
+    enable: () => void;
+    disable: () => void;
+};
+//# sourceMappingURL=useShortcutScope.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcutScope.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/useShortcutScope.ts"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,UAAO;;;EAwB3D"}

package/dist/components/Shortcuts/useShortcutScope.js

@@ -0,0 +1,25 @@
+import { useEffect, useCallback } from "react";
+import { ShortcutManager } from "../../utils/shortcuts/ShortcutManager.js";
+function useShortcutScope(name, active = true) {
+  useEffect(() => {
+    const manager = ShortcutManager.getInstance();
+    if (active) {
+      manager.enableScope(name);
+    } else {
+      manager.disableScope(name);
+    }
+    return () => {
+      manager.disableScope(name);
+    };
+  }, [name, active]);
+  const enable = useCallback(() => {
+    ShortcutManager.getInstance().enableScope(name);
+  }, [name]);
+  const disable = useCallback(() => {
+    ShortcutManager.getInstance().disableScope(name);
+  }, [name]);
+  return { enable, disable };
+}
+export {
+  useShortcutScope
+};

package/dist/components/Sidebar/ChildMenu.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useLayoutEffect, useEffect } from "react";
-import { NavLink } from "../../node_modules/react-router-dom/dist/index.js";
+import { NavLink } from "react-router-dom";
 function childItemClass(active, child) {
   return [
     "impact-sidebar-routes-list-item-children",

package/dist/components/Sidebar/ParentMenu.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowRightOutlined.js";
-import { NavLink } from "../../node_modules/react-router-dom/dist/index.js";
+import { NavLink } from "react-router-dom";
 import { Tooltip } from "../Tooltip/index.js";
 function parentItemClass(active, item) {
   return [

package/dist/components/Sidebar/SidebarActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarActions.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarActions.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,mBAAmB,2CA4BzE;yBA5Be,cAAc"}
+{"version":3,"file":"SidebarActions.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarActions.tsx"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,mBAAmB,2CA4BzE;yBA5Be,cAAc"}

package/dist/components/Sidebar/SidebarActions.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import LogOutIcon from "../../assets/logout-icon.svg.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { Tooltip } from "../Tooltip/index.js";
+const LogOutIcon = getAssetUrl("icons/logout-icon.svg");
 function SidebarActions({ open, handleLogOut }) {
   const logoutRow = /* @__PURE__ */ jsxs(
     "div",

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

@@ -1,7 +1,7 @@
 import { SidebarProps } from './Sidebar.types';
 
 export type { SidebarProps, SidebarRoute } from './Sidebar.types';
-export declare function Sidebar({ isOpen, setIsOpen, handleClose, routes, actionRoutes, parentActive, handleParentRouteChange, childActive, handleChildRouteChange, handleLogOut, isCloseWhenClickOutside, isMemoryRouter, visibleModulesCount, className, 'data-testid': dataTestId, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sidebar({ isOpen, setIsOpen, handleClose, routes, actionRoutes, parentActive, handleParentRouteChange, childActive, handleChildRouteChange, handleLogOut, isCloseWhenClickOutside, isMemoryRouter, visibleModulesCount, className, id, 'data-testid': dataTestId, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Sidebar {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAElE,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,SAAS,EACT,WAAW,EACX,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACvB,WAAW,EACX,sBAAsB,EACtB,YAAY,EACZ,uBAA8B,EAC9B,cAAqB,EACrB,mBAAmB,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,GAC1B,EAAE,YAAY,2CA2Ed;yBA3Fe,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAK/B,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAElE,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,SAAS,EACT,WAAW,EACX,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACvB,WAAW,EACX,sBAAsB,EACtB,YAAY,EACZ,uBAA8B,EAC9B,cAAqB,EACrB,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,YAAY,2CAkId;yBAnJe,OAAO"}