@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

package/dist-es/tree/useTree.js

@@ -0,0 +1,157 @@
+import { useRef, useCallback } from 'react';
+import '../common-hooks/collectionProvider.js';
+import '../common-hooks/keyUtils.js';
+import { closestListItemIndex } from '../common-hooks/list-dom-utils.js';
+import '@salt-ds/core';
+import { useCollapsibleGroups } from '../common-hooks/useCollapsibleGroups.js';
+import { useKeyboardNavigation } from '../common-hooks/useKeyboardNavigation.js';
+import { useSelection } from '../common-hooks/useSelection.js';
+import { useViewportTracking } from '../common-hooks/useViewportTracking.js';
+import { useKeyboardNavigation as useKeyboardNavigation$1 } from './use-tree-keyboard-navigation.js';
+
+const useTree = ({
+  collectionHook,
+  containerRef,
+  contentRef = containerRef,
+  defaultSelected,
+  disabled,
+  onSelect,
+  onSelectionChange,
+  onToggle,
+  onHighlight: onHighlightProp,
+  selected: selectedProp,
+  selectionStrategy
+}) => {
+  const lastSelection = useRef(selectedProp || defaultSelected);
+  const handleKeyboardNavigation = (evt, nextIdx) => {
+    var _a, _b;
+    (_b = (_a = selectionHook.listHandlers).onKeyboardNavigation) == null ? void 0 : _b.call(_a, evt, nextIdx);
+  };
+  const { highlightedIndex: highlightedIdx, ...keyboardHook } = useKeyboardNavigation({
+    containerRef,
+    indexPositions: collectionHook.data,
+    onHighlight: onHighlightProp,
+    onKeyboardNavigation: handleKeyboardNavigation,
+    selected: lastSelection.current
+  });
+  const collapsibleHook = useCollapsibleGroups({
+    collapsibleHeaders: true,
+    collectionHook,
+    highlightedIdx,
+    onToggle
+  });
+  const selectionHook = useSelection({
+    defaultSelected,
+    // groupSelection,
+    highlightedIdx,
+    indexPositions: collectionHook.data,
+    onSelect,
+    onSelectionChange,
+    selected: selectedProp,
+    selectionStrategy
+  });
+  const treeNavigationHook = useKeyboardNavigation$1({
+    collectionHook,
+    highlightedIdx,
+    highlightItemAtIndex: keyboardHook.setHighlightedIndex
+  });
+  const handleClick = useCallback(
+    (evt) => {
+      var _a, _b, _c;
+      (_a = collapsibleHook == null ? void 0 : collapsibleHook.onClick) == null ? void 0 : _a.call(collapsibleHook, evt);
+      if (!evt.defaultPrevented) {
+        (_c = (_b = selectionHook.listHandlers).onClick) == null ? void 0 : _c.call(_b, evt);
+      }
+    },
+    [collapsibleHook, selectionHook]
+  );
+  const handleKeyDown = useCallback(
+    (evt) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      (_b = (_a = keyboardHook.listProps).onKeyDown) == null ? void 0 : _b.call(_a, evt);
+      if (!evt.defaultPrevented) {
+        (_d = (_c = selectionHook.listHandlers).onKeyDown) == null ? void 0 : _d.call(_c, evt);
+      }
+      if (!evt.defaultPrevented) {
+        (_e = collapsibleHook == null ? void 0 : collapsibleHook.onKeyDown) == null ? void 0 : _e.call(collapsibleHook, evt);
+      }
+      if (!evt.defaultPrevented) {
+        (_g = (_f = treeNavigationHook.listHandlers).onKeyDown) == null ? void 0 : _g.call(_f, evt);
+      }
+    },
+    [
+      collapsibleHook.onKeyDown,
+      keyboardHook.listProps,
+      selectionHook.listHandlers,
+      treeNavigationHook.listHandlers
+    ]
+  );
+  const { isScrolling } = useViewportTracking({
+    containerRef,
+    contentRef,
+    highlightedIdx,
+    indexPositions: collectionHook.data
+  });
+  const handleMouseMove = useCallback(
+    (evt) => {
+      if (!isScrolling.current && !disabled) {
+        keyboardHook.listProps.onMouseMove();
+        const idx = closestListItemIndex(evt.target);
+        if (idx !== void 0 && idx !== highlightedIdx) {
+          const item = collectionHook.data[idx];
+          if (item.disabled) {
+            keyboardHook.setHighlightedIndex(-1);
+          } else {
+            keyboardHook.setHighlightedIndex(idx);
+          }
+        }
+      }
+    },
+    [
+      collectionHook.data,
+      disabled,
+      keyboardHook.setHighlightedIndex,
+      highlightedIdx,
+      isScrolling
+    ]
+  );
+  const getActiveDescendant = () => {
+    var _a;
+    return highlightedIdx === void 0 || highlightedIdx === -1 ? void 0 : (_a = collectionHook.data[highlightedIdx]) == null ? void 0 : _a.id;
+  };
+  lastSelection.current = selectionHook.selected;
+  const listProps = {
+    "aria-activedescendant": getActiveDescendant(),
+    onBlur: keyboardHook.listProps.onBlur,
+    onFocus: keyboardHook.listProps.onFocus,
+    onKeyDown: handleKeyDown,
+    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,
+    onMouseLeave: keyboardHook.listProps.onMouseLeave
+  };
+  const listHandlers = (
+    /*listHandlersProp || */
+    {
+      onClick: handleClick,
+      // MouseEnter would be much better for this. There is a bug in Cypress
+      // wheby it emits spurious MouseEnter (and MouseOver) events around
+      // keypress events, which break many tests.
+      onMouseMove: handleMouseMove
+    }
+  );
+  const listItemHandlers = {
+    onClick: handleClick
+  };
+  return {
+    focusVisible: keyboardHook.focusVisible,
+    highlightedIdx,
+    highlightItemAtIndex: keyboardHook.setHighlightedIndex,
+    listHandlers,
+    listProps,
+    listItemHandlers,
+    selected: selectionHook.selected,
+    setSelected: selectionHook.setSelected
+  };
+};
+
+export { useTree };
+//# sourceMappingURL=useTree.js.map

package/dist-es/tree/useTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import {\n  type KeyboardEvent,\n  type MouseEvent,\n  useCallback,\n  useRef,\n} from \"react\";\nimport {\n  closestListItemIndex,\n  type ListHandlers,\n  type SelectionStrategy,\n  useCollapsibleGroups,\n  useKeyboardNavigation,\n  useSelection,\n  useViewportTracking,\n} from \"../common-hooks\";\nimport type { ListControlProps } from \"../list/listTypes\";\nimport type { TreeHookProps, TreeHookResult } from \"./treeTypes\";\nimport { useKeyboardNavigation as useTreeNavigation } from \"./use-tree-keyboard-navigation\";\n\nexport const useTree = <Item, Selection extends SelectionStrategy = \"default\">({\n  collectionHook,\n  containerRef,\n  contentRef = containerRef,\n  defaultSelected,\n  disabled,\n  onSelect,\n  onSelectionChange,\n  onToggle,\n  onHighlight: onHighlightProp,\n  selected: selectedProp,\n  selectionStrategy,\n}: // totalItemCount,\nTreeHookProps<Item, Selection>): TreeHookResult<Item, Selection> => {\n  const lastSelection = useRef(selectedProp || defaultSelected);\n\n  const handleKeyboardNavigation = (\n    evt: KeyboardEvent<HTMLElement>,\n    nextIdx: number,\n  ) => {\n    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);\n  };\n\n  const { highlightedIndex: highlightedIdx, ...keyboardHook } =\n    useKeyboardNavigation<Item, Selection>({\n      containerRef,\n      indexPositions: collectionHook.data,\n      onHighlight: onHighlightProp,\n      onKeyboardNavigation: handleKeyboardNavigation,\n      selected: lastSelection.current,\n    });\n\n  const collapsibleHook = useCollapsibleGroups<Item>({\n    collapsibleHeaders: true,\n    collectionHook,\n    highlightedIdx,\n    onToggle,\n  });\n\n  const selectionHook = useSelection({\n    defaultSelected,\n    // groupSelection,\n    highlightedIdx,\n    indexPositions: collectionHook.data,\n    onSelect,\n    onSelectionChange,\n    selected: selectedProp,\n    selectionStrategy: selectionStrategy,\n  });\n\n  const treeNavigationHook = useTreeNavigation<Item>({\n    collectionHook,\n    highlightedIdx,\n    highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n  });\n\n  const handleClick = useCallback(\n    (evt: MouseEvent<HTMLElement>) => {\n      collapsibleHook?.onClick?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onClick?.(evt);\n      }\n    },\n    [collapsibleHook, selectionHook],\n  );\n\n  const handleKeyDown = useCallback(\n    (evt: KeyboardEvent<HTMLElement>) => {\n      keyboardHook.listProps.onKeyDown?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        collapsibleHook?.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        treeNavigationHook.listHandlers.onKeyDown?.(evt);\n      }\n    },\n    [\n      collapsibleHook.onKeyDown,\n      keyboardHook.listProps,\n      selectionHook.listHandlers,\n      treeNavigationHook.listHandlers,\n    ],\n  );\n\n  // This is only appropriate when we are directly controlling a List,\n  // not when a control is manipulating the list\n  const { isScrolling } = useViewportTracking({\n    containerRef,\n    contentRef,\n    highlightedIdx,\n    indexPositions: collectionHook.data,\n  });\n\n  const handleMouseMove = useCallback(\n    (evt: MouseEvent) => {\n      if (!isScrolling.current && !disabled) {\n        keyboardHook.listProps.onMouseMove();\n        const idx = closestListItemIndex(evt.target as HTMLElement);\n        if (idx !== undefined && idx !== highlightedIdx) {\n          const item = collectionHook.data[idx];\n          if (item.disabled) {\n            keyboardHook.setHighlightedIndex(-1);\n          } else {\n            keyboardHook.setHighlightedIndex(idx);\n          }\n        }\n      }\n    },\n    [\n      collectionHook.data,\n      disabled,\n      keyboardHook.setHighlightedIndex,\n      highlightedIdx,\n      isScrolling,\n    ],\n  );\n\n  const getActiveDescendant = () =>\n    highlightedIdx === undefined || highlightedIdx === -1\n      ? undefined\n      : collectionHook.data[highlightedIdx]?.id;\n\n  // We need this on reEntry for navigation hook to handle focus\n  lastSelection.current = selectionHook.selected;\n\n  const listProps: ListControlProps = {\n    \"aria-activedescendant\": getActiveDescendant(),\n    onBlur: keyboardHook.listProps.onBlur,\n    onFocus: keyboardHook.listProps.onFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,\n    onMouseLeave: keyboardHook.listProps.onMouseLeave,\n  };\n\n  const listHandlers: ListHandlers = /*listHandlersProp || */ {\n    onClick: handleClick,\n    // MouseEnter would be much better for this. There is a bug in Cypress\n    // wheby it emits spurious MouseEnter (and MouseOver) events around\n    // keypress events, which break many tests.\n    onMouseMove: handleMouseMove,\n  };\n\n  const listItemHandlers = {\n    onClick: handleClick,\n  };\n\n  return {\n    focusVisible: keyboardHook.focusVisible,\n    highlightedIdx,\n    highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n    listHandlers,\n    listProps,\n    listItemHandlers,\n    selected: selectionHook.selected,\n    setSelected: selectionHook.setSelected,\n  };\n};\n"],"names":["useTreeNavigation"],"mappings":"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"}

package/dist-es/utils/escapeRegExp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"escapeRegExp.js","sources":["../src/utils/escapeRegExp.ts"],"sourcesContent":["const regExp = /[.*+?^${}()|[\\]\\\\]/g;\n\nexport function escapeRegExp(string: string): string {\n  return string.replace(regExp, \"\\\\$&\");\n}\n"],"names":[],"mappings":"AAAA,MAAM,MAAA,GAAS,qBAAA;AAER,SAAS,aAAa,MAAA,EAAwB;AACnD,EAAA,OAAO,MAAA,CAAO,OAAA,CAAQ,MAAA,EAAQ,MAAM,CAAA;AACtC;;;;"}

package/dist-es/utils/forwardCallbackProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardCallbackProps.js","sources":["../src/utils/forwardCallbackProps.ts"],"sourcesContent":["/*\n  When we clone a React element and inject props, if any of these are\n  callback props, make sure original callback props are also invoked.\n\n React.cloneElement(\n    element,\n    forwardCallbackProps(element.props, overrideProps)\n  )\n */\n\ntype Props = Record<string, any>;\n\nexport const forwardCallbackProps = <P1 extends Props, P2 extends Props>(\n  ownProps: P1,\n  overrideProps: P2,\n): P1 & P2 => {\n  const props = Object.keys(ownProps).reduce<Props>(\n    (map, name) => {\n      const ownProp = ownProps[name];\n      const overrideProp = overrideProps[name];\n      if (typeof ownProp === \"function\" && typeof overrideProp === \"function\") {\n        map[name] = (...args: unknown[]) => {\n          ownProp(...args);\n          overrideProp(...args);\n        };\n      }\n      return map;\n    },\n    { ...overrideProps },\n  );\n\n  return props as P1 & P2;\n};\n"],"names":[],"mappings":"AAYO,MAAM,oBAAA,GAAuB,CAClC,QAAA,EACA,aAAA,KACY;AACZ,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,IAAA,CAAK,QAAQ,CAAA,CAAE,MAAA;AAAA,IAClC,CAAC,KAAK,IAAA,KAAS;AACb,MAAA,MAAM,OAAA,GAAU,SAAS,IAAI,CAAA;AAC7B,MAAA,MAAM,YAAA,GAAe,cAAc,IAAI,CAAA;AACvC,MAAA,IAAI,OAAO,OAAA,KAAY,UAAA,IAAc,OAAO,iBAAiB,UAAA,EAAY;AACvE,QAAA,GAAA,CAAI,IAAI,CAAA,GAAI,CAAA,GAAI,IAAA,KAAoB;AAClC,UAAA,OAAA,CAAQ,GAAG,IAAI,CAAA;AACf,UAAA,YAAA,CAAa,GAAG,IAAI,CAAA;AAAA,QACtB,CAAA;AAAA,MACF;AACA,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA,IACA,EAAE,GAAG,aAAA;AAAc,GACrB;AAEA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist-es/utils/isEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEmail.js","sources":["../src/utils/isEmail.ts"],"sourcesContent":["export const isEmail = (value?: string): boolean => {\n  return !!value && /^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(value);\n};\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU,CAAC,KAAA,KAA4B;AAClD,EAAA,OAAO,CAAC,CAAC,KAAA,IAAS,6CAAA,CAA8C,KAAK,KAAK,CAAA;AAC5E;;;;"}

package/dist-es/utils/isPlainObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isPlainObject.js","sources":["../src/utils/isPlainObject.ts"],"sourcesContent":["export const isPlainObject = (obj: Record<never, never>): boolean =>\n  Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":"AAAO,MAAM,aAAA,GAAgB,CAAC,GAAA,KAC5B,MAAA,CAAO,UAAU,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,KAAM;;;;"}

package/dist-es/utils/partition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partition.js","sources":["../src/utils/partition.ts"],"sourcesContent":["export function partition<T = unknown>(\n  array: T[],\n  predicate: (value: T) => boolean,\n  pass: T[] = [],\n  fail: T[] = [],\n): [T[], T[]] {\n  for (let i = 0, len = array.length; i < len; i++) {\n    (predicate(array[i]) ? pass : fail).push(array[i]);\n  }\n  return [pass, fail];\n}\n"],"names":[],"mappings":"AAAO,SAAS,SAAA,CACd,OACA,SAAA,EACA,IAAA,GAAY,EAAC,EACb,IAAA,GAAY,EAAC,EACD;AACZ,EAAA,KAAA,IAAS,IAAI,CAAA,EAAG,GAAA,GAAM,MAAM,MAAA,EAAQ,CAAA,GAAI,KAAK,CAAA,EAAA,EAAK;AAChD,IAAA,CAAC,SAAA,CAAU,KAAA,CAAM,CAAC,CAAC,CAAA,GAAI,OAAO,IAAA,EAAM,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA,EACnD;AACA,EAAA,OAAO,CAAC,MAAM,IAAI,CAAA;AACpB;;;;"}

package/dist-es/utils/useClickOutside.js

@@ -0,0 +1,32 @@
+import { useRef, useEffect } from 'react';
+
+const defaultTriggerEvents = ["mousedown"];
+function useClickOutside(handler, triggerEvents, containers) {
+  const ref = useRef(null);
+  useEffect(() => {
+    const handleEvent = (event) => {
+      var _a;
+      if (Array.isArray(containers)) {
+        const shouldCallHandler = containers.every((node) => {
+          return !(node == null ? void 0 : node.contains(event.target));
+        });
+        shouldCallHandler && handler();
+      } else if (!((_a = ref.current) == null ? void 0 : _a.contains(event.target))) {
+        handler();
+      }
+    };
+    const events = triggerEvents ?? defaultTriggerEvents;
+    events.forEach((event) => {
+      document.addEventListener(event, handleEvent);
+    });
+    return () => {
+      events.forEach((event) => {
+        document.removeEventListener(event, handleEvent);
+      });
+    };
+  }, [handler, containers, triggerEvents]);
+  return ref;
+}
+
+export { useClickOutside };
+//# sourceMappingURL=useClickOutside.js.map

package/dist-es/utils/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sources":["../src/utils/useClickOutside.ts"],"sourcesContent":["import { type Ref, useEffect, useRef } from \"react\";\n\nconst defaultTriggerEvents: MouseEvents[] = [\"mousedown\"];\n\ntype MouseEvents = keyof {\n  [K in keyof GlobalEventHandlersEventMap as GlobalEventHandlersEventMap[K] extends MouseEvent\n    ? K\n    : never]: GlobalEventHandlersEventMap[K];\n};\n\nexport function useClickOutside<Element extends HTMLElement>(\n  handler: () => void,\n  triggerEvents?: MouseEvents[],\n  containers?: HTMLElement[],\n): Ref<Element> {\n  const ref = useRef<Element>(null);\n\n  useEffect(() => {\n    const handleEvent = (event: MouseEvent) => {\n      if (Array.isArray(containers)) {\n        const shouldCallHandler = containers.every((node) => {\n          return !node?.contains(event.target as Node);\n        });\n        shouldCallHandler && handler();\n      } else if (!ref.current?.contains(event.target as Node)) {\n        handler();\n      }\n    };\n\n    const events = triggerEvents ?? defaultTriggerEvents;\n\n    events.forEach((event) => {\n      document.addEventListener(event, handleEvent);\n    });\n\n    return () => {\n      events.forEach((event) => {\n        document.removeEventListener(event, handleEvent);\n      });\n    };\n  }, [handler, containers, triggerEvents]);\n\n  return ref;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAA,GAAsC,CAAC,WAAW,CAAA;AAQjD,SAAS,eAAA,CACd,OAAA,EACA,aAAA,EACA,UAAA,EACc;AACd,EAAA,MAAM,GAAA,GAAM,OAAgB,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsB;AAlB/C,MAAA,IAAA,EAAA;AAmBM,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,UAAU,CAAA,EAAG;AAC7B,QAAA,MAAM,iBAAA,GAAoB,UAAA,CAAW,KAAA,CAAM,CAAC,IAAA,KAAS;AACnD,UAAA,OAAO,EAAC,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,QAAA,CAAS,KAAA,CAAM,MAAA,CAAA,CAAA;AAAA,QAC/B,CAAC,CAAA;AACD,QAAA,iBAAA,IAAqB,OAAA,EAAQ;AAAA,MAC/B,WAAW,EAAA,CAAC,EAAA,GAAA,GAAA,CAAI,YAAJ,IAAA,GAAA,MAAA,GAAA,EAAA,CAAa,QAAA,CAAS,MAAM,MAAA,CAAA,CAAA,EAAiB;AACvD,QAAA,OAAA,EAAQ;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,SAAS,aAAA,IAAiB,oBAAA;AAEhC,IAAA,MAAA,CAAO,OAAA,CAAQ,CAAC,KAAA,KAAU;AACxB,MAAA,QAAA,CAAS,gBAAA,CAAiB,OAAO,WAAW,CAAA;AAAA,IAC9C,CAAC,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,OAAA,CAAQ,CAAC,KAAA,KAAU;AACxB,QAAA,QAAA,CAAS,mBAAA,CAAoB,OAAO,WAAW,CAAA;AAAA,MACjD,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,UAAA,EAAY,aAAa,CAAC,CAAA;AAEvC,EAAA,OAAO,GAAA;AACT;;;;"}

package/dist-es/utils/useEventCallback.js

@@ -0,0 +1,19 @@
+import { useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useRef, useCallback } from 'react';
+
+function useEventCallback(fn) {
+  const ref = useRef(fn);
+  useIsomorphicLayoutEffect(() => {
+    ref.current = fn;
+  });
+  return useCallback(
+    (...args) => (
+      // biome-ignore lint/complexity/noCommaOperator: This is a valid use case for the comma operator
+      (0, ref.current)(...args)
+    ),
+    []
+  );
+}
+
+export { useEventCallback };
+//# sourceMappingURL=useEventCallback.js.map

package/dist-es/utils/useEventCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.js","sources":["../src/utils/useEventCallback.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useRef } from \"react\";\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const ref = useRef(fn);\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  });\n  return useCallback(\n    (...args: Args) =>\n      // biome-ignore lint/complexity/noCommaOperator: This is a valid use case for the comma operator\n      (void 0, ref.current)(...args),\n    [],\n  );\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,iBACd,EAAA,EAC2B;AAC3B,EAAA,MAAM,GAAA,GAAM,OAAO,EAAE,CAAA;AACrB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,GAAA,CAAI,OAAA,GAAU,EAAA;AAAA,EAChB,CAAC,CAAA;AACD,EAAA,OAAO,WAAA;AAAA,IACL,CAAA,GAAI,IAAA;AAAA;AAAA,MAAA,IAEO,GAAA,CAAI,OAAA,EAAS,GAAG,IAAI;AAAA,KAAA;AAAA,IAC/B;AAAC,GACH;AACF;;;;"}

package/dist-es/utils/useIsViewportLargerThanBreakpoint.js

@@ -0,0 +1,12 @@
+import { useOrderedBreakpoints, useCurrentBreakpoint } from '@salt-ds/core';
+
+const useIsViewportLargerThanBreakpoint = (targetedBreakpoint) => {
+  const orderedBreakpoints = useOrderedBreakpoints();
+  const index = orderedBreakpoints.indexOf(targetedBreakpoint);
+  const currentBreakpoint = useCurrentBreakpoint();
+  const currentBreakpointIndex = orderedBreakpoints.indexOf(currentBreakpoint);
+  return index >= currentBreakpointIndex;
+};
+
+export { useIsViewportLargerThanBreakpoint };
+//# sourceMappingURL=useIsViewportLargerThanBreakpoint.js.map

package/dist-es/utils/useIsViewportLargerThanBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsViewportLargerThanBreakpoint.js","sources":["../src/utils/useIsViewportLargerThanBreakpoint.ts"],"sourcesContent":["import {\n  type Breakpoints,\n  useCurrentBreakpoint,\n  useOrderedBreakpoints,\n} from \"@salt-ds/core\";\n\nexport const useIsViewportLargerThanBreakpoint = (\n  targetedBreakpoint: keyof Breakpoints,\n): boolean => {\n  const orderedBreakpoints = useOrderedBreakpoints();\n  const index = orderedBreakpoints.indexOf(targetedBreakpoint);\n  const currentBreakpoint = useCurrentBreakpoint();\n  const currentBreakpointIndex = orderedBreakpoints.indexOf(currentBreakpoint);\n  return index >= currentBreakpointIndex;\n};\n"],"names":[],"mappings":";;AAMO,MAAM,iCAAA,GAAoC,CAC/C,kBAAA,KACY;AACZ,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AACjD,EAAA,MAAM,KAAA,GAAQ,kBAAA,CAAmB,OAAA,CAAQ,kBAAkB,CAAA;AAC3D,EAAA,MAAM,oBAAoB,oBAAA,EAAqB;AAC/C,EAAA,MAAM,sBAAA,GAAyB,kBAAA,CAAmB,OAAA,CAAQ,iBAAiB,CAAA;AAC3E,EAAA,OAAO,KAAA,IAAS,sBAAA;AAClB;;;;"}

package/dist-es/utils/useLayoutEffectOnce.js

@@ -0,0 +1,15 @@
+import { useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useRef } from 'react';
+
+const useLayoutEffectOnce = (condition, callback, dependencies) => {
+  const hasRun = useRef(false);
+  useIsomorphicLayoutEffect(() => {
+    if (condition && !hasRun.current) {
+      hasRun.current = true;
+      callback();
+    }
+  }, dependencies);
+};
+
+export { useLayoutEffectOnce };
+//# sourceMappingURL=useLayoutEffectOnce.js.map

package/dist-es/utils/useLayoutEffectOnce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEffectOnce.js","sources":["../src/utils/useLayoutEffectOnce.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type DependencyList, type EffectCallback, useRef } from \"react\";\nexport const useLayoutEffectOnce = (\n  condition: boolean,\n  callback: EffectCallback,\n  dependencies: DependencyList,\n): void => {\n  const hasRun = useRef(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are forwarded to the hook\n  useIsomorphicLayoutEffect(() => {\n    if (condition && !hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n  }, dependencies);\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAA,GAAsB,CACjC,SAAA,EACA,QAAA,EACA,YAAA,KACS;AACT,EAAA,MAAM,MAAA,GAAS,OAAO,KAAK,CAAA;AAE3B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAA,IAAa,CAAC,MAAA,CAAO,OAAA,EAAS;AAChC,MAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AACjB,MAAA,QAAA,EAAS;AAAA,IACX;AAAA,EACF,GAAG,YAAY,CAAA;AACjB;;;;"}

package/dist-es/utils/useLayoutEffectSkipFirst.js

@@ -0,0 +1,16 @@
+import { useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useRef } from 'react';
+
+const useLayoutEffectSkipFirst = (callback, dependencies) => {
+  const goodToGo = useRef(false);
+  useIsomorphicLayoutEffect(() => {
+    if (goodToGo.current) {
+      callback();
+    } else {
+      goodToGo.current = true;
+    }
+  }, dependencies);
+};
+
+export { useLayoutEffectSkipFirst };
+//# sourceMappingURL=useLayoutEffectSkipFirst.js.map

package/dist-es/utils/useLayoutEffectSkipFirst.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEffectSkipFirst.js","sources":["../src/utils/useLayoutEffectSkipFirst.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type DependencyList, type EffectCallback, useRef } from \"react\";\n\nexport const useLayoutEffectSkipFirst = (\n  callback: EffectCallback,\n  dependencies: DependencyList,\n): void => {\n  const goodToGo = useRef(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are forwarded to the hook\n  useIsomorphicLayoutEffect(() => {\n    if (goodToGo.current) {\n      callback();\n    } else {\n      goodToGo.current = true;\n    }\n  }, dependencies);\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,wBAAA,GAA2B,CACtC,QAAA,EACA,YAAA,KACS;AACT,EAAA,MAAM,QAAA,GAAW,OAAO,KAAK,CAAA;AAE7B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,EAAS;AAAA,IACX,CAAA,MAAO;AACL,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AAAA,IACrB;AAAA,EACF,GAAG,YAAY,CAAA;AACjB;;;;"}

package/dist-es/utils/useOverflowDetection.js

@@ -0,0 +1,31 @@
+import { debounce, useIsomorphicLayoutEffect, ownerWindow } from '@salt-ds/core';
+import { useRef, useState, useCallback } from 'react';
+
+function useOverflowDetection(dependencies = []) {
+  const targetRef = useRef(null);
+  const [isOverflowed, setOverflowed] = useState(false);
+  const handleResize = useCallback(
+    debounce(() => {
+      const { current } = targetRef;
+      if (!current) {
+        isOverflowed && setOverflowed(false);
+        return;
+      }
+      setOverflowed(current.offsetWidth < current.scrollWidth);
+    }),
+    [isOverflowed]
+  );
+  useIsomorphicLayoutEffect(() => {
+    const win = ownerWindow(targetRef.current);
+    win.addEventListener("resize", handleResize);
+    return () => {
+      handleResize.clear();
+      win.removeEventListener("resize", handleResize);
+    };
+  }, [handleResize]);
+  useIsomorphicLayoutEffect(handleResize, dependencies);
+  return [targetRef, isOverflowed];
+}
+
+export { useOverflowDetection };
+//# sourceMappingURL=useOverflowDetection.js.map

package/dist-es/utils/useOverflowDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflowDetection.js","sources":["../src/utils/useOverflowDetection.ts"],"sourcesContent":["import {\n  debounce,\n  ownerWindow,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport {\n  type DependencyList,\n  type Ref,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useOverflowDetection<Element extends HTMLElement>(\n  dependencies: DependencyList = [],\n): [Ref<Element>, boolean] {\n  const targetRef = useRef<Element>(null);\n  const [isOverflowed, setOverflowed] = useState(false);\n\n  const handleResize = useCallback(\n    debounce(() => {\n      const { current } = targetRef;\n\n      if (!current) {\n        // no component to measure yet\n        isOverflowed && setOverflowed(false);\n        return;\n      }\n\n      setOverflowed(current.offsetWidth < current.scrollWidth);\n    }),\n    [isOverflowed],\n  );\n\n  // check on resizing\n  useIsomorphicLayoutEffect(() => {\n    // Multi window support\n    const win = ownerWindow(targetRef.current);\n\n    win.addEventListener(\"resize\", handleResize);\n    return () => {\n      handleResize.clear();\n      win.removeEventListener(\"resize\", handleResize);\n    };\n  }, [handleResize]);\n\n  // We don't put handleResize in the dependency array as it's been handled by the `useLayoutEffect` above\n  useIsomorphicLayoutEffect(handleResize, dependencies);\n\n  return [targetRef, isOverflowed];\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,oBAAA,CACd,YAAA,GAA+B,EAAC,EACP;AACzB,EAAA,MAAM,SAAA,GAAY,OAAgB,IAAI,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,SAAS,MAAM;AACb,MAAA,MAAM,EAAE,SAAQ,GAAI,SAAA;AAEpB,MAAA,IAAI,CAAC,OAAA,EAAS;AAEZ,QAAA,YAAA,IAAgB,cAAc,KAAK,CAAA;AACnC,QAAA;AAAA,MACF;AAEA,MAAA,aAAA,CAAc,OAAA,CAAQ,WAAA,GAAc,OAAA,CAAQ,WAAW,CAAA;AAAA,IACzD,CAAC,CAAA;AAAA,IACD,CAAC,YAAY;AAAA,GACf;AAGA,EAAA,yBAAA,CAA0B,MAAM;AAE9B,IAAA,MAAM,GAAA,GAAM,WAAA,CAAY,SAAA,CAAU,OAAO,CAAA;AAEzC,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAA,EAAM;AACnB,MAAA,GAAA,CAAI,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IAChD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAGjB,EAAA,yBAAA,CAA0B,cAAc,YAAY,CAAA;AAEpD,EAAA,OAAO,CAAC,WAAW,YAAY,CAAA;AACjC;;;;"}

package/dist-es/utils/useSlideSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideSelection.js","sources":["../src/utils/useSlideSelection.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { LayoutAnimationTransition } from \"../deck-layout\";\n\nexport const useSlideSelection = (\n  initialValue?: number,\n): [\n  LayoutAnimationTransition | undefined,\n  number,\n  (sliderIndex: number, transition?: LayoutAnimationTransition) => void,\n] => {\n  const [selectedSlide, setSelectedSlide] = useState(initialValue || 0);\n  const [selectedTransition, setSelectedTransition] = useState<\n    LayoutAnimationTransition | undefined\n  >(undefined);\n\n  const handleSlideSelection = (\n    sliderIndex: number,\n    transition?: LayoutAnimationTransition,\n  ) => {\n    const newTransition = transition\n      ? transition\n      : selectedSlide < sliderIndex\n        ? \"increase\"\n        : \"decrease\";\n    setSelectedSlide(sliderIndex);\n    setSelectedTransition(newTransition);\n  };\n  return [selectedTransition, selectedSlide, handleSlideSelection];\n};\n"],"names":[],"mappings":";;AAGO,MAAM,iBAAA,GAAoB,CAC/B,YAAA,KAKG;AACH,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA,CAAS,gBAAgB,CAAC,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,MAAS,CAAA;AAEX,EAAA,MAAM,oBAAA,GAAuB,CAC3B,WAAA,EACA,UAAA,KACG;AACH,IAAA,MAAM,aAAA,GAAgB,UAAA,GAClB,UAAA,GACA,aAAA,GAAgB,cACd,UAAA,GACA,UAAA;AACN,IAAA,gBAAA,CAAiB,WAAW,CAAA;AAC5B,IAAA,qBAAA,CAAsB,aAAa,CAAA;AAAA,EACrC,CAAA;AACA,EAAA,OAAO,CAAC,kBAAA,EAAoB,aAAA,EAAe,oBAAoB,CAAA;AACjE;;;;"}

package/dist-es/window/ElectronWindow.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltWindow {\n  --saltDialog-boxShadow: none;\n  --saltDialog-margin: 0;\n  width: max-content;\n  height: max-content;\n  position: fixed;\n  overflow: hidden;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=ElectronWindow.css.js.map

package/dist-es/window/ElectronWindow.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElectronWindow.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/window/ElectronWindow.js

@@ -0,0 +1,97 @@
+import { jsx } from 'react/jsx-runtime';
+import { useForkRef, useIsomorphicLayoutEffect, SaltProvider } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import { useWindowParentContext, WindowParentContext } from './desktop-utils.js';
+import css_248z from './ElectronWindow.css.js';
+import { Window as Window$1, isDesktop } from './WindowContext.js';
+
+const Window = forwardRef(function ElectronWindow2({ className, children, id = "dialog", open = true, style = {}, ...rest }, forwardedRef) {
+  const { top, left, position, ...styleRest } = style;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-electron-window",
+    css: css_248z,
+    window: targetWindow
+  });
+  const [mountNode, setMountNode] = useState(null);
+  const windowRoot = useRef(null);
+  const forkedRef = useForkRef(forwardedRef, windowRoot);
+  if (!mountNode) {
+    const win = window.open("", id);
+    win == null ? void 0 : win.document.write(
+      `<html lang="en"><head><title>${id}</title><base href="${location.origin}"><style>body {margin: 0;}</style></head><body></body></html>`
+    );
+    document.head.querySelectorAll("style").forEach((htmlElement) => {
+      win.document.head.appendChild(htmlElement.cloneNode(true));
+    });
+    const bodyElement = win.document.body;
+    setMountNode(bodyElement);
+  }
+  const parentWindow = useWindowParentContext();
+  const closeWindow = useCallback(() => {
+    const { ipcRenderer } = global;
+    if (ipcRenderer) {
+      ipcRenderer.send("window-close", { id });
+    }
+  }, [id]);
+  useEffect(() => {
+    setTimeout(() => {
+      if (windowRoot.current) {
+        const { scrollHeight: height, scrollWidth: width } = windowRoot.current;
+        const { ipcRenderer } = global;
+        if (ipcRenderer) {
+          ipcRenderer.send("window-size", {
+            id,
+            height: Math.ceil(height + 1),
+            width: Math.ceil(width + 1)
+          });
+        }
+      }
+    }, 80);
+  });
+  useEffect(() => {
+    const { ipcRenderer } = global;
+    if (ipcRenderer) {
+      setTimeout(() => {
+        ipcRenderer.send("window-ready", { id });
+      }, 100);
+    }
+    return () => {
+      closeWindow();
+    };
+  }, [closeWindow, id]);
+  useIsomorphicLayoutEffect(() => {
+    setTimeout(() => {
+      const { ipcRenderer } = global;
+      if (ipcRenderer) {
+        ipcRenderer.send("window-position", {
+          id,
+          parentWindowID: parentWindow.id,
+          left: style.left,
+          top: style.top
+        });
+      }
+    }, 90);
+  }, [style, id, parentWindow.id]);
+  return mountNode ? ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(SaltProvider, { children: /* @__PURE__ */ jsx(
+      WindowParentContext.Provider,
+      {
+        value: {
+          top: style.top + parentWindow.top,
+          left: style.left + parentWindow.left,
+          id
+        },
+        children: /* @__PURE__ */ jsx("div", { className: "saltWindow", ref: forkedRef, children: /* @__PURE__ */ jsx("div", { className, style: { ...styleRest }, ...rest, children }) })
+      }
+    ) }),
+    mountNode
+  ) : null;
+});
+const ElectronWindow = isDesktop ? Window : Window$1;
+
+export { ElectronWindow };
+//# sourceMappingURL=ElectronWindow.js.map

package/dist-es/window/ElectronWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n  SaltProvider,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\nimport electronWindowCss from \"./ElectronWindow.css\";\nimport {\n  isDesktop,\n  Window as SaltWindow,\n  type WindowProps,\n} from \"./WindowContext\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n  { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n  forwardedRef,\n): JSX.Element | null {\n  const { top, left, position, ...styleRest } = style;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-electron-window\",\n    css: electronWindowCss,\n    window: targetWindow,\n  });\n\n  const [mountNode, setMountNode] = useState<Element | null>(null);\n  const windowRoot = useRef<HTMLDivElement>(null);\n\n  const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n  if (!mountNode) {\n    const win = window.open(\"\", id);\n    win?.document.write(\n      `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`,\n    );\n    document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n      (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n    });\n    const bodyElement = (win as Window).document.body;\n    setMountNode(bodyElement);\n  }\n\n  const parentWindow = useWindowParentContext();\n\n  const closeWindow = useCallback(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      ipcRenderer.send(\"window-close\", { id: id });\n    }\n  }, [id]);\n\n  // The timeout is required to give the Dialog component time to report the correct height\n  // otherwise the window will be smaller than expected\n  useEffect(() => {\n    setTimeout(() => {\n      if (windowRoot.current) {\n        const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n        // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n        const { ipcRenderer } = global as any;\n        if (ipcRenderer) {\n          ipcRenderer.send(\"window-size\", {\n            id: id,\n            height: Math.ceil(height + 1),\n            width: Math.ceil(width + 1),\n          });\n        }\n      }\n    }, 80);\n  });\n\n  // The timeout is required to allow the window time to be moved into position and scaled\n  // before being shown to the user,\n  useEffect(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      setTimeout(() => {\n        ipcRenderer.send(\"window-ready\", { id: id });\n      }, 100);\n    }\n\n    return () => {\n      closeWindow();\n    };\n  }, [closeWindow, id]);\n\n  // The timeout is required to give the Dialog component time to report the correct height\n  // otherwise the window will be smaller than expected\n  useIsomorphicLayoutEffect(() => {\n    setTimeout(() => {\n      // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n      const { ipcRenderer } = global as any;\n      if (ipcRenderer) {\n        ipcRenderer.send(\"window-position\", {\n          id: id,\n          parentWindowID: parentWindow.id,\n          left: style.left,\n          top: style.top,\n        });\n      }\n    }, 90);\n  }, [style, id, parentWindow.id]);\n\n  return mountNode\n    ? ReactDOM.createPortal(\n        <SaltProvider>\n          <WindowParentContext.Provider\n            value={{\n              top: (style.top as number) + parentWindow.top,\n              left: (style.left as number) + parentWindow.left,\n              id: id,\n            }}\n          >\n            <div className=\"saltWindow\" ref={forkedRef}>\n              <div className={className} style={{ ...styleRest }} {...rest}>\n                {children}\n              </div>\n            </div>\n          </WindowParentContext.Provider>\n        </SaltProvider>,\n        mountNode,\n      )\n    : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["ElectronWindow","electronWindowCss","SaltWindow"],"mappings":"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"}

package/dist-es/window/WindowContext.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+
+const Window = forwardRef(function Window2({ children, open, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ...props, ref, children });
+});
+const WindowContext = createContext(Window);
+const useWindow = () => useContext(WindowContext);
+const globalObject = typeof global === "undefined" ? window : global;
+const isDesktop = globalObject.isDesktop;
+
+export { Window, WindowContext, isDesktop, useWindow };
+//# sourceMappingURL=WindowContext.js.map

package/dist-es/window/WindowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowContext.js","sources":["../src/window/WindowContext.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  createContext,\n  forwardRef,\n  useContext,\n} from \"react\";\n\nexport type WindowProps = {\n  open?: boolean;\n} & ComponentPropsWithoutRef<\"div\">;\n\nexport const Window = forwardRef<HTMLDivElement, WindowProps>(function Window(\n  { children, open, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nexport const WindowContext = createContext<typeof Window>(Window);\n\nexport const useWindow = () => useContext(WindowContext);\n\nconst globalObject = typeof global === \"undefined\" ? window : global;\nexport const isDesktop: boolean = (globalObject as any).isDesktop;\n"],"names":["Window"],"mappings":";;;AAWO,MAAM,MAAA,GAAS,UAAA,CAAwC,SAASA,OAAAA,CACrE,EAAE,UAAU,IAAA,EAAM,GAAG,KAAA,EAAM,EAC3B,GAAA,EACA;AACA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAO,KACb,QAAA,EACH,CAAA;AAEJ,CAAC;AAEM,MAAM,aAAA,GAAgB,cAA6B,MAAM;AAEzD,MAAM,SAAA,GAAY,MAAM,UAAA,CAAW,aAAa;AAEvD,MAAM,YAAA,GAAe,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,GAAS,MAAA;AACvD,MAAM,YAAsB,YAAA,CAAqB;;;;"}

package/dist-es/window/desktop-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktop-utils.js","sources":["../src/window/desktop-utils.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const WindowParentContext = createContext<{\n  top: number;\n  left: number;\n  id: string;\n}>({ top: 0, left: 0, id: \"\" });\n\nexport const useWindowParentContext = () => useContext(WindowParentContext);\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAA,GAAsB,cAIhC,EAAE,GAAA,EAAK,GAAG,IAAA,EAAM,CAAA,EAAG,EAAA,EAAI,EAAA,EAAI;AAEvB,MAAM,sBAAA,GAAyB,MAAM,UAAA,CAAW,mBAAmB;;;;"}

package/dist-types/app-header/AppHeader.d.ts

@@ -1,4 +1,3 @@
-import "./AppHeader.css";
-import { HTMLAttributes } from "react";
-export declare type AppHeaderProps = HTMLAttributes<HTMLDivElement>;
+import { type HTMLAttributes } from "react";
+export type AppHeaderProps = HTMLAttributes<HTMLDivElement>;
 export declare const AppHeader: import("react").ForwardRefExoticComponent<AppHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/breadcrumbs/Breadcrumb.d.ts

@@ -1,8 +1,8 @@
-import { TooltipProps } from "@salt-ds/core";
-import { IconProps } from "@salt-ds/icons";
-import { HTMLAttributes, ReactNode } from "react";
-import "./Breadcrumb.css";
-export interface BreadcrumbProps {
+import { type TooltipProps } from "@salt-ds/core";
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
+import type { CascadingMenuProps } from "../cascading-menu/CascadingMenuProps";
+export interface BreadcrumbProps extends Pick<CascadingMenuProps, "onItemClick"> {
     children?: ReactNode;
     ContainerProps?: HTMLAttributes<HTMLLIElement>;
     tooltipText?: string;
@@ -12,8 +12,7 @@ export interface BreadcrumbProps {
     isCurrentLevel?: boolean;
     maxWidth?: number;
     minWidth?: number;
-    onItemClick?: (item: any, event: any) => void;
     overflowLabel?: string;
-    Icon?: React.ComponentType<IconProps>;
+    Icon?: ComponentType<IconProps>;
 }
 export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/breadcrumbs/Breadcrumbs.d.ts

@@ -1,8 +1,7 @@
-import { IconProps } from "@salt-ds/icons";
-import React, { HTMLAttributes, ReactNode } from "react";
-import "./Breadcrumbs.css";
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
 export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
-    Menu?: any;
+    Menu?: ComponentType;
     SeparatorProps?: IconProps;
     hideCurrentLevel?: boolean;
     itemsAfterCollapse?: number;
@@ -15,4 +14,4 @@ export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
     className?: string;
     children?: ReactNode;
 }
-export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<BreadcrumbsProps & import("react").RefAttributes<HTMLElement>>;

package/dist-types/breadcrumbs/internal/BreadcrumbsCollapsed.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from "react";
-import { CascadingMenuProps } from "../../cascading-menu";
-import { MenuButtonProps } from "../../menu-button";
+import { type ReactNode } from "react";
+import type { CascadingMenuProps } from "../../cascading-menu";
+import { type MenuButtonProps } from "../../menu-button";
 export interface BreadcrumbsCollapsedProps extends Omit<MenuButtonProps, "CascadingMenuProps"> {
     CascadingMenuProps?: CascadingMenuProps;
     accessibleText?: string;
     children: ReactNode;
     className?: string;
 }
-export declare const BreadcrumbsCollapsed: ({ children, CascadingMenuProps, accessibleText, ...rest }: BreadcrumbsCollapsedProps) => JSX.Element;
+export declare const BreadcrumbsCollapsed: ({ children, CascadingMenuProps, accessibleText, ...rest }: BreadcrumbsCollapsedProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/breadcrumbs/internal/BreadcrumbsContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BreadcrumbsContext {
     wrap?: boolean;
     itemsMaxWidth?: number | string;

package/dist-types/breadcrumbs/internal/BreadcrumbsSeparator.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { IconProps } from "@salt-ds/icons";
-export declare const BreadcrumbsSeparator: (props: IconProps) => JSX.Element;
+import { type IconProps } from "@salt-ds/icons";
+export declare const BreadcrumbsSeparator: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/breadcrumbs/internal/useFocusMenuRemount.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useFocusMenuRemount<T extends HTMLElement>(key: string): {
     ref: import("react").RefObject<T>;
     shouldFocusOnMount: import("react").MutableRefObject<boolean>;