@salt-ds/lab 1.0.0-alpha.5 → 1.0.0-alpha.51

package/dist-cjs/packages/lab/src/tree/TreeNode.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var icons = require('@salt-ds/icons');
-var core = require('@salt-ds/core');
-require('./TreeNode.css.js');
-
-const withBaseName = core.makePrefixer("saltTreeNode");
-const TreeNode = ({
-  "aria-level": ariaLevel,
-  children,
-  className: classNameProp,
-  description,
-  highlighted,
-  idx,
-  isLeaf = false,
-  label,
-  onMouseEnter,
-  selected,
-  ...props
-}) => {
-  const className = clsx.clsx(withBaseName(), classNameProp, {
-    [withBaseName("highlighted")]: highlighted
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", {
-    ...props,
-    className,
-    role: "presentation",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        "aria-level": ariaLevel,
-        "aria-selected": selected || void 0,
-        className: withBaseName("item"),
-        onMouseEnter,
-        role: "treeitem",
-        children: [
-          isLeaf === false ? /* @__PURE__ */ jsxRuntime.jsx("span", {
-            className: withBaseName("toggle"),
-            "data-toggle": true,
-            children: /* @__PURE__ */ jsxRuntime.jsx(icons.TriangleRightIcon, {})
-          }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("label"),
-            children: label
-          }),
-          description !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("description"),
-            children: description
-          }) : null
-        ]
-      }),
-      children
-    ]
-  });
-};
-
-exports.TreeNode = TreeNode;
-//# sourceMappingURL=TreeNode.js.map

package/dist-cjs/packages/lab/src/tree/TreeNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeNode.js","sources":["../src/tree/TreeNode.tsx"],"sourcesContent":["import { HTMLAttributes, MouseEventHandler, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { TriangleRightIcon } from \"@salt-ds/icons\";\n\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport \"./TreeNode.css\";\n\nconst withBaseName = makePrefixer(\"saltTreeNode\");\nexport interface TreeNodeProps\n  extends Omit<HTMLAttributes<HTMLLIElement>, \"onMouseEnter\"> {\n  children?: ReactNode;\n  description?: string;\n  highlighted?: boolean;\n  idx?: number;\n  isLeaf?: boolean;\n  label?: string;\n  onMouseEnter?: MouseEventHandler;\n  selected?: boolean;\n}\n\nexport const TreeNode = ({\n  \"aria-level\": ariaLevel,\n  children,\n  className: classNameProp,\n  description,\n  highlighted,\n  idx,\n  isLeaf = false,\n  label,\n  onMouseEnter,\n  selected,\n  ...props\n}: TreeNodeProps) => {\n  const className = clsx(withBaseName(), classNameProp, {\n    [withBaseName(\"highlighted\")]: highlighted,\n  });\n\n  return (\n    <li {...props} className={className} role=\"presentation\">\n      <div\n        aria-level={ariaLevel}\n        aria-selected={selected || undefined}\n        className={withBaseName(\"item\")}\n        onMouseEnter={onMouseEnter}\n        role=\"treeitem\"\n      >\n        {isLeaf === false ? (\n          <span className={withBaseName(\"toggle\")} data-toggle={true}>\n            <TriangleRightIcon />\n          </span>\n        ) : null}\n        <div className={withBaseName(\"label\")}>\n          {/* {child.icon ? <span className={`${classBase}Node-icon`} /> : null} */}\n          {label}\n        </div>\n        {description !== undefined ? (\n          <div className={withBaseName(\"description\")}>{description}</div>\n        ) : null}\n      </div>\n      {children}\n    </li>\n  );\n};\n"],"names":["makePrefixer","clsx","jsxs","jsx","TriangleRightIcon"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA,CAAA;AAazC,MAAM,WAAW,CAAC;AAAA,EACvB,YAAc,EAAA,SAAA;AAAA,EACd,QAAA;AAAA,EACA,SAAW,EAAA,aAAA;AAAA,EACX,WAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAS,GAAA,KAAA;AAAA,EACT,KAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,KAAA;AACL,CAAqB,KAAA;AACnB,EAAA,MAAM,SAAY,GAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,aAAe,EAAA;AAAA,IACpD,CAAC,YAAa,CAAA,aAAa,CAAI,GAAA,WAAA;AAAA,GAChC,CAAA,CAAA;AAED,EAAA,uBACGC,eAAA,CAAA,IAAA,EAAA;AAAA,IAAI,GAAG,KAAA;AAAA,IAAO,SAAA;AAAA,IAAsB,IAAK,EAAA,cAAA;AAAA,IACxC,QAAA,EAAA;AAAA,sBAACA,eAAA,CAAA,KAAA,EAAA;AAAA,QACC,YAAY,EAAA,SAAA;AAAA,QACZ,iBAAe,QAAY,IAAA,KAAA,CAAA;AAAA,QAC3B,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,QAC9B,YAAA;AAAA,QACA,IAAK,EAAA,UAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,UAAA,MAAA,KAAW,wBACTC,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,YAAG,aAAa,EAAA,IAAA;AAAA,YACpD,yCAACC,uBAAkB,EAAA,EAAA,CAAA;AAAA,WACrB,CACE,GAAA,IAAA;AAAA,0BACHD,cAAA,CAAA,KAAA,EAAA;AAAA,YAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,YAEjC,QAAA,EAAA,KAAA;AAAA,WACH,CAAA;AAAA,UACC,WAAA,KAAgB,yBACdA,cAAA,CAAA,KAAA,EAAA;AAAA,YAAI,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,YAAI,QAAA,EAAA,WAAA;AAAA,WAAY,CACxD,GAAA,IAAA;AAAA,SAAA;AAAA,OACN,CAAA;AAAA,MACC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/tree/use-tree-keyboard-navigation.js

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var keyUtils = require('../common-hooks/keyUtils.js');
-
-const getNodeParentPath = ({ id }) => {
-  let pos = id.lastIndexOf("-");
-  if (pos !== -1) {
-    const path = id.slice(pos + 1);
-    const steps = path.split(".");
-    if (steps.length === 1) {
-      return null;
-    } else {
-      steps.pop();
-      return `${id.slice(0, pos)}-${steps.join(".")}`;
-    }
-  } else if ((pos = id.lastIndexOf("/")) !== -1) {
-    return id.slice(0, pos);
-  }
-};
-const useKeyboardNavigation = ({
-  collectionHook,
-  highlightedIdx,
-  highlightItemAtIndex
-}) => {
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (e.key === keyUtils.ArrowLeft) {
-        const node = collectionHook.data[highlightedIdx];
-        const parentId = getNodeParentPath(node);
-        if (parentId) {
-          highlightItemAtIndex(
-            collectionHook.data.findIndex((item) => item.id === parentId)
-          );
-        }
-      }
-    },
-    [highlightedIdx, highlightItemAtIndex]
-  );
-  const listHandlers = {
-    onKeyDown: handleKeyDown
-  };
-  return {
-    listHandlers
-  };
-};
-
-exports.getNodeParentPath = getNodeParentPath;
-exports.useKeyboardNavigation = useKeyboardNavigation;
-//# sourceMappingURL=use-tree-keyboard-navigation.js.map

package/dist-cjs/packages/lab/src/tree/use-tree-keyboard-navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-tree-keyboard-navigation.js","sources":["../src/tree/use-tree-keyboard-navigation.ts"],"sourcesContent":["import { KeyboardEvent, useCallback } from \"react\";\nimport { ArrowLeft } from \"../common-hooks/keyUtils\";\nimport { CollectionItem, CollectionHookResult } from \"../common-hooks\";\n\nexport const getNodeParentPath = ({ id }: CollectionItem<any>) => {\n  let pos = id!.lastIndexOf(\"-\");\n  if (pos !== -1) {\n    // using the built-in hierarchical id scheme\n    // rootId-n-n.n\n    const path = id!.slice(pos + 1);\n    const steps = path.split(\".\");\n    if (steps.length === 1) {\n      return null;\n    } else {\n      steps.pop();\n      return `${id!.slice(0, pos)}-${steps.join(\".\")}`;\n    }\n  } else if ((pos = id!.lastIndexOf(\"/\")) !== -1) {\n    // using a path scheme step/step/step\n    return id!.slice(0, pos);\n  }\n};\n\ninterface TreeNavigationHookProps<Item> {\n  collectionHook: CollectionHookResult<Item>;\n  highlightedIdx: number;\n  highlightItemAtIndex: (index: number) => void;\n}\n\ninterface TreeNavigationHookResult {\n  listHandlers: {\n    onKeyDown: (evt: KeyboardEvent) => void;\n  };\n}\n\n// we need a way to set highlightedIdx when selection changes\nexport const useKeyboardNavigation = <Item>({\n  collectionHook,\n  highlightedIdx,\n  highlightItemAtIndex,\n}: TreeNavigationHookProps<Item>): TreeNavigationHookResult => {\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === ArrowLeft) {\n        const node = collectionHook.data[highlightedIdx];\n        const parentId = getNodeParentPath(node);\n        if (parentId) {\n          highlightItemAtIndex(\n            collectionHook.data.findIndex((item) => item.id === parentId)\n          );\n        }\n      }\n    },\n    [highlightedIdx, highlightItemAtIndex]\n  );\n\n  const listHandlers = {\n    onKeyDown: handleKeyDown,\n  };\n\n  return {\n    listHandlers,\n  };\n};\n"],"names":["useCallback","ArrowLeft"],"mappings":";;;;;;;AAIO,MAAM,iBAAoB,GAAA,CAAC,EAAE,EAAA,EAA8B,KAAA;AAChE,EAAI,IAAA,GAAA,GAAM,EAAI,CAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAC7B,EAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AAGd,IAAA,MAAM,IAAO,GAAA,EAAA,CAAI,KAAM,CAAA,GAAA,GAAM,CAAC,CAAA,CAAA;AAC9B,IAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAC5B,IAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACF,MAAA;AACL,MAAA,KAAA,CAAM,GAAI,EAAA,CAAA;AACV,MAAO,OAAA,CAAA,EAAG,GAAI,KAAM,CAAA,CAAA,EAAG,GAAG,CAAK,CAAA,CAAA,EAAA,KAAA,CAAM,KAAK,GAAG,CAAA,CAAA,CAAA,CAAA;AAAA,KAC/C;AAAA,cACU,GAAM,GAAA,EAAA,CAAI,WAAY,CAAA,GAAG,OAAO,CAAI,CAAA,EAAA;AAE9C,IAAO,OAAA,EAAA,CAAI,KAAM,CAAA,CAAA,EAAG,GAAG,CAAA,CAAA;AAAA,GACzB;AACF,EAAA;AAeO,MAAM,wBAAwB,CAAO;AAAA,EAC1C,cAAA;AAAA,EACA,cAAA;AAAA,EACA,oBAAA;AACF,CAA+D,KAAA;AAC7D,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAC,CAAqB,KAAA;AACpB,MAAI,IAAA,CAAA,CAAE,QAAQC,kBAAW,EAAA;AACvB,QAAM,MAAA,IAAA,GAAO,eAAe,IAAK,CAAA,cAAA,CAAA,CAAA;AACjC,QAAM,MAAA,QAAA,GAAW,kBAAkB,IAAI,CAAA,CAAA;AACvC,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,oBAAA;AAAA,YACE,eAAe,IAAK,CAAA,SAAA,CAAU,CAAC,IAAS,KAAA,IAAA,CAAK,OAAO,QAAQ,CAAA;AAAA,WAC9D,CAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,gBAAgB,oBAAoB,CAAA;AAAA,GACvC,CAAA;AAEA,EAAA,MAAM,YAAe,GAAA;AAAA,IACnB,SAAW,EAAA,aAAA;AAAA,GACb,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/dist-cjs/packages/lab/src/tree/useTree.js

@@ -1,157 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-require('@salt-ds/core');
-require('../common-hooks/collectionProvider.js');
-require('../common-hooks/keyUtils.js');
-var useCollapsibleGroups = require('../common-hooks/useCollapsibleGroups.js');
-var listDomUtils = require('../common-hooks/list-dom-utils.js');
-require('../utils/useFloatingUI.js');
-var useKeyboardNavigation = require('../common-hooks/useKeyboardNavigation.js');
-var useSelection = require('../common-hooks/useSelection.js');
-var useViewportTracking = require('../common-hooks/useViewportTracking.js');
-var useTreeKeyboardNavigation = require('./use-tree-keyboard-navigation.js');
-
-const useTree = ({
-  collectionHook,
-  containerRef,
-  contentRef = containerRef,
-  defaultSelected,
-  disabled,
-  groupSelection,
-  onSelect,
-  onSelectionChange,
-  onToggle,
-  onHighlight: onHighlightProp,
-  selected: selectedProp,
-  selectionStrategy
-}) => {
-  const lastSelection = React.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.useKeyboardNavigation({
-    containerRef,
-    indexPositions: collectionHook.data,
-    onHighlight: onHighlightProp,
-    onKeyboardNavigation: handleKeyboardNavigation,
-    selected: lastSelection.current
-  });
-  const collapsibleHook = useCollapsibleGroups.useCollapsibleGroups({
-    collapsibleHeaders: true,
-    collectionHook,
-    highlightedIdx,
-    onToggle
-  });
-  const selectionHook = useSelection.useSelection({
-    defaultSelected,
-    highlightedIdx,
-    indexPositions: collectionHook.data,
-    onSelect,
-    onSelectionChange,
-    selected: selectedProp,
-    selectionStrategy
-  });
-  const treeNavigationHook = useTreeKeyboardNavigation.useKeyboardNavigation({
-    collectionHook,
-    highlightedIdx,
-    highlightItemAtIndex: keyboardHook.setHighlightedIndex
-  });
-  const handleClick = React.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 = React.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.onClick,
-      collapsibleHook.onKeyDown,
-      keyboardHook.listProps,
-      selectionHook.listHandlers,
-      treeNavigationHook.listHandlers
-    ]
-  );
-  const { isScrolling, scrollIntoView } = useViewportTracking.useViewportTracking({
-    containerRef,
-    contentRef,
-    highlightedIdx,
-    indexPositions: collectionHook.data
-  });
-  const handleMouseMove = React.useCallback(
-    (evt) => {
-      if (!isScrolling.current && !disabled) {
-        keyboardHook.listProps.onMouseMove();
-        const idx = listDomUtils.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 = {
-    onClick: handleClick,
-    onMouseMove: handleMouseMove
-  };
-  const listItemHandlers = {
-    onClick: handleClick
-  };
-  return {
-    focusVisible: keyboardHook.focusVisible,
-    highlightedIdx,
-    highlightItemAtIndex: keyboardHook.setHighlightedIndex,
-    listHandlers,
-    listProps,
-    listItemHandlers,
-    selected: selectionHook.selected,
-    setSelected: selectionHook.setSelected
-  };
-};
-
-exports.useTree = useTree;
-//# sourceMappingURL=useTree.js.map

package/dist-cjs/packages/lab/src/tree/useTree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import { KeyboardEvent, useCallback, useRef, MouseEvent } from \"react\";\nimport {\n  closestListItemIndex,\n  ListHandlers,\n  SelectionStrategy,\n  useCollapsibleGroups,\n  useKeyboardNavigation,\n  useSelection,\n  useViewportTracking,\n} from \"../common-hooks\";\nimport { ListControlProps } from \"../list/listTypes\";\nimport { 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  groupSelection,\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 = (evt: KeyboardEvent, nextIdx: number) => {\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) => {\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) => {\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.onClick,\n      collapsibleHook.onKeyDown,\n      keyboardHook.listProps,\n      selectionHook.listHandlers,\n      treeNavigationHook.listHandlers,\n    ]\n  );\n\n  // This is only appropriate whan we are directly controlling a List,\n  // not when a control is manipulating the list\n  const { isScrolling, scrollIntoView } = 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":["useRef","useKeyboardNavigation","useCollapsibleGroups","useSelection","useTreeNavigation","useCallback","useViewportTracking","closestListItemIndex"],"mappings":"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"}

package/dist-cjs/packages/lab/src/utils/forwardCallbackProps.js.map

@@ -1 +0,0 @@
-{"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":";;;;AAYa,MAAA,oBAAA,GAAuB,CAClC,QAAA,EACA,aACY,KAAA;AACZ,EAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,IAAK,CAAA,QAAQ,CAAE,CAAA,MAAA;AAAA,IAClC,CAAC,KAAK,IAAS,KAAA;AACb,MAAA,MAAM,UAAU,QAAS,CAAA,IAAA,CAAA,CAAA;AACzB,MAAA,MAAM,eAAe,aAAc,CAAA,IAAA,CAAA,CAAA;AACnC,MAAA,IAAI,OAAO,OAAA,KAAY,UAAc,IAAA,OAAO,iBAAiB,UAAY,EAAA;AACvE,QAAI,GAAA,CAAA,IAAA,CAAA,GAAQ,IAAI,IAAoB,KAAA;AAClC,UAAA,OAAA,CAAQ,GAAG,IAAI,CAAA,CAAA;AACf,UAAA,YAAA,CAAa,GAAG,IAAI,CAAA,CAAA;AAAA,SACtB,CAAA;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,EAAE,GAAG,aAAc,EAAA;AAAA,GACrB,CAAA;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/utils/partition.js.map

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

package/dist-cjs/packages/lab/src/utils/useClickOutside.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const defaultTriggerEvents = ["mousedown"];
-function useClickOutside(handler, triggerEvents, containers) {
-  const ref = React.useRef(null);
-  React.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 != null ? triggerEvents : defaultTriggerEvents;
-    events.forEach((event) => {
-      document.addEventListener(event, handleEvent);
-    });
-    return () => {
-      events.forEach((event) => {
-        document.removeEventListener(event, handleEvent);
-      });
-    };
-  }, [handler, containers, triggerEvents]);
-  return ref;
-}
-
-exports.useClickOutside = useClickOutside;
-//# sourceMappingURL=useClickOutside.js.map

package/dist-cjs/packages/lab/src/utils/useClickOutside.js.map

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

package/dist-cjs/packages/lab/src/utils/useEventCallback.js

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

package/dist-cjs/packages/lab/src/utils/useEventCallback.js.map

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

package/dist-cjs/packages/lab/src/utils/useFloatingUI.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@floating-ui/react');
-
-const DEFAULT_FLOATING_UI_MIDDLEWARE = [
-  react.flip(),
-  react.shift({ limiter: react.limitShift() })
-];
-function useFloatingUI(props) {
-  const {
-    placement,
-    strategy,
-    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,
-    open = false,
-    onOpenChange
-  } = props;
-  const { reference, floating, refs, update, ...rest } = react.useFloating({
-    placement,
-    strategy,
-    middleware,
-    open,
-    onOpenChange,
-    whileElementsMounted: react.autoUpdate
-  });
-  return {
-    reference,
-    floating,
-    refs,
-    update,
-    ...rest
-  };
-}
-
-exports.DEFAULT_FLOATING_UI_MIDDLEWARE = DEFAULT_FLOATING_UI_MIDDLEWARE;
-exports.useFloatingUI = useFloatingUI;
-//# sourceMappingURL=useFloatingUI.js.map

package/dist-cjs/packages/lab/src/utils/useFloatingUI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI.tsx"],"sourcesContent":["import type { Middleware, Placement, Strategy } from \"@floating-ui/react\";\nimport {\n  autoUpdate,\n  flip,\n  limitShift,\n  shift,\n  useFloating,\n} from \"@floating-ui/react\";\n\nexport type UseFloatingUIProps = {\n  /**\n   * Set position relative to trigger\n   */\n  placement?: Placement;\n  strategy?: Strategy;\n  middleware?: Middleware[];\n  /**\n   * Set visible state. Defaults to false\n   */\n  open?: boolean;\n  /**\n   * Callback function triggered when open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n  flip(),\n  shift({ limiter: limitShift() }),\n];\n\nexport function useFloatingUI(\n  props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n  const {\n    placement,\n    strategy,\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open = false,\n    onOpenChange,\n  } = props;\n\n  const { reference, floating, refs, update, ...rest } = useFloating({\n    placement,\n    strategy,\n    middleware,\n    open,\n    onOpenChange,\n    whileElementsMounted: autoUpdate,\n  });\n\n  return {\n    reference,\n    floating,\n    refs,\n    update,\n    ...rest,\n  };\n}\n"],"names":["flip","shift","limitShift","useFloating","autoUpdate"],"mappings":";;;;;;AA0BO,MAAM,8BAAiC,GAAA;AAAA,EAC5CA,UAAK,EAAA;AAAA,EACLC,WAAM,CAAA,EAAE,OAAS,EAAAC,gBAAA,IAAc,CAAA;AACjC,EAAA;AAEO,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,8BAAA;AAAA,IACb,IAAO,GAAA,KAAA;AAAA,IACP,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAASC,iBAAY,CAAA;AAAA,IACjE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAAC,gBAAA;AAAA,GACvB,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;;"}

package/dist-cjs/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js

@@ -1,16 +0,0 @@
-'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);
-};
-
-exports.useIsViewportLargerThanBreakpoint = useIsViewportLargerThanBreakpoint;
-//# sourceMappingURL=useIsViewportLargerThanBreakpoint.js.map

package/dist-cjs/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js.map

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

package/dist-cjs/packages/lab/src/utils/useLayoutEffectOnce.js

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

package/dist-cjs/packages/lab/src/utils/useLayoutEffectOnce.js.map

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

package/dist-cjs/packages/lab/src/utils/useLayoutEffectSkipFirst.js

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

package/dist-cjs/packages/lab/src/utils/useLayoutEffectSkipFirst.js.map

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

package/dist-cjs/packages/lab/src/utils/useOverflowDetection.js

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

package/dist-cjs/packages/lab/src/utils/useOverflowDetection.js.map

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

package/dist-cjs/packages/lab/src/utils/useSlideSelection.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const useSlideSelection = (initialValue) => {
-  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);
-    setSelectedTransition(newTransition);
-  };
-  return [selectedTransition, selectedSlide, handleSlideSelection];
-};
-
-exports.useSlideSelection = useSlideSelection;
-//# sourceMappingURL=useSlideSelection.js.map

package/dist-cjs/packages/lab/src/utils/useSlideSelection.js.map

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

package/dist-cjs/packages/lab/src/window/ElectronWindow.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-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";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=ElectronWindow.css.js.map

package/dist-cjs/packages/lab/src/window/ElectronWindow.css.js.map

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