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

package/dist-cjs/utils/partition.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function partition(array, predicate, pass = [], fail = []) {
   for (let i = 0, len = array.length; i < len; i++) {
     (predicate(array[i]) ? pass : fail).push(array[i]);

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

@@ -1 +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":";;;;AAAgB,SAAA,SAAA,CACd,OACA,SACA,EAAA,IAAA,GAAY,EACZ,EAAA,IAAA,GAAY,EACA,EAAA;AACZ,EAAA,KAAA,IAAS,IAAI,CAAG,EAAA,GAAA,GAAM,MAAM,MAAQ,EAAA,CAAA,GAAI,KAAK,CAAK,EAAA,EAAA;AAChD,IAAC,CAAA,SAAA,CAAU,MAAM,CAAE,CAAA,CAAA,GAAI,OAAO,IAAM,EAAA,IAAA,CAAK,MAAM,CAAE,CAAA,CAAA,CAAA;AAAA,GACnD;AACA,EAAO,OAAA,CAAC,MAAM,IAAI,CAAA,CAAA;AACpB;;;;"}
+{"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-cjs/utils/useClickOutside.js

@@ -1,13 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+var react = require('react');
 
 const defaultTriggerEvents = ["mousedown"];
 function useClickOutside(handler, triggerEvents, containers) {
-  const ref = React.useRef(null);
-  React.useEffect(() => {
+  const ref = react.useRef(null);
+  react.useEffect(() => {
     const handleEvent = (event) => {
       var _a;
       if (Array.isArray(containers)) {
@@ -19,7 +17,7 @@ function useClickOutside(handler, triggerEvents, containers) {
         handler();
       }
     };
-    const events = triggerEvents != null ? triggerEvents : defaultTriggerEvents;
+    const events = triggerEvents ?? defaultTriggerEvents;
     events.forEach((event) => {
       document.addEventListener(event, handleEvent);
     });

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

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../src/utils/useClickOutside.ts"],"sourcesContent":["import { useRef, useEffect, Ref } 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":["useRef","useEffect"],"mappings":";;;;;;AAEA,MAAM,oBAAA,GAAsC,CAAC,WAAW,CAAA,CAAA;AAQxC,SAAA,eAAA,CACd,OACA,EAAA,aAAA,EACA,UACc,EAAA;AACd,EAAM,MAAA,GAAA,GAAMA,aAAgB,IAAI,CAAA,CAAA;AAEhC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAM,MAAA,WAAA,GAAc,CAAC,KAAsB,KAAA;AAlB/C,MAAA,IAAA,EAAA,CAAA;AAmBM,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,UAAU,CAAG,EAAA;AAC7B,QAAA,MAAM,iBAAoB,GAAA,UAAA,CAAW,KAAM,CAAA,CAAC,IAAS,KAAA;AACnD,UAAO,OAAA,EAAC,IAAM,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,QAAA,CAAS,KAAM,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,SAC9B,CAAA,CAAA;AACD,QAAA,iBAAA,IAAqB,OAAQ,EAAA,CAAA;AAAA,iBACpB,EAAC,CAAA,EAAA,GAAA,GAAA,CAAI,YAAJ,IAAa,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAS,MAAM,MAAiB,CAAA,CAAA,EAAA;AACvD,QAAQ,OAAA,EAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,aAAiB,IAAA,IAAA,GAAA,aAAA,GAAA,oBAAA,CAAA;AAEhC,IAAO,MAAA,CAAA,OAAA,CAAQ,CAAC,KAAU,KAAA;AACxB,MAAS,QAAA,CAAA,gBAAA,CAAiB,OAAO,WAAW,CAAA,CAAA;AAAA,KAC7C,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAO,MAAA,CAAA,OAAA,CAAQ,CAAC,KAAU,KAAA;AACxB,QAAS,QAAA,CAAA,mBAAA,CAAoB,OAAO,WAAW,CAAA,CAAA;AAAA,OAChD,CAAA,CAAA;AAAA,KACH,CAAA;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,UAAA,EAAY,aAAa,CAAC,CAAA,CAAA;AAEvC,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}
+{"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":["useRef","useEffect"],"mappings":";;;;AAEA,MAAM,oBAAA,GAAsC,CAAC,WAAW,CAAA;AAQjD,SAAS,eAAA,CACd,OAAA,EACA,aAAA,EACA,UAAA,EACc;AACd,EAAA,MAAM,GAAA,GAAMA,aAAgB,IAAI,CAAA;AAEhC,EAAAC,eAAA,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-cjs/utils/useEventCallback.js

@@ -1,17 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
 var core = require('@salt-ds/core');
+var react = require('react');
 
 function useEventCallback(fn) {
-  const ref = React.useRef(fn);
+  const ref = react.useRef(fn);
   core.useIsomorphicLayoutEffect(() => {
     ref.current = fn;
-  });
-  return React.useCallback(
-    (...args) => (0, ref.current)(...args),
+  }, [fn]);
+  return react.useCallback(
+    ((...args) => {
+      const latestFn = ref.current;
+      return latestFn(...args);
+    }),
     []
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useEventCallback.js","sources":["../src/utils/useEventCallback.ts"],"sourcesContent":["import { useRef, useCallback } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\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      // tslint:disable-next-line:ban-comma-operator\n      (void 0, ref.current)(...args),\n    []\n  );\n}\n"],"names":["useRef","useIsomorphicLayoutEffect","useCallback"],"mappings":";;;;;;;AAMO,SAAS,iBACd,EAC2B,EAAA;AAC3B,EAAM,MAAA,GAAA,GAAMA,aAAO,EAAE,CAAA,CAAA;AACrB,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,GAAA,CAAI,OAAU,GAAA,EAAA,CAAA;AAAA,GACf,CAAA,CAAA;AACD,EAAO,OAAAC,iBAAA;AAAA,IACL,IAAI,IAED,KAAA,IAAQ,GAAI,CAAA,OAAA,EAAS,GAAG,IAAI,CAAA;AAAA,IAC/B,EAAC;AAAA,GACH,CAAA;AACF;;;;"}
+{"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<const T extends (...args: any[]) => void>(\n  fn: T,\n): T {\n  const ref = useRef<T>(fn);\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  return useCallback(\n    ((...args: any[]) => {\n      const latestFn = ref.current;\n      return latestFn(...args);\n    }) as T,\n    [],\n  );\n}\n"],"names":["useRef","useIsomorphicLayoutEffect","useCallback"],"mappings":";;;;;AAMO,SAAS,iBACd,EAAA,EACG;AACH,EAAA,MAAM,GAAA,GAAMA,aAAU,EAAE,CAAA;AAExB,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,GAAA,CAAI,OAAA,GAAU,EAAA;AAAA,EAChB,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEP,EAAA,OAAOC,iBAAA;AAAA,KACJ,IAAI,IAAA,KAAgB;AACnB,MAAA,MAAM,WAAW,GAAA,CAAI,OAAA;AACrB,MAAA,OAAO,QAAA,CAAS,GAAG,IAAI,CAAA;AAAA,IACzB,CAAA;AAAA,IACA;AAAC,GACH;AACF;;;;"}

package/dist-cjs/utils/useIsViewportLargerThanBreakpoint.js

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var core = require('@salt-ds/core');
 
 const useIsViewportLargerThanBreakpoint = (targetedBreakpoint) => {
   const orderedBreakpoints = core.useOrderedBreakpoints();
   const index = orderedBreakpoints.indexOf(targetedBreakpoint);
-  const allPreviousBreakpoints = orderedBreakpoints.slice(0, index + 1);
   const currentBreakpoint = core.useCurrentBreakpoint();
-  return allPreviousBreakpoints.includes(currentBreakpoint);
+  const currentBreakpointIndex = orderedBreakpoints.indexOf(currentBreakpoint);
+  return index >= currentBreakpointIndex;
 };
 
 exports.useIsViewportLargerThanBreakpoint = useIsViewportLargerThanBreakpoint;

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

@@ -1 +1 @@
-{"version":3,"file":"useIsViewportLargerThanBreakpoint.js","sources":["../src/utils/useIsViewportLargerThanBreakpoint.ts"],"sourcesContent":["import {\n  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 allPreviousBreakpoints = orderedBreakpoints.slice(0, index + 1);\n\n  const currentBreakpoint = useCurrentBreakpoint();\n  return allPreviousBreakpoints.includes(currentBreakpoint);\n};\n"],"names":["useOrderedBreakpoints","useCurrentBreakpoint"],"mappings":";;;;;;AAMa,MAAA,iCAAA,GAAoC,CAC/C,kBACY,KAAA;AACZ,EAAA,MAAM,qBAAqBA,0BAAsB,EAAA,CAAA;AACjD,EAAM,MAAA,KAAA,GAAQ,kBAAmB,CAAA,OAAA,CAAQ,kBAAkB,CAAA,CAAA;AAC3D,EAAA,MAAM,sBAAyB,GAAA,kBAAA,CAAmB,KAAM,CAAA,CAAA,EAAG,QAAQ,CAAC,CAAA,CAAA;AAEpE,EAAA,MAAM,oBAAoBC,yBAAqB,EAAA,CAAA;AAC/C,EAAO,OAAA,sBAAA,CAAuB,SAAS,iBAAiB,CAAA,CAAA;AAC1D;;;;"}
+{"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":["useOrderedBreakpoints","useCurrentBreakpoint"],"mappings":";;;;AAMO,MAAM,iCAAA,GAAoC,CAC/C,kBAAA,KACY;AACZ,EAAA,MAAM,qBAAqBA,0BAAA,EAAsB;AACjD,EAAA,MAAM,KAAA,GAAQ,kBAAA,CAAmB,OAAA,CAAQ,kBAAkB,CAAA;AAC3D,EAAA,MAAM,oBAAoBC,yBAAA,EAAqB;AAC/C,EAAA,MAAM,sBAAA,GAAyB,kBAAA,CAAmB,OAAA,CAAQ,iBAAiB,CAAA;AAC3E,EAAA,OAAO,KAAA,IAAS,sBAAA;AAClB;;;;"}

package/dist-cjs/utils/useLayoutEffectOnce.js

@@ -1,12 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
 var core = require('@salt-ds/core');
+var react = require('react');
 
 const useLayoutEffectOnce = (condition, callback, dependencies) => {
-  const hasRun = React.useRef(false);
+  const hasRun = react.useRef(false);
   core.useIsomorphicLayoutEffect(() => {
     if (condition && !hasRun.current) {
       hasRun.current = true;

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

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEffectOnce.js","sources":["../src/utils/useLayoutEffectOnce.ts"],"sourcesContent":["import { DependencyList, EffectCallback, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nexport const useLayoutEffectOnce = (\n  condition: boolean,\n  callback: EffectCallback,\n  dependencies: DependencyList\n): void => {\n  const hasRun = useRef(false);\n  useIsomorphicLayoutEffect(() => {\n    if (condition && !hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, dependencies);\n};\n"],"names":["useRef","useIsomorphicLayoutEffect"],"mappings":";;;;;;;AAEO,MAAM,mBAAsB,GAAA,CACjC,SACA,EAAA,QAAA,EACA,YACS,KAAA;AACT,EAAM,MAAA,MAAA,GAASA,aAAO,KAAK,CAAA,CAAA;AAC3B,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,SAAA,IAAa,CAAC,MAAA,CAAO,OAAS,EAAA;AAChC,MAAA,MAAA,CAAO,OAAU,GAAA,IAAA,CAAA;AACjB,MAAS,QAAA,EAAA,CAAA;AAAA,KACX;AAAA,KAEC,YAAY,CAAA,CAAA;AACjB;;;;"}
+{"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":["useRef","useIsomorphicLayoutEffect"],"mappings":";;;;;AAEO,MAAM,mBAAA,GAAsB,CACjC,SAAA,EACA,QAAA,EACA,YAAA,KACS;AACT,EAAA,MAAM,MAAA,GAASA,aAAO,KAAK,CAAA;AAE3B,EAAAC,8BAAA,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-cjs/utils/useLayoutEffectSkipFirst.js

@@ -1,12 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
 var core = require('@salt-ds/core');
+var react = require('react');
 
 const useLayoutEffectSkipFirst = (callback, dependencies) => {
-  const goodToGo = React.useRef(false);
+  const goodToGo = react.useRef(false);
   core.useIsomorphicLayoutEffect(() => {
     if (goodToGo.current) {
       callback();

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

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEffectSkipFirst.js","sources":["../src/utils/useLayoutEffectSkipFirst.ts"],"sourcesContent":["import { DependencyList, EffectCallback, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\nexport const useLayoutEffectSkipFirst = (\n  callback: EffectCallback,\n  dependencies: DependencyList\n): void => {\n  const goodToGo = useRef(false);\n  useIsomorphicLayoutEffect(() => {\n    if (goodToGo.current) {\n      callback();\n    } else {\n      goodToGo.current = true;\n    }\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, dependencies);\n};\n"],"names":["useRef","useIsomorphicLayoutEffect"],"mappings":";;;;;;;AAGa,MAAA,wBAAA,GAA2B,CACtC,QAAA,EACA,YACS,KAAA;AACT,EAAM,MAAA,QAAA,GAAWA,aAAO,KAAK,CAAA,CAAA;AAC7B,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAS,OAAS,EAAA;AACpB,MAAS,QAAA,EAAA,CAAA;AAAA,KACJ,MAAA;AACL,MAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAA;AAAA,KACrB;AAAA,KAEC,YAAY,CAAA,CAAA;AACjB;;;;"}
+{"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":["useRef","useIsomorphicLayoutEffect"],"mappings":";;;;;AAGO,MAAM,wBAAA,GAA2B,CACtC,QAAA,EACA,YAAA,KACS;AACT,EAAA,MAAM,QAAA,GAAWA,aAAO,KAAK,CAAA;AAE7B,EAAAC,8BAAA,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-cjs/utils/useOverflowDetection.js

@@ -1,14 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
 var core = require('@salt-ds/core');
+var react = require('react');
 
 function useOverflowDetection(dependencies = []) {
-  const targetRef = React.useRef(null);
-  const [isOverflowed, setOverflowed] = React.useState(false);
-  const handleResize = React.useCallback(
+  const targetRef = react.useRef(null);
+  const [isOverflowed, setOverflowed] = react.useState(false);
+  const handleResize = react.useCallback(
     core.debounce(() => {
       const { current } = targetRef;
       if (!current) {
@@ -17,7 +15,7 @@ function useOverflowDetection(dependencies = []) {
       }
       setOverflowed(current.offsetWidth < current.scrollWidth);
     }),
-    [targetRef, isOverflowed]
+    [isOverflowed]
   );
   core.useIsomorphicLayoutEffect(() => {
     const win = core.ownerWindow(targetRef.current);
@@ -26,7 +24,7 @@ function useOverflowDetection(dependencies = []) {
       handleResize.clear();
       win.removeEventListener("resize", handleResize);
     };
-  }, [targetRef, handleResize]);
+  }, [handleResize]);
   core.useIsomorphicLayoutEffect(handleResize, dependencies);
   return [targetRef, isOverflowed];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useOverflowDetection.js","sources":["../src/utils/useOverflowDetection.ts"],"sourcesContent":["import { useState, useRef, Ref, DependencyList, useCallback } from \"react\";\nimport {\n  debounce,\n  ownerWindow,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\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    [targetRef, 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  }, [targetRef, handleResize]);\n\n  // We don't put handleResize in the dependency array as it's been handled by the `useLayoutEffect` above\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useIsomorphicLayoutEffect(handleResize, dependencies);\n\n  return [targetRef, isOverflowed];\n}\n"],"names":["useRef","useState","useCallback","debounce","useIsomorphicLayoutEffect","ownerWindow"],"mappings":";;;;;;;AAOgB,SAAA,oBAAA,CACd,YAA+B,GAAA,EACN,EAAA;AACzB,EAAM,MAAA,SAAA,GAAYA,aAAgB,IAAI,CAAA,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAEpD,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnBC,cAAS,MAAM;AACb,MAAM,MAAA,EAAE,SAAY,GAAA,SAAA,CAAA;AAEpB,MAAA,IAAI,CAAC,OAAS,EAAA;AAEZ,QAAA,YAAA,IAAgB,cAAc,KAAK,CAAA,CAAA;AACnC,QAAA,OAAA;AAAA,OACF;AAEA,MAAc,aAAA,CAAA,OAAA,CAAQ,WAAc,GAAA,OAAA,CAAQ,WAAW,CAAA,CAAA;AAAA,KACxD,CAAA;AAAA,IACD,CAAC,WAAW,YAAY,CAAA;AAAA,GAC1B,CAAA;AAGA,EAAAC,8BAAA,CAA0B,MAAM;AAE9B,IAAM,MAAA,GAAA,GAAMC,gBAAY,CAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAEzC,IAAI,GAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAM,EAAA,CAAA;AACnB,MAAI,GAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,KAChD,CAAA;AAAA,GACC,EAAA,CAAC,SAAW,EAAA,YAAY,CAAC,CAAA,CAAA;AAI5B,EAAAD,8BAAA,CAA0B,cAAc,YAAY,CAAA,CAAA;AAEpD,EAAO,OAAA,CAAC,WAAW,YAAY,CAAA,CAAA;AACjC;;;;"}
+{"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":["useRef","useState","useCallback","debounce","useIsomorphicLayoutEffect","ownerWindow"],"mappings":";;;;;AAaO,SAAS,oBAAA,CACd,YAAA,GAA+B,EAAC,EACP;AACzB,EAAA,MAAM,SAAA,GAAYA,aAAgB,IAAI,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAIC,eAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnBC,cAAS,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,EAAAC,8BAAA,CAA0B,MAAM;AAE9B,IAAA,MAAM,GAAA,GAAMC,gBAAA,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,EAAAD,8BAAA,CAA0B,cAAc,YAAY,CAAA;AAEpD,EAAA,OAAO,CAAC,WAAW,YAAY,CAAA;AACjC;;;;"}

package/dist-cjs/utils/useSlideSelection.js

@@ -1,12 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+var react = require('react');
 
 const useSlideSelection = (initialValue) => {
-  const [selectedSlide, setSelectedSlide] = React.useState(initialValue || 0);
-  const [selectedTransition, setSelectedTransition] = React.useState(void 0);
+  const [selectedSlide, setSelectedSlide] = react.useState(initialValue || 0);
+  const [selectedTransition, setSelectedTransition] = react.useState(void 0);
   const handleSlideSelection = (sliderIndex, transition) => {
     const newTransition = transition ? transition : selectedSlide < sliderIndex ? "increase" : "decrease";
     setSelectedSlide(sliderIndex);

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

@@ -1 +1 @@
-{"version":3,"file":"useSlideSelection.js","sources":["../src/utils/useSlideSelection.ts"],"sourcesContent":["import { LayoutAnimationTransition } from \"../deck-layout\";\nimport { useState } from \"react\";\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":["useState"],"mappings":";;;;;;AAGa,MAAA,iBAAA,GAAoB,CAC/B,YAKG,KAAA;AACH,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAAA,cAAA,CAAS,gBAAgB,CAAC,CAAA,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAIA,eAElD,KAAS,CAAA,CAAA,CAAA;AAEX,EAAM,MAAA,oBAAA,GAAuB,CAC3B,WAAA,EACA,UACG,KAAA;AACH,IAAA,MAAM,aAAgB,GAAA,UAAA,GAClB,UACA,GAAA,aAAA,GAAgB,cAChB,UACA,GAAA,UAAA,CAAA;AACJ,IAAA,gBAAA,CAAiB,WAAW,CAAA,CAAA;AAC5B,IAAA,qBAAA,CAAsB,aAAa,CAAA,CAAA;AAAA,GACrC,CAAA;AACA,EAAO,OAAA,CAAC,kBAAoB,EAAA,aAAA,EAAe,oBAAoB,CAAA,CAAA;AACjE;;;;"}
+{"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":["useState"],"mappings":";;;;AAGO,MAAM,iBAAA,GAAoB,CAC/B,YAAA,KAKG;AACH,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,cAAA,CAAS,gBAAgB,CAAC,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAIA,eAElD,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-cjs/window/ElectronWindow.js

@@ -1,22 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
-var React = require('react');
+var styles = require('@salt-ds/styles');
+var window$1 = require('@salt-ds/window');
+var react = require('react');
 var ReactDOM = require('react-dom');
-var WindowContext = require('./WindowContext.js');
 var desktopUtils = require('./desktop-utils.js');
-var window$1 = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
 var ElectronWindow$1 = require('./ElectronWindow.css.js');
+var WindowContext = require('./WindowContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-
-const Window = React.forwardRef(function ElectronWindow2({ className, children, id = "dialog", open = true, style = {}, ...rest }, forwardedRef) {
+const Window = react.forwardRef(function ElectronWindow2({ className, children, id = "dialog", open = true, style = {}, ...rest }, forwardedRef) {
   const { top, left, position, ...styleRest } = style;
   const targetWindow = window$1.useWindow();
   styles.useComponentCssInjection({
@@ -24,13 +18,12 @@ const Window = React.forwardRef(function ElectronWindow2({ className, children,
     css: ElectronWindow$1,
     window: targetWindow
   });
-  const [mountNode, setMountNode] = React.useState(null);
-  const [windowRef, setWindowRef] = React.useState(null);
-  const windowRoot = React.useRef(null);
+  const [mountNode, setMountNode] = react.useState(null);
+  const windowRoot = react.useRef(null);
   const forkedRef = core.useForkRef(forwardedRef, windowRoot);
   if (!mountNode) {
     const win = window.open("", id);
-    win.document.write(
+    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) => {
@@ -38,16 +31,15 @@ const Window = React.forwardRef(function ElectronWindow2({ className, children,
     });
     const bodyElement = win.document.body;
     setMountNode(bodyElement);
-    setWindowRef(win);
   }
   const parentWindow = desktopUtils.useWindowParentContext();
-  const closeWindow = React.useCallback(() => {
+  const closeWindow = react.useCallback(() => {
     const { ipcRenderer } = global;
     if (ipcRenderer) {
       ipcRenderer.send("window-close", { id });
     }
   }, [id]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     setTimeout(() => {
       if (windowRoot.current) {
         const { scrollHeight: height, scrollWidth: width } = windowRoot.current;
@@ -62,7 +54,7 @@ const Window = React.forwardRef(function ElectronWindow2({ className, children,
       }
     }, 80);
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     const { ipcRenderer } = global;
     if (ipcRenderer) {
       setTimeout(() => {
@@ -72,7 +64,7 @@ const Window = React.forwardRef(function ElectronWindow2({ className, children,
     return () => {
       closeWindow();
     };
-  }, [closeWindow, windowRef, id]);
+  }, [closeWindow, id]);
   core.useIsomorphicLayoutEffect(() => {
     setTimeout(() => {
       const { ipcRenderer } = global;
@@ -85,27 +77,19 @@ const Window = React.forwardRef(function ElectronWindow2({ className, children,
         });
       }
     }, 90);
-  }, [style]);
-  return mountNode ? ReactDOM__default["default"].createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(core.SaltProvider, {
-      children: /* @__PURE__ */ jsxRuntime.jsx(desktopUtils.WindowParentContext.Provider, {
+  }, [style, id, parentWindow.id]);
+  return mountNode ? ReactDOM.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(core.SaltProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      desktopUtils.WindowParentContext.Provider,
+      {
         value: {
           top: style.top + parentWindow.top,
           left: style.left + parentWindow.left,
           id
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: "saltWindow",
-          ref: forkedRef,
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className,
-            style: { ...styleRest },
-            ...rest,
-            children
-          })
-        })
-      })
-    }),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "saltWindow", ref: forkedRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...styleRest }, ...rest, children }) })
+      }
+    ) }),
     mountNode
   ) : null;
 });

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

@@ -1 +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 { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { isDesktop, Window as SaltWindow, WindowProps } from \"../window\";\n\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport electronWindowCss from \"./ElectronWindow.css\";\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 [windowRef, setWindowRef] = useState<Window | 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 as Window).document.write(\n      // eslint-disable-next-line no-restricted-globals\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    setWindowRef(win);\n  }\n\n  const parentWindow = useWindowParentContext();\n\n  const closeWindow = useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\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        // @ts-ignore\n        const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        const { ipcRenderer } = global as any;\n        if (ipcRenderer) {\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\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    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      setTimeout(() => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n        ipcRenderer.send(\"window-ready\", { id: id });\n      }, 100);\n    }\n\n    return () => {\n      closeWindow();\n    };\n  }, [closeWindow, windowRef, 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      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const { ipcRenderer } = global as any;\n      if (ipcRenderer) {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\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]);\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":["forwardRef","ElectronWindow","useWindow","useComponentCssInjection","electronWindowCss","useState","useRef","useForkRef","useWindowParentContext","useCallback","useEffect","useIsomorphicLayoutEffect","ReactDOM","jsx","SaltProvider","WindowParentContext","isDesktop","SaltWindow"],"mappings":"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"}
+{"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":["forwardRef","ElectronWindow","useWindow","useComponentCssInjection","electronWindowCss","useState","useRef","useForkRef","useWindowParentContext","useCallback","useEffect","useIsomorphicLayoutEffect","SaltProvider","jsx","WindowParentContext","isDesktop","SaltWindow"],"mappings":"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"}

package/dist-cjs/window/WindowContext.js

@@ -1,19 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var react = require('react');
 
-const Window = React.forwardRef(function Window2({ children, open, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ...props,
-    ref,
-    children
-  });
+const Window = react.forwardRef(function Window2({ children, open, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref, children });
 });
-const WindowContext = React.createContext(Window);
-const useWindow = () => React.useContext(WindowContext);
+const WindowContext = react.createContext(Window);
+const useWindow = () => react.useContext(WindowContext);
 const globalObject = typeof global === "undefined" ? window : global;
 const isDesktop = globalObject.isDesktop;
 

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

@@ -1 +1 @@
-{"version":3,"file":"WindowContext.js","sources":["../src/window/WindowContext.tsx"],"sourcesContent":["import {\n  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;\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-explicit-any\nexport const isDesktop: boolean = (globalObject as any).isDesktop;\n"],"names":["forwardRef","Window","jsx","createContext","useContext"],"mappings":";;;;;;;AAWa,MAAA,MAAA,GAASA,iBAAwC,SAASC,OAAAA,CACrE,EAAE,QAAU,EAAA,IAAA,EAAA,GAAS,KAAM,EAAA,EAC3B,GACA,EAAA;AACA,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,KAAA;AAAA,IAAO,GAAA;AAAA,IACb,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,aAAA,GAAgBC,oBAA6B,MAAM,EAAA;AAEnD,MAAA,SAAA,GAAY,MAAMC,gBAAA,CAAW,aAAa,EAAA;AAEvD,MAAM,YAAe,GAAA,OAAO,MAAW,KAAA,WAAA,GAAc,MAAS,GAAA,MAAA,CAAA;AAEvD,MAAM,YAAsB,YAAqB,CAAA;;;;;;;"}
+{"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":["forwardRef","Window","jsx","createContext","useContext"],"mappings":";;;;;AAWO,MAAM,MAAA,GAASA,gBAAA,CAAwC,SAASC,OAAAA,CACrE,EAAE,UAAU,IAAA,EAAM,GAAG,KAAA,EAAM,EAC3B,GAAA,EACA;AACA,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAO,KACb,QAAA,EACH,CAAA;AAEJ,CAAC;AAEM,MAAM,aAAA,GAAgBC,oBAA6B,MAAM;AAEzD,MAAM,SAAA,GAAY,MAAMC,gBAAA,CAAW,aAAa;AAEvD,MAAM,YAAA,GAAe,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,GAAS,MAAA;AACvD,MAAM,YAAsB,YAAA,CAAqB;;;;;;;"}

package/dist-cjs/window/desktop-utils.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var react = require('react');
 
-var React = require('react');
-
-const WindowParentContext = React.createContext({ top: 0, left: 0, id: "" });
-const useWindowParentContext = () => React.useContext(WindowParentContext);
+const WindowParentContext = react.createContext({ top: 0, left: 0, id: "" });
+const useWindowParentContext = () => react.useContext(WindowParentContext);
 
 exports.WindowParentContext = WindowParentContext;
 exports.useWindowParentContext = useWindowParentContext;

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

@@ -1 +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":["createContext","useContext"],"mappings":";;;;;;AAEa,MAAA,mBAAA,GAAsBA,oBAIhC,EAAE,GAAA,EAAK,GAAG,IAAM,EAAA,CAAA,EAAG,EAAI,EAAA,EAAA,EAAI,EAAA;AAEjB,MAAA,sBAAA,GAAyB,MAAMC,gBAAA,CAAW,mBAAmB;;;;;"}
+{"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":["createContext","useContext"],"mappings":";;;;AAEO,MAAM,mBAAA,GAAsBA,oBAIhC,EAAE,GAAA,EAAK,GAAG,IAAA,EAAM,CAAA,EAAG,EAAA,EAAI,EAAA,EAAI;AAEvB,MAAM,sBAAA,GAAyB,MAAMC,gBAAA,CAAW,mBAAmB;;;;;"}

package/dist-es/app-header/AppHeader.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".salt-density-medium,\n.salt-density-low,\n.salt-density-touch {\n  --appHeader-height: var(--saltAppHeader-height, calc(var(--salt-size-base) + var(--salt-size-unit) * 2));\n}\n\n.salt-density-high {\n  --appHeader-height: var(--saltAppHeader-height, calc(var(--salt-size-base) + var(--salt-size-unit) * 3));\n}\n\n.saltAppHeader {\n  --appHeader-background: var(--salt-container-primary-background);\n  --appHeader-separable-bar: var(--salt-separable-secondary-borderColor);\n  --appHeader-shadow: var(--saltAppHeader-shadow, var(--salt-overlayable-shadow-borderRegion));\n  --appHeader-padding: var(--salt-size-container-spacing);\n  --appHeader-paddingLeft: 8px;\n  --appHeader-paddingRight: var(--appHeader-padding);\n\n  --saltToolbar-width: auto;\n}\n\n.saltAppHeader .saltTabstrip {\n  --saltTabs-tabstrip-height: var(--appHeader-height);\n  /* App header has its own bottom border, so remove tabs line but keeping activation indicator */\n  --saltTabs-activationIndicator-height: 0px;\n  --saltTabs-activationIndicator-thumb-inset: -2px 0 0 0;\n}\n\n.saltAppHeader {\n  align-items: flex-start;\n  background: var(--appHeader-background);\n  border-bottom: var(--salt-container-borderStyle) var(--salt-size-border) var(--salt-container-primary-borderColor);\n  box-shadow: var(--appHeader-shadow);\n  box-sizing: content-box;\n  display: flex;\n  flex: 0 0 auto;\n  height: var(--appHeader-height);\n  overflow: hidden;\n  padding: 0 var(--appHeader-paddingRight) 0 var(--appHeader-paddingLeft);\n  width: 100%;\n}\n\n.saltAppHeader > .Responsive-inner {\n  width: 100%;\n  /* overflow: hidden; */\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  /* justify-content: space-between; */\n  flex: 1;\n  min-height: var(--appHeader-height);\n}\n\n.saltAppHeader > .Responsive-inner > .responsive-pillar {\n  width: 0;\n  height: var(--appHeader-height);\n}\n\n.saltAppHeader-navMenu {\n  margin-right: 12px;\n  padding-right: 8px;\n}\n\n.saltAppHeader-navMenu::after {\n  top: 0;\n  right: 0;\n  width: var(--salt-size-border);\n  bottom: 0;\n  content: \"\";\n  position: absolute;\n  background: var(--appHeader-separable-bar);\n}\n\n.saltAppHeader .saltLogo:not(.saltLogo-compact) {\n  margin-left: 16px;\n}\n\n.saltAppHeader > .Responsive-inner > .Tabstrip {\n  align-self: flex-end;\n  flex: 0 0 auto;\n  margin-left: 48px;\n}\n\n.saltAppHeader > .Responsive-inner > [data-pad-end] {\n  margin-right: auto;\n}\n\n.saltAppHeader > .Responsive-inner > * {\n  flex-shrink: 0;\n}\n\n.saltAppHeader > .Responsive-inner > .Toolbar {\n  justify-content: flex-end;\n  margin-left: 48px;\n}\n\n.saltAppHeader > .Responsive-inner > [data-pad-start=\"true\"] {\n  margin-left: auto;\n}\n\n.saltAppHeader > .Responsive-inner[data-collapsing=\"true\"] {\n  flex-wrap: nowrap;\n}\n\n.saltAppHeader > .Responsive-inner > *[data-collapsing=\"true\"] {\n  flex-shrink: 1;\n}\n\n.saltAppHeader > .Responsive-inner > *[data-collapsible=\"dynamic\"][data-collapsed=\"true\"] {\n  flex-basis: 0;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n";
+var css_248z = ".salt-density-medium,\n.salt-density-low,\n.salt-density-touch {\n  --appHeader-height: var(--saltAppHeader-height, calc(var(--salt-size-base) + var(--salt-size-unit) * 2));\n}\n\n.salt-density-high {\n  --appHeader-height: var(--saltAppHeader-height, calc(var(--salt-size-base) + var(--salt-size-unit) * 3));\n}\n\n.saltAppHeader {\n  --appHeader-background: var(--salt-container-primary-background);\n  --appHeader-separable-bar: var(--salt-separable-secondary-borderColor);\n  --appHeader-shadow: var(--saltAppHeader-shadow, var(--salt-overlayable-shadow-region));\n  --appHeader-padding: var(--salt-size-container-spacing);\n  --appHeader-paddingLeft: 8px;\n  --appHeader-paddingRight: var(--appHeader-padding);\n\n  --saltToolbar-width: auto;\n}\n\n.saltAppHeader .saltTabstrip {\n  --saltTabs-tabstrip-height: var(--appHeader-height);\n  /* App header has its own bottom border, so remove tabs line but keeping activation indicator */\n  --saltTabs-activationIndicator-height: 0px;\n  --saltTabs-activationIndicator-thumb-inset: -2px 0 0 0;\n}\n\n.saltAppHeader {\n  align-items: flex-start;\n  background: var(--appHeader-background);\n  border-bottom: var(--salt-borderStyle-solid) var(--salt-size-fixed-100) var(--salt-separable-primary-borderColor);\n  box-shadow: var(--appHeader-shadow);\n  box-sizing: content-box;\n  display: flex;\n  flex: 0 0 auto;\n  height: var(--appHeader-height);\n  overflow: hidden;\n  padding: 0 var(--appHeader-paddingRight) 0 var(--appHeader-paddingLeft);\n  width: 100%;\n}\n\n.saltAppHeader > .Responsive-inner {\n  width: 100%;\n  /* overflow: hidden; */\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  /* justify-content: space-between; */\n  flex: 1;\n  min-height: var(--appHeader-height);\n}\n\n.saltAppHeader > .Responsive-inner > .responsive-pillar {\n  width: 0;\n  height: var(--appHeader-height);\n}\n\n.saltAppHeader-navMenu {\n  margin-right: 12px;\n  padding-right: 8px;\n}\n\n.saltAppHeader-navMenu::after {\n  top: 0;\n  right: 0;\n  width: var(--salt-size-fixed-100);\n  bottom: 0;\n  content: \"\";\n  position: absolute;\n  background: var(--appHeader-separable-bar);\n}\n\n.saltAppHeader .saltLogo:not(.saltLogo-compact) {\n  margin-left: 16px;\n}\n\n.saltAppHeader > .Responsive-inner > .Tabstrip {\n  align-self: flex-end;\n  flex: 0 0 auto;\n  margin-left: 48px;\n}\n\n.saltAppHeader > .Responsive-inner > [data-pad-end] {\n  margin-right: auto;\n}\n\n.saltAppHeader > .Responsive-inner > * {\n  flex-shrink: 0;\n}\n\n.saltAppHeader > .Responsive-inner > .Toolbar {\n  justify-content: flex-end;\n  margin-left: 48px;\n}\n\n.saltAppHeader > .Responsive-inner > [data-pad-start=\"true\"] {\n  margin-left: auto;\n}\n\n.saltAppHeader > .Responsive-inner[data-collapsing=\"true\"] {\n  flex-wrap: nowrap;\n}\n\n.saltAppHeader > .Responsive-inner > *[data-collapsing=\"true\"] {\n  flex-shrink: 1;\n}\n\n.saltAppHeader > .Responsive-inner > *[data-collapsible=\"dynamic\"][data-collapsed=\"true\"] {\n  flex-basis: 0;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=AppHeader.css.js.map

package/dist-es/app-header/AppHeader.js

@@ -1,33 +1,39 @@
 import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { Toolbar } from '../toolbar/Toolbar.js';
 import { makePrefixer } from '@salt-ds/core';
+import { MenuIcon } from '@salt-ds/icons';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
 import { forwardRef } from 'react';
-import '../toolbar/overflow-panel/OverflowPanel.js';
-import '../utils/useFloatingUI.js';
+import { Toolbar } from '../toolbar/Toolbar.js';
+import '../toolbar/ToolbarButton.js';
 import '../responsive/useResizeObserver.js';
 import '../toolbar/toolbar-field/ToolbarField.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import '../toolbar/ToolbarButton.js';
-import { MenuIcon } from '@salt-ds/icons';
+import '../toolbar/overflow-panel/OverflowPanel.js';
 import css_248z from './AppHeader.css.js';
 
 const withBaseName = makePrefixer("saltAppHeader");
 const AppHeader = forwardRef(
-  ({ children, className, ...rest }, ref) => {
+  ({
+    children,
+    className
+    // ...rest
+  }, ref) => {
     const targetWindow = useWindow();
     useComponentCssInjection({
       testId: "salt-app-header",
       css: css_248z,
       window: targetWindow
     });
-    return /* @__PURE__ */ jsx(Toolbar, {
-      className: clsx(withBaseName(), className),
-      ref,
-      overflowButtonIcon: /* @__PURE__ */ jsx(MenuIcon, {}),
-      children
-    });
+    return /* @__PURE__ */ jsx(
+      Toolbar,
+      {
+        className: clsx(withBaseName(), className),
+        ref,
+        overflowButtonIcon: /* @__PURE__ */ jsx(MenuIcon, {}),
+        children
+      }
+    );
   }
 );
 

package/dist-es/app-header/AppHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.js","sources":["../src/app-header/AppHeader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Toolbar } from \"../toolbar\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { MenuIcon } from \"@salt-ds/icons\";\n\nimport { forwardRef, HTMLAttributes } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport appHeaderCss from \"./AppHeader.css\";\n\nconst withBaseName = makePrefixer(\"saltAppHeader\");\n\nexport type AppHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AppHeader = forwardRef<HTMLDivElement, AppHeaderProps>(\n  ({ children, className, ...rest }, ref) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-app-header\",\n      css: appHeaderCss,\n      window: targetWindow,\n    });\n\n    // const [innerContainerRef, overflowedItems] = useOverflowObserver(\n    //   \"horizontal\",\n    //   null\n    // );\n\n    return (\n      <Toolbar\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        overflowButtonIcon={<MenuIcon />}\n        // OverflowButtonProps={{ align: \"start\" }}\n      >\n        {children}\n      </Toolbar>\n    );\n    // return (\n    //   <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n    //     <div className={withBaseName(\"innerContainer\")} ref={innerContainerRef}>\n    //       <OverflowMenu\n    //         className={withBaseName(\"navMenu\")}\n    //         IconComponent={MenuIcon}\n    //         source={overflowedItems}\n    //       />\n    //       {children}\n    //     </div>\n    //   </div>\n    // );\n  }\n);\n"],"names":["appHeaderCss"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA,CAAA;AAI1C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAC,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAQ,KAAA;AACzC,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAA,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAOD,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACA,kBAAA,sBAAqB,QAAS,EAAA,EAAA,CAAA;AAAA,MAG7B,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAcJ;AACF;;;;"}
+{"version":3,"file":"AppHeader.js","sources":["../src/app-header/AppHeader.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { MenuIcon } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { Toolbar } from \"../toolbar\";\n\nimport appHeaderCss from \"./AppHeader.css\";\n\nconst withBaseName = makePrefixer(\"saltAppHeader\");\n\nexport type AppHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AppHeader = forwardRef<HTMLDivElement, AppHeaderProps>(\n  (\n    {\n      children,\n      className,\n      // ...rest\n    },\n    ref,\n  ) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-app-header\",\n      css: appHeaderCss,\n      window: targetWindow,\n    });\n\n    // const [innerContainerRef, overflowedItems] = useOverflowObserver(\n    //   \"horizontal\",\n    //   null\n    // );\n\n    return (\n      <Toolbar\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        overflowButtonIcon={<MenuIcon />}\n        // OverflowButtonProps={{ align: \"start\" }}\n      >\n        {children}\n      </Toolbar>\n    );\n    // return (\n    //   <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n    //     <div className={withBaseName(\"innerContainer\")} ref={innerContainerRef}>\n    //       <OverflowMenu\n    //         className={withBaseName(\"navMenu\")}\n    //         IconComponent={MenuIcon}\n    //         source={overflowedItems}\n    //       />\n    //       {children}\n    //     </div>\n    //   </div>\n    // );\n  },\n);\n"],"names":["appHeaderCss"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAI1C,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CACE;AAAA,IACE,QAAA;AAAA,IACA;AAAA;AAAA,KAGF,GAAA,KACG;AACH,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,iBAAA;AAAA,MACR,GAAA,EAAKA,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAOD,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACA,kBAAA,sBAAqB,QAAA,EAAA,EAAS,CAAA;AAAA,QAG7B;AAAA;AAAA,KACH;AAAA,EAcJ;AACF;;;;"}