npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.10 → 1.0.0-alpha.101 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2035) hide show

package/dist-es/responsive/overflowUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overflowUtils.js","sources":["../src/responsive/overflowUtils.tsx"],"sourcesContent":["import {\n collapsibleType,\n ElementRef,\n OverflowItem,\n orientationType,\n} from \"./overflowTypes\";\n\nexport const DropdownPlaceholder = () => null;\nexport const getDropdownPlaceholder = () => <DropdownPlaceholder />;\n\nexport type heightOrWidth = \"width\" \| \"height\";\nexport const NO_DATA = {};\nconst LEFT_RIGHT = [\"left\", \"right\"];\nconst TOP_BOTTOM = [\"top\", \"bottom\"];\n\nexport const allExceptOverflowIndicator = (sum: number, m: OverflowItem) =>\n sum + (m.isOverflowIndicator ? 0 : m.size);\n\nexport const isCollapsed = (item: OverflowItem): boolean =>\n item.collapsed === true;\nexport const isCollapsing = (item: OverflowItem): boolean =>\n item.collapsing === true;\nexport const isCollapsedOrCollapsing = (item: OverflowItem): boolean =>\n isCollapsed(item) \|\| isCollapsing(item);\nexport const isOverflowed = (item: OverflowItem): boolean =>\n item.overflowed === true;\nexport const notOverflowed = (item: OverflowItem): boolean =>\n !isOverflowed(item);\n\nexport const isCollapsible = (item: OverflowItem) =>\n item.collapsible === \"instant\" \|\| item.collapsible === \"dynamic\";\n\nexport const getIsOverflowed = (managedItems: OverflowItem[]) =>\n managedItems.some(isOverflowed);\n\nexport const measureContainer = (\n ref: ElementRef,\n orientation: orientationType = \"horizontal\"\n): {\n innerContainerSize: number;\n rootContainerDepth: number;\n innerContainerDepth: number;\n} => {\n const innerElement = ref.current as HTMLElement;\n const container = innerElement.parentElement;\n if (container) {\n const { width: innerWidth, height: innerHeight } =\n innerElement.getBoundingClientRect();\n const { width, height } = container.getBoundingClientRect();\n if (orientation === \"horizontal\") {\n return {\n innerContainerSize: innerWidth,\n rootContainerDepth: height,\n innerContainerDepth: innerHeight,\n };\n } else {\n return {\n innerContainerSize: innerHeight,\n rootContainerDepth: width,\n innerContainerDepth: innerWidth,\n };\n }\n } else {\n throw Error(\"measureContainer, innerContainer has no parent element\");\n }\n};\n\nconst isContainerOverflowing = (\n containerDepth: number,\n parentContainerDepth: number,\n innerElement: HTMLElement,\n orientation: orientationType\n) => {\n const isHorizontal = orientation === \"horizontal\";\n // If true, this is a reliable indication of content wrapping, but the containerDepth\n // is not always correct\n if (containerDepth > parentContainerDepth) {\n return true;\n } else {\n // ... hence - expensive, but catches those situations where the containerDepth is wrong\n const { bottom, right } = innerElement.getBoundingClientRect();\n const maxPos = Array.from(innerElement.childNodes).reduce<number>(\n (maxVal, child) => {\n const rect = (child as HTMLElement).getBoundingClientRect();\n return Math.max(isHorizontal ? rect.bottom : rect.right, maxVal);\n },\n isHorizontal ? bottom : right\n );\n return isHorizontal ? maxPos > bottom : maxPos > right;\n }\n};\n\nexport const measureContainerOverflow = (\n ref: ElementRef,\n orientation: orientationType = \"horizontal\"\n): {\n isOverflowing: boolean;\n innerContainerSize: number;\n rootContainerDepth: number;\n} => {\n const { innerContainerDepth, innerContainerSize, rootContainerDepth } =\n measureContainer(ref, orientation);\n const innerElement = ref.current as HTMLElement;\n const isOverflowing = isContainerOverflowing(\n innerContainerDepth,\n rootContainerDepth,\n innerElement,\n orientation\n );\n\n return { isOverflowing, innerContainerSize, rootContainerDepth };\n};\n\n/*\n Compute element size including margin.\n * Exclude margin where this has been applied for alignment, via margin: auto\n * which can be identified by the data-pad-end, data-pad-start attributes.\n **/\nexport function measureElementSize(\n element: HTMLElement,\n dimension: heightOrWidth = \"width\",\n includeAutoMargin = false\n): number {\n const { [dimension]: size } = element.getBoundingClientRect();\n const { padEnd = false, padStart = false } = element.dataset;\n const style = getComputedStyle(element);\n const [start, end] = dimension === \"width\" ? LEFT_RIGHT : TOP_BOTTOM;\n const marginStart =\n padStart && !includeAutoMargin\n ? 0\n : parseInt(style.getPropertyValue(`margin-${start}`), 10);\n const marginEnd =\n padEnd && !includeAutoMargin\n ? 0\n : parseInt(style.getPropertyValue(`margin-${end}`), 10);\n\n let minWidth = size;\n const flexShrink = parseInt(style.getPropertyValue(\"flex-shrink\"), 10);\n if (flexShrink > 0) {\n const flexBasis = parseInt(style.getPropertyValue(\"flex-basis\"), 10);\n // TODO should we consider percentage values ?\n // TODO are we still using flexBasis ?\n if (!isNaN(flexBasis) && flexBasis > 0) {\n minWidth = flexBasis;\n }\n }\n\n return marginStart + minWidth + marginEnd;\n}\n\nexport const byDescendingPriority = (m1: OverflowItem, m2: OverflowItem) => {\n let result = m1.priority - m2.priority;\n if (result === 0) {\n result = m1.index - m2.index;\n }\n return result;\n};\n\n// Helper function to try and determine the display label for an overflow item\n// Currently, Tab uses data-text, so this works for any Tab. Need to decide\n// whether this is appropriate for other components.\n// Note: Tab uses data-text for another reason, it is not implemented there just to\n// support this function.\n// There may be an aria attribute we should use instead\n// function getElementText(element: HTMLElement) {\n// if (element.dataset.text) {\n// return element.dataset.text;\n// }\n// const textNode = element.querySelector(\"[data-text]\") as HTMLElement;\n// if (textNode) {\n// return textNode.dataset.text;\n// }\n// return \"\";\n// }\n// const asCollapsibleType = (value?: string): collapsibleType \| undefined =>\n// value === \"instant\" \|\| value == \"dynamic\"\n// ? (value as collapsibleType)\n// : undefined;\n\nexport const getOverflowIndicator = (managedItems: OverflowItem[]) =>\n managedItems.find((item) => item.isOverflowIndicator);\n\n// TODO whats the right way to deduce the label. AccessibleText added\n// to eg delete button makes innerText unreliable.\n// const getLabelForElement = (element: HTMLElement) =>\n// element.title \|\| getElementText(element) \|\| element.innerText;\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nexport const popNextItemByPriority = (\n items: OverflowItem[]\n): OverflowItem \| null => {\n const maxPriority = Math.max(...items.map(getPriority));\n for (let i = items.length - 1; i >= 0; i--) {\n if (!items[i].isOverflowIndicator && items[i].priority === maxPriority) {\n return items.splice(i, 1)[0];\n }\n }\n return null;\n};\n\nexport const measureOverflowItems = (\n items: OverflowItem[],\n dimension: heightOrWidth\n): OverflowItem[] => {\n const measurements = items.map(({ id }) => {\n const childElement = document.getElementById(id);\n const size = childElement ? measureElementSize(childElement, dimension) : 0;\n return size;\n });\n\n if (measurements.some((size, i) => size !== items[i].size)) {\n return items.map((item, i) =>\n item.size === measurements[i]\n ? item\n : {\n ...item,\n size: measurements[i],\n }\n );\n } else {\n return items;\n }\n};\n\nexport const addAll = (sum: number, m: OverflowItem): number => sum + m.size;\n\nexport const getElementForItem = (ref: ElementRef, item: OverflowItem) =>\n ref.current!.querySelector(\n `:scope > [data-index='${item.index}']`\n ) as HTMLElement;\n\ntype dimension = \"left\" \| \"right\" \| \"top\" \| \"bottom\";\n\nexport const getRuntimePadding = (\n el: HTMLElement,\n ...dimensions: dimension[]\n): number[] => {\n const targetStyle = getComputedStyle(el);\n return dimensions.map((dimension) =>\n parseInt(targetStyle.getPropertyValue(`padding-${dimension}`), 10)\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"overflowUtils.js","sources":["../src/responsive/overflowUtils.tsx"],"sourcesContent":["import type {\n ElementRef,\n OverflowItem,\n orientationType,\n} from \"./overflowTypes\";\n\nexport const DropdownPlaceholder = () => null;\nexport const getDropdownPlaceholder = () => <DropdownPlaceholder />;\n\nexport type heightOrWidth = \"width\" \| \"height\";\nexport const NO_DATA = {};\nconst LEFT_RIGHT = [\"left\", \"right\"];\nconst TOP_BOTTOM = [\"top\", \"bottom\"];\n\nexport const allExceptOverflowIndicator = (sum: number, m: OverflowItem) =>\n sum + (m.isOverflowIndicator ? 0 : m.size);\n\nexport const isCollapsed = (item: OverflowItem): boolean =>\n item.collapsed === true;\nexport const isCollapsing = (item: OverflowItem): boolean =>\n item.collapsing === true;\nexport const isCollapsedOrCollapsing = (item: OverflowItem): boolean =>\n isCollapsed(item) \|\| isCollapsing(item);\nexport const isOverflowed = (item: OverflowItem): boolean =>\n item.overflowed === true;\nexport const notOverflowed = (item: OverflowItem): boolean =>\n !isOverflowed(item);\n\nexport const isCollapsible = (item: OverflowItem) =>\n item.collapsible === \"instant\" \|\| item.collapsible === \"dynamic\";\n\nexport const getIsOverflowed = (managedItems: OverflowItem[]) =>\n managedItems.some(isOverflowed);\n\nexport const measureContainer = (\n ref: ElementRef,\n orientation: orientationType = \"horizontal\",\n): {\n innerContainerSize: number;\n rootContainerDepth: number;\n innerContainerDepth: number;\n} => {\n const innerElement = ref.current as HTMLElement;\n const container = innerElement.parentElement;\n if (container) {\n const { width: innerWidth, height: innerHeight } =\n innerElement.getBoundingClientRect();\n const { width, height } = container.getBoundingClientRect();\n if (orientation === \"horizontal\") {\n return {\n innerContainerSize: innerWidth,\n rootContainerDepth: height,\n innerContainerDepth: innerHeight,\n };\n }\n return {\n innerContainerSize: innerHeight,\n rootContainerDepth: width,\n innerContainerDepth: innerWidth,\n };\n }\n throw Error(\"measureContainer, innerContainer has no parent element\");\n};\n\nconst isContainerOverflowing = (\n containerDepth: number,\n parentContainerDepth: number,\n innerElement: HTMLElement,\n orientation: orientationType,\n) => {\n const isHorizontal = orientation === \"horizontal\";\n // If true, this is a reliable indication of content wrapping, but the containerDepth\n // is not always correct\n if (containerDepth > parentContainerDepth) {\n return true;\n }\n // ... hence - expensive, but catches those situations where the containerDepth is wrong\n const { bottom, right } = innerElement.getBoundingClientRect();\n const maxPos = Array.from(innerElement.childNodes).reduce<number>(\n (maxVal, child) => {\n const rect = (child as HTMLElement).getBoundingClientRect();\n return Math.max(isHorizontal ? rect.bottom : rect.right, maxVal);\n },\n isHorizontal ? bottom : right,\n );\n return isHorizontal ? maxPos > bottom : maxPos > right;\n};\n\nexport const measureContainerOverflow = (\n ref: ElementRef,\n orientation: orientationType = \"horizontal\",\n): {\n isOverflowing: boolean;\n innerContainerSize: number;\n rootContainerDepth: number;\n} => {\n const { innerContainerDepth, innerContainerSize, rootContainerDepth } =\n measureContainer(ref, orientation);\n const innerElement = ref.current as HTMLElement;\n const isOverflowing = isContainerOverflowing(\n innerContainerDepth,\n rootContainerDepth,\n innerElement,\n orientation,\n );\n\n return { isOverflowing, innerContainerSize, rootContainerDepth };\n};\n\n/*\n Compute element size including margin.\n * Exclude margin where this has been applied for alignment, via margin: auto\n * which can be identified by the data-pad-end, data-pad-start attributes.\n **/\nexport function measureElementSize(\n element: HTMLElement,\n dimension: heightOrWidth = \"width\",\n includeAutoMargin = false,\n): number {\n const { [dimension]: size } = element.getBoundingClientRect();\n const { padEnd = false, padStart = false } = element.dataset;\n const style = getComputedStyle(element);\n const [start, end] = dimension === \"width\" ? LEFT_RIGHT : TOP_BOTTOM;\n const marginStart =\n padStart && !includeAutoMargin\n ? 0\n : Number.parseInt(style.getPropertyValue(`margin-${start}`), 10);\n const marginEnd =\n padEnd && !includeAutoMargin\n ? 0\n : Number.parseInt(style.getPropertyValue(`margin-${end}`), 10);\n\n let minWidth = size;\n const flexShrink = Number.parseInt(style.getPropertyValue(\"flex-shrink\"), 10);\n if (flexShrink > 0) {\n const flexBasis = Number.parseInt(style.getPropertyValue(\"flex-basis\"), 10);\n // TODO should we consider percentage values ?\n // TODO are we still using flexBasis ?\n if (!Number.isNaN(flexBasis) && flexBasis > 0) {\n minWidth = flexBasis;\n }\n }\n\n return marginStart + minWidth + marginEnd;\n}\n\nexport const byDescendingPriority = (m1: OverflowItem, m2: OverflowItem) => {\n let result = m1.priority - m2.priority;\n if (result === 0) {\n result = m1.index - m2.index;\n }\n return result;\n};\n\n// Helper function to try and determine the display label for an overflow item\n// Currently, Tab uses data-text, so this works for any Tab. Need to decide\n// whether this is appropriate for other components.\n// Note: Tab uses data-text for another reason, it is not implemented there just to\n// support this function.\n// There may be an aria attribute we should use instead\n// function getElementText(element: HTMLElement) {\n// if (element.dataset.text) {\n// return element.dataset.text;\n// }\n// const textNode = element.querySelector(\"[data-text]\") as HTMLElement;\n// if (textNode) {\n// return textNode.dataset.text;\n// }\n// return \"\";\n// }\n// const asCollapsibleType = (value?: string): collapsibleType \| undefined =>\n// value === \"instant\" \|\| value == \"dynamic\"\n// ? (value as collapsibleType)\n// : undefined;\n\nexport const getOverflowIndicator = (managedItems: OverflowItem[]) =>\n managedItems.find((item) => item.isOverflowIndicator);\n\n// TODO whats the right way to deduce the label. AccessibleText added\n// to eg delete button makes innerText unreliable.\n// const getLabelForElement = (element: HTMLElement) =>\n// element.title \|\| getElementText(element) \|\| element.innerText;\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nexport const popNextItemByPriority = (\n items: OverflowItem[],\n): OverflowItem \| null => {\n const maxPriority = Math.max(...items.map(getPriority));\n for (let i = items.length - 1; i >= 0; i--) {\n if (!items[i].isOverflowIndicator && items[i].priority === maxPriority) {\n return items.splice(i, 1)[0];\n }\n }\n return null;\n};\n\nexport const measureOverflowItems = (\n items: OverflowItem[],\n dimension: heightOrWidth,\n): OverflowItem[] => {\n const measurements = items.map(({ id }) => {\n const childElement = document.getElementById(id);\n const size = childElement ? measureElementSize(childElement, dimension) : 0;\n return size;\n });\n\n if (measurements.some((size, i) => size !== items[i].size)) {\n return items.map((item, i) =>\n item.size === measurements[i]\n ? item\n : {\n ...item,\n size: measurements[i],\n },\n );\n }\n return items;\n};\n\nexport const addAll = (sum: number, m: OverflowItem): number => sum + m.size;\n\nexport const getElementForItem = (ref: ElementRef, item: OverflowItem) =>\n ref.current?.querySelector<HTMLElement>(\n `:scope > [data-index='${item.index}']`,\n );\n\ntype dimension = \"left\" \| \"right\" \| \"top\" \| \"bottom\";\n\nexport const getRuntimePadding = (\n el: HTMLElement,\n ...dimensions: dimension[]\n): number[] => {\n const targetStyle = getComputedStyle(el);\n return dimensions.map((dimension) =>\n Number.parseInt(targetStyle.getPropertyValue(`padding-${dimension}`), 10),\n );\n};\n"],"names":[],"mappings":"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"}

package/dist-es/responsive/useDynamicCollapse.js CHANGED Viewed

@@ -3,7 +3,10 @@ import { useState, useCallback } from 'react';
 import { measureElementSize, getElementForItem, getRuntimePadding, measureContainerOverflow, isCollapsible, isCollapsed, byDescendingPriority } from './overflowUtils.js';
 const UNCOLLAPSED_DYNAMIC_ITEMS = '[data-collapsible="dynamic"]:not([data-collapsed="true"]):not([data-collapsing="true"])';
-const hasUncollapsedDynamicItems = (containerRef) => containerRef.current.querySelector(UNCOLLAPSED_DYNAMIC_ITEMS) !== null;
+const hasUncollapsedDynamicItems = (containerRef) => {
+  var _a;
+  return ((_a = containerRef.current) == null ? void 0 : _a.querySelector(UNCOLLAPSED_DYNAMIC_ITEMS)) !== null;
+};
 const thereAreCollapsibleItemsAndTheyAreAllCollapsed = (items) => {
   const collapsibleItems = items.filter(isCollapsible);
   return collapsibleItems.length > 0 && collapsibleItems.every(isCollapsed);
@@ -11,8 +14,6 @@ const thereAreCollapsibleItemsAndTheyAreAllCollapsed = (items) => {
 const nextItemToCollapse = (listItems) => listItems.filter(isCollapsible).sort(byDescendingPriority).slice(-1)[0];
 const useDynamicCollapse = ({
   collectionHook,
-  innerContainerSize = 0,
-  label = "Toolbar",
   overflowItemsRef: managedItemsRef,
   overflowContainerRef: ref,
   orientation
@@ -59,13 +60,16 @@ const useDynamicCollapse = ({
         if (containerHasGrown && collapsedChild) {
           const collapsingElement = getElementForItem(ref, collapsingChild);
           const dimension = orientation === "horizontal" ? "width" : "height";
-          const size = measureElementSize(collapsingElement, dimension);
-          if (collapsedChild && size === collapsingChild.size) {
-            restoreCollapsingItem();
+          if (collapsingElement) {
+            const size = measureElementSize(collapsingElement, dimension);
+            if (collapsedChild && size === collapsingChild.size) {
+              restoreCollapsingItem();
+            }
           }
         } else {
           const dimension = orientation === "horizontal" ? "width" : "height";
           const collapsingElement = getElementForItem(ref, collapsingChild);
+          if (!collapsingElement) return;
           const { [dimension]: measuredSizeOfCollapsingElement } = collapsingElement.getBoundingClientRect();
           const [padStart, padEnd] = getRuntimePadding(
             collapsingElement,
@@ -125,9 +129,8 @@ const useDynamicCollapse = ({
         overflowItem: collapsingItem
       });
       return true;
-    } else {
-      return false;
     }
+    return false;
   }, [dispatch, managedItemsRef, ref]);
   useIsomorphicLayoutEffect(() => {
     if (newCollapsingItem) {

package/dist-es/responsive/useDynamicCollapse.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDynamicCollapse.js","sources":["../src/responsive/useDynamicCollapse.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useState } from \"react\";\nimport {\n ElementRef,\n OverflowItem,\n OverflowHookProps,\n DynamicCollapseHookResult,\n} from \"./overflowTypes\";\nimport { byDescendingPriority } from \"./overflowUtils\";\nimport {\n getElementForItem,\n getRuntimePadding,\n isCollapsed,\n isCollapsible,\n measureContainerOverflow,\n measureElementSize,\n} from \"./overflowUtils\";\n\nconst UNCOLLAPSED_DYNAMIC_ITEMS =\n '[data-collapsible=\"dynamic\"]:not([data-collapsed=\"true\"]):not([data-collapsing=\"true\"])';\n\nconst hasUncollapsedDynamicItems = (containerRef: ElementRef) =>\n containerRef.current!.querySelector(UNCOLLAPSED_DYNAMIC_ITEMS) !== null;\n\nconst thereAreCollapsibleItemsAndTheyAreAllCollapsed = (\n items: OverflowItem[]\n) => {\n const collapsibleItems = items.filter(isCollapsible);\n return collapsibleItems.length > 0 && collapsibleItems.every(isCollapsed);\n};\n\nconst nextItemToCollapse = (listItems: OverflowItem[]): OverflowItem =>\n listItems.filter(isCollapsible).sort(byDescendingPriority).slice(-1)[0];\n\nexport const useDynamicCollapse = ({\n collectionHook,\n innerContainerSize = 0,\n label = \"Toolbar\",\n overflowItemsRef: managedItemsRef,\n overflowContainerRef: ref,\n orientation,\n}: OverflowHookProps): DynamicCollapseHookResult => {\n const { dispatch } = collectionHook;\n const [newCollapsingItem, setNewCollapsingItem] =\n useState<OverflowItem \| null>(null);\n const restoreCollapsingItem = useCallback(() => {\n dispatch({\n type: \"restore-collapsing-item\",\n });\n }, [dispatch]);\n\n const collapseCollapsingItem = useCallback(\n (item: OverflowItem, target: HTMLElement, minSize: number) => {\n const styleDimension =\n orientation === \"horizontal\" ? \"minWidth\" : \"minHeight\";\n // TODO do we really want to do this here ?\n target.style[styleDimension] = `${minSize}px`;\n const size = measureElementSize(target);\n\n dispatch({\n type: \"collapse-dynamic-item\",\n overflowItem: item,\n collapsedSize: size,\n minSize,\n });\n },\n [dispatch, orientation]\n );\n\n const checkDynamicContent = useCallback(\n (containerHasGrown?: boolean) => {\n const { current: managedItems } = managedItemsRef;\n // The order must matter here\n const collapsingChild = managedItems.find(\n ({ collapsible, collapsing }) => collapsible === \"dynamic\" && collapsing\n );\n const collapsedChild = managedItems.find(\n ({ collapsible, collapsed }) => collapsible === \"dynamic\" && collapsed\n );\n\n if (!collapsingChild && !collapsedChild) {\n return;\n }\n if (collapsedChild && !collapsingChild) {\n // TODO do we need a check to see whether we now have enough space to completely uncollapse the item ?\n // We may be able to uncollapse one or more items before the one we set to collapsing\n\n dispatch({\n type: \"uncollapse-dynamic-item\",\n overflowItem: collapsedChild,\n });\n } else if (collapsingChild) {\n if (containerHasGrown && collapsedChild) {\n const collapsingElement = getElementForItem(ref, collapsingChild);\n const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n // can we avoid measuring ths element on every resize event ?\n const size = measureElementSize(collapsingElement, dimension);\n // collapsingElement.getBoundingClientRect();\n\n // We don't restore a collapsing item unless there is at least one collapsed item\n if (collapsedChild && size === collapsingChild.size) {\n restoreCollapsingItem();\n }\n } else {\n // Note we are going to compare width with minWidth. Margin is ignored\n // use getBoundingClientRect rather than measureNode\n const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n const collapsingElement = getElementForItem(ref, collapsingChild);\n const { [dimension]: measuredSizeOfCollapsingElement } =\n collapsingElement.getBoundingClientRect();\n // minsize should be the size of the last item in the tooltray\n const [padStart, padEnd] = getRuntimePadding(\n collapsingElement,\n \"left\",\n \"right\"\n );\n //TODO we don't really want to measure the last item in the collapsing container\n // we want to measure the width of the item that will be the last to overflow.\n const lastTooltrayItem = collapsingElement.querySelector(\n \".Responsive-inner > :last-child\"\n );\n if (lastTooltrayItem) {\n const { [dimension]: childMinSize } =\n lastTooltrayItem.getBoundingClientRect();\n const minSize = padStart + childMinSize + padEnd;\n if (Math.floor(measuredSizeOfCollapsingElement) <= minSize) {\n collapseCollapsingItem(\n collapsingChild,\n collapsingElement,\n minSize\n );\n }\n }\n }\n }\n },\n [\n collapseCollapsingItem,\n dispatch,\n managedItemsRef,\n orientation,\n ref,\n restoreCollapsingItem,\n ]\n );\n\n const handleResize = useCallback(\n (size: number, containerHasGrown?: boolean) => {\n const { current: managedItems } = managedItemsRef;\n const { isOverflowing: willOverflow } = measureContainerOverflow(\n ref,\n orientation\n );\n\n const collapsingItem = managedItems.find((item) => item.collapsing);\n\n if (collapsingItem) {\n checkDynamicContent(containerHasGrown);\n } else if (\n containerHasGrown &&\n !willOverflow &&\n thereAreCollapsibleItemsAndTheyAreAllCollapsed(managedItems)\n ) {\n checkDynamicContent(true);\n }\n },\n [checkDynamicContent, managedItemsRef, orientation, ref]\n );\n\n const resetMeasurements = useCallback(() => {\n const { current: managedItems } = managedItemsRef;\n const hasDynamicItems = hasUncollapsedDynamicItems(ref);\n if (hasDynamicItems) {\n const collapsingItem = nextItemToCollapse(managedItems);\n setNewCollapsingItem(collapsingItem);\n\n dispatch({\n type: \"collapsing-item\",\n overflowItem: collapsingItem,\n });\n return true;\n } else {\n return false;\n }\n }, [dispatch, managedItemsRef, ref]);\n\n useIsomorphicLayoutEffect(() => {\n if (newCollapsingItem) {\n checkDynamicContent(false);\n }\n }, [checkDynamicContent, newCollapsingItem]);\n\n return {\n onResize: handleResize,\n resetMeasurements,\n };\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useDynamicCollapse.js","sources":["../src/responsive/useDynamicCollapse.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useState } from \"react\";\nimport type {\n DynamicCollapseHookResult,\n ElementRef,\n OverflowHookProps,\n OverflowItem,\n} from \"./overflowTypes\";\nimport {\n byDescendingPriority,\n getElementForItem,\n getRuntimePadding,\n isCollapsed,\n isCollapsible,\n measureContainerOverflow,\n measureElementSize,\n} from \"./overflowUtils\";\n\nconst UNCOLLAPSED_DYNAMIC_ITEMS =\n '[data-collapsible=\"dynamic\"]:not([data-collapsed=\"true\"]):not([data-collapsing=\"true\"])';\n\nconst hasUncollapsedDynamicItems = (containerRef: ElementRef) =>\n containerRef.current?.querySelector(UNCOLLAPSED_DYNAMIC_ITEMS) !== null;\n\nconst thereAreCollapsibleItemsAndTheyAreAllCollapsed = (\n items: OverflowItem[],\n) => {\n const collapsibleItems = items.filter(isCollapsible);\n return collapsibleItems.length > 0 && collapsibleItems.every(isCollapsed);\n};\n\nconst nextItemToCollapse = (listItems: OverflowItem[]): OverflowItem =>\n listItems.filter(isCollapsible).sort(byDescendingPriority).slice(-1)[0];\n\nexport const useDynamicCollapse = ({\n collectionHook,\n overflowItemsRef: managedItemsRef,\n overflowContainerRef: ref,\n orientation,\n}: OverflowHookProps): DynamicCollapseHookResult => {\n const { dispatch } = collectionHook;\n const [newCollapsingItem, setNewCollapsingItem] =\n useState<OverflowItem \| null>(null);\n const restoreCollapsingItem = useCallback(() => {\n dispatch({\n type: \"restore-collapsing-item\",\n });\n }, [dispatch]);\n\n const collapseCollapsingItem = useCallback(\n (item: OverflowItem, target: HTMLElement, minSize: number) => {\n const styleDimension =\n orientation === \"horizontal\" ? \"minWidth\" : \"minHeight\";\n // TODO do we really want to do this here ?\n target.style[styleDimension] = `${minSize}px`;\n const size = measureElementSize(target);\n\n dispatch({\n type: \"collapse-dynamic-item\",\n overflowItem: item,\n collapsedSize: size,\n minSize,\n });\n },\n [dispatch, orientation],\n );\n\n const checkDynamicContent = useCallback(\n (containerHasGrown?: boolean) => {\n const { current: managedItems } = managedItemsRef;\n // The order must matter here\n const collapsingChild = managedItems.find(\n ({ collapsible, collapsing }) =>\n collapsible === \"dynamic\" && collapsing,\n );\n const collapsedChild = managedItems.find(\n ({ collapsible, collapsed }) => collapsible === \"dynamic\" && collapsed,\n );\n\n if (!collapsingChild && !collapsedChild) {\n return;\n }\n if (collapsedChild && !collapsingChild) {\n // TODO do we need a check to see whether we now have enough space to completely uncollapse the item ?\n // We may be able to uncollapse one or more items before the one we set to collapsing\n\n dispatch({\n type: \"uncollapse-dynamic-item\",\n overflowItem: collapsedChild,\n });\n } else if (collapsingChild) {\n if (containerHasGrown && collapsedChild) {\n const collapsingElement = getElementForItem(ref, collapsingChild);\n const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n // can we avoid measuring ths element on every resize event ?\n if (collapsingElement) {\n const size = measureElementSize(collapsingElement, dimension);\n // collapsingElement.getBoundingClientRect();\n\n // We don't restore a collapsing item unless there is at least one collapsed item\n if (collapsedChild && size === collapsingChild.size) {\n restoreCollapsingItem();\n }\n }\n } else {\n // Note we are going to compare width with minWidth. Margin is ignored\n // use getBoundingClientRect rather than measureNode\n const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n const collapsingElement = getElementForItem(ref, collapsingChild);\n\n if (!collapsingElement) return;\n\n const { [dimension]: measuredSizeOfCollapsingElement } =\n collapsingElement.getBoundingClientRect();\n // minsize should be the size of the last item in the tooltray\n const [padStart, padEnd] = getRuntimePadding(\n collapsingElement,\n \"left\",\n \"right\",\n );\n //TODO we don't really want to measure the last item in the collapsing container\n // we want to measure the width of the item that will be the last to overflow.\n const lastTooltrayItem = collapsingElement.querySelector(\n \".Responsive-inner > :last-child\",\n );\n if (lastTooltrayItem) {\n const { [dimension]: childMinSize } =\n lastTooltrayItem.getBoundingClientRect();\n const minSize = padStart + childMinSize + padEnd;\n if (Math.floor(measuredSizeOfCollapsingElement) <= minSize) {\n collapseCollapsingItem(\n collapsingChild,\n collapsingElement,\n minSize,\n );\n }\n }\n }\n }\n },\n [\n collapseCollapsingItem,\n dispatch,\n managedItemsRef,\n orientation,\n ref,\n restoreCollapsingItem,\n ],\n );\n\n const handleResize = useCallback(\n (size: number, containerHasGrown?: boolean) => {\n const { current: managedItems } = managedItemsRef;\n const { isOverflowing: willOverflow } = measureContainerOverflow(\n ref,\n orientation,\n );\n\n const collapsingItem = managedItems.find((item) => item.collapsing);\n\n if (collapsingItem) {\n checkDynamicContent(containerHasGrown);\n } else if (\n containerHasGrown &&\n !willOverflow &&\n thereAreCollapsibleItemsAndTheyAreAllCollapsed(managedItems)\n ) {\n checkDynamicContent(true);\n }\n },\n [checkDynamicContent, managedItemsRef, orientation, ref],\n );\n\n const resetMeasurements = useCallback(() => {\n const { current: managedItems } = managedItemsRef;\n const hasDynamicItems = hasUncollapsedDynamicItems(ref);\n if (hasDynamicItems) {\n const collapsingItem = nextItemToCollapse(managedItems);\n setNewCollapsingItem(collapsingItem);\n\n dispatch({\n type: \"collapsing-item\",\n overflowItem: collapsingItem,\n });\n return true;\n }\n return false;\n }, [dispatch, managedItemsRef, ref]);\n\n useIsomorphicLayoutEffect(() => {\n if (newCollapsingItem) {\n checkDynamicContent(false);\n }\n }, [checkDynamicContent, newCollapsingItem]);\n\n return {\n onResize: handleResize,\n resetMeasurements,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/responsive/useInstantCollapse.js CHANGED Viewed

@@ -20,7 +20,7 @@ const uncollapseItems = (items, containerSize) => {
   const result = [];
   while (collapsed.length) {
     const item = collapsed.pop();
-    const itemDiff = item.fullSize - item.size;
+    const itemDiff = (item.fullSize ?? 0) - item.size;
     if (diff >= itemDiff) {
       result.push({
         ...item,
@@ -39,7 +39,6 @@ const useInstantCollapse = ({
   collectionHook,
   hasOverflowedItems,
   innerContainerSize = 0,
-  label = "Toolbar",
   overflowContainerRef: ref,
   overflowItemsRef,
   orientation
@@ -112,9 +111,8 @@ const useInstantCollapse = ({
             overflowItem
           });
           return true;
-        } else {
-          return false;
         }
+        return false;
       }
     },
     [dispatch, overflowItemsRef]

package/dist-es/responsive/useInstantCollapse.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useInstantCollapse.js","sources":["../src/responsive/useInstantCollapse.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n InstantCollapseHookResult,\n OverflowHookProps,\n OverflowItem,\n} from \"./overflowTypes\";\nimport {\n addAll,\n allExceptOverflowIndicator,\n getElementForItem,\n measureContainerOverflow,\n measureElementSize,\n} from \"./overflowUtils\";\n\ntype MinMaxSize = {\n maxSize: number \| null;\n minSize: number \| null;\n};\n\nconst newlyCollapsed = (overflowItems: OverflowItem[]) =>\n overflowItems.some(\n (item) =>\n item.collapsible === \"instant\" && item.collapsed && item.fullSize === null\n );\n\nconst findItemToCollapse = (items: OverflowItem[]) => {\n for (let i = items.length - 1; i >= 0; i--) {\n const item = items[i];\n if (item.collapsible === \"instant\" && !item.collapsed) {\n // We only ever collapse 1 item at a time. We don'tknow how much space\n //this has saved until it re-renders and we can re-measure\n return item;\n }\n }\n};\n\nconst uncollapseItems = (items: OverflowItem[], containerSize: number) => {\n const visibleContentSize = items.reduce(allExceptOverflowIndicator, 0);\n let diff = containerSize - visibleContentSize;\n\n const collapsed = items\n .filter((item) => item.collapsible === \"instant\" && item.collapsed)\n .sort((i1, i2) => i2.index - i1.index);\n // find the next collapsed item, see how much extra space it would\n // occupy if restored. If we have enough space, restore it.\n const result: OverflowItem[] = [];\n while (collapsed.length) {\n const item = collapsed.pop() as OverflowItem;\n const itemDiff = item.fullSize! - item.size;\n if (diff >= itemDiff) {\n result.push({\n ...item,\n collapsed: false,\n size: item.fullSize as number,\n fullSize: null,\n });\n diff = diff - itemDiff;\n } else {\n break;\n }\n }\n return result;\n};\n\nexport const useInstantCollapse = ({\n collectionHook,\n hasOverflowedItems,\n innerContainerSize = 0,\n label = \"Toolbar\",\n overflowContainerRef: ref,\n overflowItemsRef,\n orientation,\n}: OverflowHookProps): InstantCollapseHookResult => {\n const minMaxSizes = useMemo(() => new Map<number, MinMaxSize>(), []);\n const { dispatch } = collectionHook;\n\n const updateCollapse = useCallback(\n (containerSize: number, renderedSize: number \| null) => {\n const { current: managedItems } = overflowItemsRef;\n if (renderedSize && containerSize < renderedSize) {\n const overflowItem = findItemToCollapse(managedItems);\n if (overflowItem) {\n dispatch({\n type: \"collapse-instant-item\",\n overflowItem,\n });\n }\n } else {\n const uncollapsedItems = uncollapseItems(managedItems, containerSize);\n if (uncollapsedItems.length) {\n dispatch({\n type: \"update-items\",\n overflowItems: uncollapsedItems,\n });\n }\n }\n },\n [dispatch, overflowItemsRef]\n );\n\n const handleResize = useCallback(\n (size: number, containerHasGrown?: boolean) => {\n const { current: managedItems } = overflowItemsRef;\n const { isOverflowing: willOverflow } = measureContainerOverflow(\n ref,\n orientation\n );\n\n const collapsedItems = managedItems.filter((item) => item.collapsed);\n\n if (willOverflow && !hasOverflowedItems) {\n const overflowItem = findItemToCollapse(managedItems);\n if (overflowItem) {\n dispatch({\n type: \"collapse-instant-item\",\n overflowItem,\n });\n }\n } else if (collapsedItems.length > 0 && containerHasGrown) {\n // Note: it must have been previously overflowing, too\n // check to see if we can reinstate one or more items\n updateCollapse(size, null);\n } else if (willOverflow && hasOverflowedItems) {\n // Note: container must have shrunk\n // still overflowing, possibly more overflowing than before\n const renderedSize = managedItems.reduce(addAll, 0);\n updateCollapse(size, renderedSize);\n }\n },\n [\n dispatch,\n hasOverflowedItems,\n orientation,\n overflowItemsRef,\n ref,\n updateCollapse,\n ]\n );\n\n const resetMeasurements = useCallback(\n (isOverflowing?: boolean) => {\n const { current: managedItems } = overflowItemsRef;\n if (isOverflowing) {\n const overflowItem = findItemToCollapse(managedItems);\n if (overflowItem) {\n dispatch({\n type: \"collapse-instant-item\",\n overflowItem,\n });\n return true;\n } else {\n return false;\n }\n }\n },\n [dispatch, overflowItemsRef]\n );\n\n const setMinSize = useCallback(\n (item: OverflowItem, size: number) => {\n const minMaxSize = minMaxSizes.get(item.index);\n if (minMaxSize) {\n minMaxSize.minSize = size;\n } else {\n minMaxSizes.set(item.index, { maxSize: null, minSize: size });\n }\n },\n [minMaxSizes]\n );\n\n const measureCollapsedItem = useCallback(() => {\n const { current: managedItems } = overflowItemsRef;\n const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n const [collapsedItem] = managedItems.filter(\n (item) => item.collapsible === \"instant\" && item.collapsed\n );\n console.log(`measureCollapsedItem ${collapsedItem.index}`);\n if (collapsedItem.fullSize === null) {\n const target = getElementForItem(ref, collapsedItem);\n if (target) {\n const collapsedSize = measureElementSize(target, dimension);\n const managedItem = findItemToCollapse(managedItems);\n const diff = collapsedItem.size - collapsedSize;\n const renderedSize = managedItems.reduce(addAll, 0) - diff;\n const updates = [];\n if (renderedSize > innerContainerSize && managedItem) {\n console.log(`next item to collapse ${managedItem.index}`);\n updates.push(\n {\n ...collapsedItem,\n fullSize: collapsedItem.size,\n size: collapsedSize,\n },\n {\n ...managedItem,\n collapsed: true,\n }\n );\n } else {\n updates.push({\n ...collapsedItem,\n fullSize: collapsedItem.size,\n size: collapsedSize,\n });\n }\n dispatch({\n type: \"update-items\",\n overflowItems: updates,\n });\n setMinSize(collapsedItem, collapsedSize);\n }\n } else {\n return -1;\n }\n }, [\n dispatch,\n innerContainerSize,\n orientation,\n overflowItemsRef,\n ref,\n setMinSize,\n ]);\n\n useIsomorphicLayoutEffect(() => {\n const { current: managedItems } = overflowItemsRef;\n const newlyCollapsedItem = newlyCollapsed(managedItems);\n if (newlyCollapsedItem) {\n measureCollapsedItem();\n }\n });\n\n return {\n onResize: handleResize,\n resetMeasurements,\n };\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useInstantCollapse.js","sources":["../src/responsive/useInstantCollapse.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useMemo } from \"react\";\nimport type {\n InstantCollapseHookResult,\n OverflowHookProps,\n OverflowItem,\n} from \"./overflowTypes\";\nimport {\n addAll,\n allExceptOverflowIndicator,\n getElementForItem,\n measureContainerOverflow,\n measureElementSize,\n} from \"./overflowUtils\";\n\ntype MinMaxSize = {\n maxSize: number \| null;\n minSize: number \| null;\n};\n\nconst newlyCollapsed = (overflowItems: OverflowItem[]) =>\n overflowItems.some(\n (item) =>\n item.collapsible === \"instant\" &&\n item.collapsed &&\n item.fullSize === null,\n );\n\nconst findItemToCollapse = (items: OverflowItem[]) => {\n for (let i = items.length - 1; i >= 0; i--) {\n const item = items[i];\n if (item.collapsible === \"instant\" && !item.collapsed) {\n // We only ever collapse 1 item at a time. We don'tknow how much space\n //this has saved until it re-renders and we can re-measure\n return item;\n }\n }\n};\n\nconst uncollapseItems = (items: OverflowItem[], containerSize: number) => {\n const visibleContentSize = items.reduce(allExceptOverflowIndicator, 0);\n let diff = containerSize - visibleContentSize;\n\n const collapsed = items\n .filter((item) => item.collapsible === \"instant\" && item.collapsed)\n .sort((i1, i2) => i2.index - i1.index);\n // find the next collapsed item, see how much extra space it would\n // occupy if restored. If we have enough space, restore it.\n const result: OverflowItem[] = [];\n while (collapsed.length) {\n const item = collapsed.pop() as OverflowItem;\n const itemDiff = (item.fullSize ?? 0) - item.size;\n if (diff >= itemDiff) {\n result.push({\n ...item,\n collapsed: false,\n size: item.fullSize as number,\n fullSize: null,\n });\n diff = diff - itemDiff;\n } else {\n break;\n }\n }\n return result;\n};\n\nexport const useInstantCollapse = ({\n collectionHook,\n hasOverflowedItems,\n innerContainerSize = 0,\n overflowContainerRef: ref,\n overflowItemsRef,\n orientation,\n}: OverflowHookProps): InstantCollapseHookResult => {\n const minMaxSizes = useMemo(() => new Map<number, MinMaxSize>(), []);\n const { dispatch } = collectionHook;\n\n const updateCollapse = useCallback(\n (containerSize: number, renderedSize: number \| null) => {\n const { current: managedItems } = overflowItemsRef;\n if (renderedSize && containerSize < renderedSize) {\n const overflowItem = findItemToCollapse(managedItems);\n if (overflowItem) {\n dispatch({\n type: \"collapse-instant-item\",\n overflowItem,\n });\n }\n } else {\n const uncollapsedItems = uncollapseItems(managedItems, containerSize);\n if (uncollapsedItems.length) {\n dispatch({\n type: \"update-items\",\n overflowItems: uncollapsedItems,\n });\n }\n }\n },\n [dispatch, overflowItemsRef],\n );\n\n const handleResize = useCallback(\n (size: number, containerHasGrown?: boolean) => {\n const { current: managedItems } = overflowItemsRef;\n const { isOverflowing: willOverflow } = measureContainerOverflow(\n ref,\n orientation,\n );\n\n const collapsedItems = managedItems.filter((item) => item.collapsed);\n\n if (willOverflow && !hasOverflowedItems) {\n const overflowItem = findItemToCollapse(managedItems);\n if (overflowItem) {\n dispatch({\n type: \"collapse-instant-item\",\n overflowItem,\n });\n }\n } else if (collapsedItems.length > 0 && containerHasGrown) {\n // Note: it must have been previously overflowing, too\n // check to see if we can reinstate one or more items\n updateCollapse(size, null);\n } else if (willOverflow && hasOverflowedItems) {\n // Note: container must have shrunk\n // still overflowing, possibly more overflowing than before\n const renderedSize = managedItems.reduce(addAll, 0);\n updateCollapse(size, renderedSize);\n }\n },\n [\n dispatch,\n hasOverflowedItems,\n orientation,\n overflowItemsRef,\n ref,\n updateCollapse,\n ],\n );\n\n const resetMeasurements = useCallback(\n (isOverflowing?: boolean) => {\n const { current: managedItems } = overflowItemsRef;\n if (isOverflowing) {\n const overflowItem = findItemToCollapse(managedItems);\n if (overflowItem) {\n dispatch({\n type: \"collapse-instant-item\",\n overflowItem,\n });\n return true;\n }\n return false;\n }\n },\n [dispatch, overflowItemsRef],\n );\n\n const setMinSize = useCallback(\n (item: OverflowItem, size: number) => {\n const minMaxSize = minMaxSizes.get(item.index);\n if (minMaxSize) {\n minMaxSize.minSize = size;\n } else {\n minMaxSizes.set(item.index, { maxSize: null, minSize: size });\n }\n },\n [minMaxSizes],\n );\n\n const measureCollapsedItem = useCallback(() => {\n const { current: managedItems } = overflowItemsRef;\n const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n const [collapsedItem] = managedItems.filter(\n (item) => item.collapsible === \"instant\" && item.collapsed,\n );\n console.log(`measureCollapsedItem ${collapsedItem.index}`);\n if (collapsedItem.fullSize === null) {\n const target = getElementForItem(ref, collapsedItem);\n if (target) {\n const collapsedSize = measureElementSize(target, dimension);\n const managedItem = findItemToCollapse(managedItems);\n const diff = collapsedItem.size - collapsedSize;\n const renderedSize = managedItems.reduce(addAll, 0) - diff;\n const updates = [];\n if (renderedSize > innerContainerSize && managedItem) {\n console.log(`next item to collapse ${managedItem.index}`);\n updates.push(\n {\n ...collapsedItem,\n fullSize: collapsedItem.size,\n size: collapsedSize,\n },\n {\n ...managedItem,\n collapsed: true,\n },\n );\n } else {\n updates.push({\n ...collapsedItem,\n fullSize: collapsedItem.size,\n size: collapsedSize,\n });\n }\n dispatch({\n type: \"update-items\",\n overflowItems: updates,\n });\n setMinSize(collapsedItem, collapsedSize);\n }\n } else {\n return -1;\n }\n }, [\n dispatch,\n innerContainerSize,\n orientation,\n overflowItemsRef,\n ref,\n setMinSize,\n ]);\n\n useIsomorphicLayoutEffect(() => {\n const { current: managedItems } = overflowItemsRef;\n const newlyCollapsedItem = newlyCollapsed(managedItems);\n if (newlyCollapsedItem) {\n measureCollapsedItem();\n }\n });\n\n return {\n onResize: handleResize,\n resetMeasurements,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/responsive/useOverflow.js CHANGED Viewed

@@ -1,8 +1,7 @@
+import { useIdMemo } from '@salt-ds/core';
 import { useRef, useCallback } from 'react';
-import { popNextItemByPriority, notOverflowed, isOverflowed, allExceptOverflowIndicator, getOverflowIndicator, measureContainerOverflow, addAll } from './overflowUtils.js';
 import { partition } from '../utils/partition.js';
-import { useIdMemo } from '@salt-ds/core';
-import '../utils/useFloatingUI.js';
+import { popNextItemByPriority, notOverflowed, allExceptOverflowIndicator, getOverflowIndicator, isOverflowed, measureContainerOverflow, addAll } from './overflowUtils.js';
 const NO_OVERFLOW_INDICATOR = { size: 0 };
 const getPriority = (item) => item.priority;
@@ -126,7 +125,7 @@ const useOverflow = ({
       }
       return [overflowCount, reinstatedItems];
     },
-    []
+    [overflowItemsRef]
   );
   const resetMeasurements = useCallback(
     (isOverflowing, innerContainerSize) => {
@@ -145,14 +144,14 @@ const useOverflow = ({
           renderedSize,
           innerContainerSize - overflowIndicatorSize.current
         );
-        existingOverflow.forEach((item) => {
+        for (const item of existingOverflow) {
           if (!updates.some((i) => i.index === item.index)) {
             updates.push({
               ...item,
               overflowed: false
             });
           }
-        });
+        }
         const overflowAdded = !existingOverflow.length && updates.length;
         if (updates.length > 0) {
           if (overflowAdded) {
@@ -176,12 +175,17 @@ const useOverflow = ({
             });
           }
           return true;
-        } else {
-          return false;
         }
+        return false;
       }
     },
-    [dispatch, getAllOverflowedItems, id, overflowItemsRef, setContainerMinSize]
+    [
+      dispatch,
+      getAllOverflowedItems,
+      id,
+      overflowItemsRef,
+      setContainerMinSize
+    ]
   );
   const updateOverflow = useCallback(
     (containerSize, renderedSize) => {

package/dist-es/responsive/useOverflow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOverflow.js","sources":["../src/responsive/useOverflow.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport {\n addAll,\n allExceptOverflowIndicator,\n getOverflowIndicator,\n isOverflowed,\n measureContainerOverflow,\n notOverflowed,\n popNextItemByPriority,\n} from \"./overflowUtils\";\nimport {\n OverflowItem,\n OverflowHookProps,\n OverflowHookResult,\n} from \"./overflowTypes\";\nimport { partition } from \"../utils\";\nimport { useIdMemo } from \"@salt-ds/core\";\n\nconst NO_OVERFLOW_INDICATOR = { size: 0 };\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nconst popNextOverflowedItem = (items: OverflowItem[]) => {\n const minPriority = Math.min(...items.map(getPriority));\n for (let i = 0; i < items.length; i++) {\n if (!items[i].isOverflowIndicator && items[i].priority === minPriority) {\n return items.splice(i, 1)[0];\n }\n }\n return null;\n};\n\nexport const useOverflow = ({\n collectionHook: { dispatch },\n id: idProp,\n label = \"Toolbar\",\n overflowItemsRef,\n overflowContainerRef,\n orientation,\n}: OverflowHookProps): OverflowHookResult => {\n // We need to detect when we enter/exit the overflowed state\n const innerContainerSizeRef = useRef(0);\n const overflowIndicatorSize = useRef(0);\n const id = useIdMemo(idProp);\n\n const setContainerMinSize = useCallback(\n (size?: number) => {\n if (overflowContainerRef.current) {\n const isHorizontal = orientation === \"horizontal\";\n if (size === undefined) {\n const dimension = isHorizontal ? \"width\" : \"height\";\n ({ [dimension]: size } =\n overflowContainerRef.current.getBoundingClientRect());\n }\n if (typeof size === \"number\") {\n const styleDimension = isHorizontal ? \"minWidth\" : \"minHeight\";\n overflowContainerRef.current.style[styleDimension] = `${size}px`;\n }\n }\n },\n [orientation, overflowContainerRef]\n );\n\n const getAllOverflowedItems = useCallback(\n (renderedSize: number, availableSpace: number) => {\n const { current: allItems } = overflowItemsRef;\n const overflowedItems: OverflowItem[] = [];\n const items = allItems.slice();\n while (renderedSize > availableSpace) {\n const overflowedItem = popNextItemByPriority(items);\n if (overflowedItem === null) {\n break;\n }\n // eslint-disable-next-line no-param-reassign\n renderedSize -= overflowedItem.size;\n overflowedItems.push({\n ...overflowedItem,\n overflowed: true,\n });\n }\n return overflowedItems;\n },\n [overflowItemsRef]\n );\n\n const getOverflowedItems = useCallback(\n (visibleContentSize: number, containerSize: number) => {\n const newlyOverflowedItems = [];\n const { current: managedItems } = overflowItemsRef;\n const visibleItems = managedItems.filter(notOverflowed);\n while (visibleContentSize > containerSize) {\n const overflowedItem = popNextItemByPriority(visibleItems);\n if (overflowedItem === null) {\n // unable to overflow, all items are collapsed, this is our minimum width,\n // enforce it ...\n // TODO what if density changes\n // TODO probably not right, now we overflow even collapsed items, min width should be\n // overflow indicator width plus width of any non-overflowable items\n // setContainerMinSize(visibleContentSize);\n break;\n }\n visibleContentSize -= overflowedItem.size;\n newlyOverflowedItems.push({\n ...overflowedItem,\n overflowed: true,\n });\n }\n return newlyOverflowedItems;\n },\n [overflowItemsRef]\n );\n\n const getReinstatedItems = useCallback(\n (containerSize: number): [number, OverflowItem[]] => {\n const reinstatedItems: OverflowItem[] = [];\n const { current: managedItems } = overflowItemsRef;\n\n const [overflowedItems, visibleItems] = partition(\n managedItems,\n isOverflowed\n );\n const overflowCount = overflowedItems.length;\n // TODO calculate this without using fullWidth if we have OVERFLOW\n // Need a loop here where we first remove OVERFLOW, then potentially remove\n // COLLAPSE too\n // We want to re-introduce overflowed items before we start to restore collapsed items\n // When we are dealing with overflowed items, we just use the current width of collapsed items.\n let visibleContentSize = visibleItems.reduce(\n allExceptOverflowIndicator,\n 0\n );\n let diff = containerSize - visibleContentSize;\n const { size: overflowSize = 0 } =\n getOverflowIndicator(managedItems) \|\| NO_OVERFLOW_INDICATOR;\n const totalOverflowedSize = overflowedItems.reduce(\n (sum, item) => sum + item.size,\n 0\n );\n // It is important to make this check first, because the overflow indicator may have larger size than\n // individual overflowed item(s).\n if (totalOverflowedSize <= diff) {\n reinstatedItems.push(\n ...overflowedItems.map((item) => ({ ...item, overflowed: false }))\n );\n } else {\n while (overflowedItems.length > 0) {\n const nextItem = popNextOverflowedItem(overflowedItems);\n if (nextItem && diff >= nextItem.size) {\n // we have enough free space to reinstate this overflowed item\n // we can only ignore the width of overflow Indicator if either there is only one remaining\n // overflow item (so overflowIndicator will be removed) or diff is big enough to accommodate\n // the overflow Ind.\n if (\n overflowedItems.length === 0 \|\|\n diff >= nextItem.size + overflowSize\n ) {\n visibleContentSize += nextItem.size;\n diff = diff - nextItem.size;\n reinstatedItems.push({\n ...nextItem,\n overflowed: false,\n });\n } else {\n break;\n }\n } else {\n break;\n }\n }\n }\n return [overflowCount, reinstatedItems];\n },\n []\n );\n\n const resetMeasurements = useCallback(\n (isOverflowing: boolean, innerContainerSize: number) => {\n if (isOverflowing) {\n const { current: managedItems } = overflowItemsRef;\n const renderedSize = managedItems.reduce(allExceptOverflowIndicator, 0);\n const overflowIndicator = managedItems.find(\n (i) => i.isOverflowIndicator\n );\n if (\n overflowIndicator &&\n overflowIndicator.size !== overflowIndicatorSize.current\n ) {\n overflowIndicatorSize.current = overflowIndicator.size;\n setContainerMinSize(overflowIndicator.size);\n }\n const existingOverflow = managedItems.filter(isOverflowed);\n const updates = getAllOverflowedItems(\n renderedSize,\n innerContainerSize - overflowIndicatorSize.current\n );\n\n existingOverflow.forEach((item) => {\n if (!updates.some((i) => i.index === item.index)) {\n updates.push({\n ...item,\n overflowed: false,\n });\n }\n });\n\n const overflowAdded = !existingOverflow.length && updates.length;\n\n if (updates.length > 0) {\n if (overflowAdded) {\n dispatch({\n type: \"update-items-add-overflow-indicator\",\n overflowItems: updates,\n overflowItem: {\n fullSize: null,\n id: `${id}-overflow-indicator`,\n index: managedItems.length,\n isOverflowIndicator: true,\n label: \"Overflow Menu\",\n priority: 1,\n source: {},\n } as OverflowItem<\"source\">,\n });\n } else {\n dispatch({\n type: \"update-items\",\n overflowItems: updates,\n });\n }\n return true;\n } else {\n return false;\n }\n }\n },\n [dispatch, getAllOverflowedItems, id, overflowItemsRef, setContainerMinSize]\n );\n\n const updateOverflow = useCallback(\n (containerSize: number, renderedSize: number) => {\n if (containerSize < renderedSize) {\n const overflowItems = getOverflowedItems(renderedSize, containerSize);\n if (overflowItems.length) {\n dispatch({\n type: \"update-items\",\n overflowItems,\n });\n }\n }\n },\n [dispatch, getOverflowedItems]\n );\n\n const removeOverflow = useCallback(\n (containerSize: number) => {\n const [overflowCount, reinstated] = getReinstatedItems(containerSize);\n if (reinstated.length) {\n if (overflowCount === reinstated.length) {\n dispatch({\n type: \"update-items-remove-overflow-indicator\",\n overflowItems: reinstated,\n });\n } else {\n dispatch({\n type: \"update-items\",\n overflowItems: reinstated,\n });\n }\n }\n },\n [dispatch, getReinstatedItems]\n );\n\n const handleResize = useCallback(\n (size: number, containerHasGrown?: boolean) => {\n const { current: managedItems } = overflowItemsRef;\n const wasOverflowing = managedItems.some(\n (item) => item.isOverflowIndicator\n );\n const { isOverflowing } = measureContainerOverflow(\n overflowContainerRef,\n orientation\n );\n\n innerContainerSizeRef.current = size;\n\n if (!wasOverflowing && isOverflowing) {\n // entering overflow\n // TODO if client is not using an overflow indicator, there is nothing to do here,\n // just let nature take its course. How do we know this ?\n // This is when we need to add width to measurements we are tracking\n resetMeasurements(true, size);\n } else if (wasOverflowing && containerHasGrown) {\n // check to see if we can reinstate one or more items, possibly all\n removeOverflow(size);\n } else if (wasOverflowing && isOverflowing) {\n // Note: container must have shrunk\n // still overflowing, possibly more overflowing than before\n const renderedSize = managedItems\n .filter(notOverflowed)\n .reduce(addAll, 0);\n updateOverflow(size, renderedSize);\n }\n },\n [\n orientation,\n overflowContainerRef,\n overflowItemsRef,\n removeOverflow,\n resetMeasurements,\n updateOverflow,\n ]\n );\n\n return {\n onResize: handleResize,\n resetMeasurements,\n };\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useOverflow.js","sources":["../src/responsive/useOverflow.ts"],"sourcesContent":["import { useIdMemo } from \"@salt-ds/core\";\nimport { useCallback, useRef } from \"react\";\nimport { partition } from \"../utils\";\nimport type {\n OverflowHookProps,\n OverflowHookResult,\n OverflowItem,\n} from \"./overflowTypes\";\nimport {\n addAll,\n allExceptOverflowIndicator,\n getOverflowIndicator,\n isOverflowed,\n measureContainerOverflow,\n notOverflowed,\n popNextItemByPriority,\n} from \"./overflowUtils\";\n\nconst NO_OVERFLOW_INDICATOR = { size: 0 };\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nconst popNextOverflowedItem = (items: OverflowItem[]) => {\n const minPriority = Math.min(...items.map(getPriority));\n for (let i = 0; i < items.length; i++) {\n if (!items[i].isOverflowIndicator && items[i].priority === minPriority) {\n return items.splice(i, 1)[0];\n }\n }\n return null;\n};\n\nexport const useOverflow = ({\n collectionHook: { dispatch },\n id: idProp,\n label = \"Toolbar\",\n overflowItemsRef,\n overflowContainerRef,\n orientation,\n}: OverflowHookProps): OverflowHookResult => {\n // We need to detect when we enter/exit the overflowed state\n const innerContainerSizeRef = useRef(0);\n const overflowIndicatorSize = useRef(0);\n const id = useIdMemo(idProp);\n\n const setContainerMinSize = useCallback(\n (size?: number) => {\n if (overflowContainerRef.current) {\n const isHorizontal = orientation === \"horizontal\";\n if (size === undefined) {\n const dimension = isHorizontal ? \"width\" : \"height\";\n ({ [dimension]: size } =\n overflowContainerRef.current.getBoundingClientRect());\n }\n if (typeof size === \"number\") {\n const styleDimension = isHorizontal ? \"minWidth\" : \"minHeight\";\n overflowContainerRef.current.style[styleDimension] = `${size}px`;\n }\n }\n },\n [orientation, overflowContainerRef],\n );\n\n const getAllOverflowedItems = useCallback(\n (renderedSize: number, availableSpace: number) => {\n const { current: allItems } = overflowItemsRef;\n const overflowedItems: OverflowItem[] = [];\n const items = allItems.slice();\n while (renderedSize > availableSpace) {\n const overflowedItem = popNextItemByPriority(items);\n if (overflowedItem === null) {\n break;\n }\n renderedSize -= overflowedItem.size;\n overflowedItems.push({\n ...overflowedItem,\n overflowed: true,\n });\n }\n return overflowedItems;\n },\n [overflowItemsRef],\n );\n\n const getOverflowedItems = useCallback(\n (visibleContentSize: number, containerSize: number) => {\n const newlyOverflowedItems = [];\n const { current: managedItems } = overflowItemsRef;\n const visibleItems = managedItems.filter(notOverflowed);\n while (visibleContentSize > containerSize) {\n const overflowedItem = popNextItemByPriority(visibleItems);\n if (overflowedItem === null) {\n // unable to overflow, all items are collapsed, this is our minimum width,\n // enforce it ...\n // TODO what if density changes\n // TODO probably not right, now we overflow even collapsed items, min width should be\n // overflow indicator width plus width of any non-overflowable items\n // setContainerMinSize(visibleContentSize);\n break;\n }\n visibleContentSize -= overflowedItem.size;\n newlyOverflowedItems.push({\n ...overflowedItem,\n overflowed: true,\n });\n }\n return newlyOverflowedItems;\n },\n [overflowItemsRef],\n );\n\n const getReinstatedItems = useCallback(\n (containerSize: number): [number, OverflowItem[]] => {\n const reinstatedItems: OverflowItem[] = [];\n const { current: managedItems } = overflowItemsRef;\n\n const [overflowedItems, visibleItems] = partition(\n managedItems,\n isOverflowed,\n );\n const overflowCount = overflowedItems.length;\n // TODO calculate this without using fullWidth if we have OVERFLOW\n // Need a loop here where we first remove OVERFLOW, then potentially remove\n // COLLAPSE too\n // We want to re-introduce overflowed items before we start to restore collapsed items\n // When we are dealing with overflowed items, we just use the current width of collapsed items.\n let visibleContentSize = visibleItems.reduce(\n allExceptOverflowIndicator,\n 0,\n );\n let diff = containerSize - visibleContentSize;\n const { size: overflowSize = 0 } =\n getOverflowIndicator(managedItems) \|\| NO_OVERFLOW_INDICATOR;\n const totalOverflowedSize = overflowedItems.reduce(\n (sum, item) => sum + item.size,\n 0,\n );\n // It is important to make this check first, because the overflow indicator may have larger size than\n // individual overflowed item(s).\n if (totalOverflowedSize <= diff) {\n reinstatedItems.push(\n ...overflowedItems.map((item) => ({ ...item, overflowed: false })),\n );\n } else {\n while (overflowedItems.length > 0) {\n const nextItem = popNextOverflowedItem(overflowedItems);\n if (nextItem && diff >= nextItem.size) {\n // we have enough free space to reinstate this overflowed item\n // we can only ignore the width of overflow Indicator if either there is only one remaining\n // overflow item (so overflowIndicator will be removed) or diff is big enough to accommodate\n // the overflow Ind.\n if (\n overflowedItems.length === 0 \|\|\n diff >= nextItem.size + overflowSize\n ) {\n visibleContentSize += nextItem.size;\n diff = diff - nextItem.size;\n reinstatedItems.push({\n ...nextItem,\n overflowed: false,\n });\n } else {\n break;\n }\n } else {\n break;\n }\n }\n }\n return [overflowCount, reinstatedItems];\n },\n [overflowItemsRef],\n );\n\n const resetMeasurements = useCallback(\n (isOverflowing: boolean, innerContainerSize: number) => {\n if (isOverflowing) {\n const { current: managedItems } = overflowItemsRef;\n const renderedSize = managedItems.reduce(allExceptOverflowIndicator, 0);\n const overflowIndicator = managedItems.find(\n (i) => i.isOverflowIndicator,\n );\n if (\n overflowIndicator &&\n overflowIndicator.size !== overflowIndicatorSize.current\n ) {\n overflowIndicatorSize.current = overflowIndicator.size;\n setContainerMinSize(overflowIndicator.size);\n }\n const existingOverflow = managedItems.filter(isOverflowed);\n const updates = getAllOverflowedItems(\n renderedSize,\n innerContainerSize - overflowIndicatorSize.current,\n );\n\n for (const item of existingOverflow) {\n if (!updates.some((i) => i.index === item.index)) {\n updates.push({\n ...item,\n overflowed: false,\n });\n }\n }\n\n const overflowAdded = !existingOverflow.length && updates.length;\n\n if (updates.length > 0) {\n if (overflowAdded) {\n dispatch({\n type: \"update-items-add-overflow-indicator\",\n overflowItems: updates,\n overflowItem: {\n fullSize: null,\n id: `${id}-overflow-indicator`,\n index: managedItems.length,\n isOverflowIndicator: true,\n label: \"Overflow Menu\",\n priority: 1,\n source: {},\n } as OverflowItem<\"source\">,\n });\n } else {\n dispatch({\n type: \"update-items\",\n overflowItems: updates,\n });\n }\n return true;\n }\n return false;\n }\n },\n [\n dispatch,\n getAllOverflowedItems,\n id,\n overflowItemsRef,\n setContainerMinSize,\n ],\n );\n\n const updateOverflow = useCallback(\n (containerSize: number, renderedSize: number) => {\n if (containerSize < renderedSize) {\n const overflowItems = getOverflowedItems(renderedSize, containerSize);\n if (overflowItems.length) {\n dispatch({\n type: \"update-items\",\n overflowItems,\n });\n }\n }\n },\n [dispatch, getOverflowedItems],\n );\n\n const removeOverflow = useCallback(\n (containerSize: number) => {\n const [overflowCount, reinstated] = getReinstatedItems(containerSize);\n if (reinstated.length) {\n if (overflowCount === reinstated.length) {\n dispatch({\n type: \"update-items-remove-overflow-indicator\",\n overflowItems: reinstated,\n });\n } else {\n dispatch({\n type: \"update-items\",\n overflowItems: reinstated,\n });\n }\n }\n },\n [dispatch, getReinstatedItems],\n );\n\n const handleResize = useCallback(\n (size: number, containerHasGrown?: boolean) => {\n const { current: managedItems } = overflowItemsRef;\n const wasOverflowing = managedItems.some(\n (item) => item.isOverflowIndicator,\n );\n const { isOverflowing } = measureContainerOverflow(\n overflowContainerRef,\n orientation,\n );\n\n innerContainerSizeRef.current = size;\n\n if (!wasOverflowing && isOverflowing) {\n // entering overflow\n // TODO if client is not using an overflow indicator, there is nothing to do here,\n // just let nature take its course. How do we know this ?\n // This is when we need to add width to measurements we are tracking\n resetMeasurements(true, size);\n } else if (wasOverflowing && containerHasGrown) {\n // check to see if we can reinstate one or more items, possibly all\n removeOverflow(size);\n } else if (wasOverflowing && isOverflowing) {\n // Note: container must have shrunk\n // still overflowing, possibly more overflowing than before\n const renderedSize = managedItems\n .filter(notOverflowed)\n .reduce(addAll, 0);\n updateOverflow(size, renderedSize);\n }\n },\n [\n orientation,\n overflowContainerRef,\n overflowItemsRef,\n removeOverflow,\n resetMeasurements,\n updateOverflow,\n ],\n );\n\n return {\n onResize: handleResize,\n resetMeasurements,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/responsive/useOverflowCollectionItems.js CHANGED Viewed

@@ -1,15 +1,14 @@
-import { useRef, Children, useReducer, useCallback, isValidElement } from 'react';
 import { useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { measureOverflowItems } from './overflowUtils.js';
+import { useRef, Children, useReducer, useCallback, isValidElement } from 'react';
 import { overflowReducer, reducerInitialiser } from './OverflowReducer.js';
+import { measureOverflowItems } from './overflowUtils.js';
 const defaultOptions = {};
 const defaultChildIdentity = (children) => {
   const childLabels = [];
   Children.forEach(children, (child) => {
-    var _a;
     if (isValidElement(child)) {
-      childLabels.push((_a = child.props.label) != null ? _a : "");
+      childLabels.push(child.props.label ?? "");
     }
   });
   return `${childLabels.length}:${childLabels.join(":")}`;
@@ -36,7 +35,7 @@ const useOverflowCollectionItems = ({
   injectedItems = [],
   options = defaultOptions,
   orientation,
-  label = "",
+  label: _label = "",
   source
 }) => {
   const dataRef = useRef([]);
@@ -100,7 +99,7 @@ const useOverflowCollectionItems = ({
       measureManagedItems();
     }
     measure().catch((err) => {
-      console.warn(`error occurred measuring Overflow Items`, err);
+      console.warn("error occurred measuring Overflow Items", err);
     });
   }, [measureManagedItems]);
   const dispatchOverflowAction = useCallback(

package/dist-es/responsive/useOverflowCollectionItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOverflowCollectionItems.js","sources":["../src/responsive/useOverflowCollectionItems.ts"],"sourcesContent":["import {\n useCallback,\n useReducer,\n useRef,\n Children,\n ReactElement,\n ReactNode,\n isValidElement,\n} from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\nimport {\n OverflowItem,\n OverflowCollectionOptions,\n OverflowCollectionHookProps,\n OverflowCollectionHookResult,\n OverflowSource,\n} from \"./overflowTypes\";\nimport { measureOverflowItems } from \"./overflowUtils\";\nimport {\n reducerInitialiser,\n OverflowAction,\n overflowReducer,\n OverflowReducer,\n OverflowReducerInitialisationProps,\n} from \"./OverflowReducer\";\n\nconst defaultOptions: OverflowCollectionOptions = {};\n\ntype WithLabel = { label?: string };\n\nconst defaultChildIdentity = (children: ReactNode) => {\n const childLabels: string[] = [];\n Children.forEach(children, (child) => {\n if (isValidElement(child)) {\n childLabels.push((child as ReactElement<WithLabel>).props.label ?? \"\");\n }\n });\n return `${childLabels.length}:${childLabels.join(\":\")}`;\n};\n\nconst defaultSourceIdentity = (source: WithLabel[]): string => {\n const labels = source.map(({ label }) => label).join(\":\");\n return `${source.length}:${labels}`;\n};\n// We need to track structural changes to controlled source or child elements.\n// Simple identity won't work as child elements will be different on every render.\n// structural changes are addition or removal of items, reordering items.\n// Question, what if user changes prop in declarative TabPanel ?\nconst getItemsIdentity = (\n defaultSource?: OverflowSource[],\n source?: OverflowSource[],\n children?: ReactNode\n): string => {\n let identity;\n if (Array.isArray(defaultSource)) {\n identity = defaultSourceIdentity(defaultSource);\n } else if (Array.isArray(source)) {\n identity = defaultSourceIdentity(source);\n } else {\n identity = defaultChildIdentity(children);\n }\n return identity;\n};\n\ntype OverflowCollectionHook = (\n props: OverflowCollectionHookProps\n) => OverflowCollectionHookResult;\n\nexport const useOverflowCollectionItems: OverflowCollectionHook = ({\n children,\n defaultSource,\n id: idRoot,\n injectedItems = [],\n options = defaultOptions,\n orientation,\n label = \"\",\n source,\n}) => {\n const dataRef = useRef<OverflowItem[]>([]);\n const versionRef = useRef(0);\n const measureTimeout = useRef<number \| null>(null);\n const previousIdentityRef = useRef(\"\");\n const fontsLoaded = useRef(false);\n const identity = getItemsIdentity(defaultSource, source, children);\n const isControlled = Array.isArray(source) \|\| Children.count(children) > 0;\n if (isControlled && defaultSource !== undefined) {\n throw Error(\n \"useOverflowCollectionItems: defaultSource prop should not be used in combination with either source prop or children \"\n );\n }\n\n const [data, dispatch] = useReducer<\n OverflowReducer,\n OverflowReducerInitialisationProps\n >(\n overflowReducer,\n {\n children,\n source: source \|\| defaultSource,\n injectedItems,\n idRoot,\n options,\n },\n reducerInitialiser\n );\n\n dataRef.current = data;\n\n const measureManagedItems = useCallback(\n (defer = false) => {\n if (measureTimeout.current) {\n window.clearTimeout(measureTimeout.current);\n measureTimeout.current = null;\n }\n if (defer) {\n measureTimeout.current = window.setTimeout(measureManagedItems, 30);\n } else {\n // If fonts have not yet loaded, measurements WILL be incorrect\n if (fontsLoaded.current) {\n const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n const overflowItems = measureOverflowItems(\n dataRef.current,\n dimension\n );\n // TODO if measurements have not changed, do nothing\n // Track the generation of measured items. This can be used to trigger\n // side effects when measurement takes place.\n versionRef.current += 1;\n dispatch({\n type: \"init\",\n overflowItems,\n });\n }\n }\n },\n [orientation]\n );\n\n // Take the initial measurements of overflow items. All subsequent re-measurement will be\n // triggered by either manipulation of the items or item state or updated source.\n useIsomorphicLayoutEffect(() => {\n async function measure(): Promise<void> {\n const { fonts } = document;\n if (fonts) {\n await fonts.ready;\n fontsLoaded.current = true;\n } else {\n fontsLoaded.current = true;\n }\n measureManagedItems();\n }\n\n measure().catch((err) => {\n console.warn(`error occurred measuring Overflow Items`, err);\n });\n }, [measureManagedItems]);\n\n const dispatchOverflowAction = useCallback(\n (action: OverflowAction \| { type: \"reset\" }) => {\n if (action.type === \"reset\") {\n measureManagedItems();\n } else {\n dispatch(action);\n\n if (action.type.endsWith(\"overflow-indicator\")) {\n measureManagedItems(true);\n }\n }\n },\n [measureManagedItems]\n );\n\n useIsomorphicLayoutEffect(() => {\n if (previousIdentityRef.current !== \"\") {\n const overflowItems = reducerInitialiser({\n children,\n source: source \|\| defaultSource,\n injectedItems,\n idRoot,\n options,\n });\n\n dispatch({ type: \"init\", overflowItems });\n measureManagedItems(true);\n }\n previousIdentityRef.current = identity;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [identity]);\n\n return {\n data,\n dispatch: dispatchOverflowAction,\n isControlled,\n version: versionRef.current,\n };\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useOverflowCollectionItems.js","sources":["../src/responsive/useOverflowCollectionItems.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n Children,\n isValidElement,\n type ReactElement,\n type ReactNode,\n useCallback,\n useReducer,\n useRef,\n} from \"react\";\n\nimport {\n type OverflowAction,\n type OverflowReducer,\n type OverflowReducerInitialisationProps,\n overflowReducer,\n reducerInitialiser,\n} from \"./OverflowReducer\";\nimport type {\n OverflowCollectionHookProps,\n OverflowCollectionHookResult,\n OverflowCollectionOptions,\n OverflowItem,\n OverflowSource,\n} from \"./overflowTypes\";\nimport { measureOverflowItems } from \"./overflowUtils\";\n\nconst defaultOptions: OverflowCollectionOptions = {};\n\ntype WithLabel = { label?: string };\n\nconst defaultChildIdentity = (children: ReactNode) => {\n const childLabels: string[] = [];\n Children.forEach(children, (child) => {\n if (isValidElement(child)) {\n childLabels.push((child as ReactElement<WithLabel>).props.label ?? \"\");\n }\n });\n return `${childLabels.length}:${childLabels.join(\":\")}`;\n};\n\nconst defaultSourceIdentity = (source: WithLabel[]): string => {\n const labels = source.map(({ label }) => label).join(\":\");\n return `${source.length}:${labels}`;\n};\n// We need to track structural changes to controlled source or child elements.\n// Simple identity won't work as child elements will be different on every render.\n// structural changes are addition or removal of items, reordering items.\n// Question, what if user changes prop in declarative TabPanel ?\nconst getItemsIdentity = (\n defaultSource?: OverflowSource[],\n source?: OverflowSource[],\n children?: ReactNode,\n): string => {\n let identity: string;\n if (Array.isArray(defaultSource)) {\n identity = defaultSourceIdentity(defaultSource);\n } else if (Array.isArray(source)) {\n identity = defaultSourceIdentity(source);\n } else {\n identity = defaultChildIdentity(children);\n }\n return identity;\n};\n\ntype OverflowCollectionHook = (\n props: OverflowCollectionHookProps,\n) => OverflowCollectionHookResult;\n\nexport const useOverflowCollectionItems: OverflowCollectionHook = ({\n children,\n defaultSource,\n id: idRoot,\n injectedItems = [],\n options = defaultOptions,\n orientation,\n label: _label = \"\",\n source,\n}) => {\n const dataRef = useRef<OverflowItem[]>([]);\n const versionRef = useRef(0);\n const measureTimeout = useRef<number \| null>(null);\n const previousIdentityRef = useRef(\"\");\n const fontsLoaded = useRef(false);\n const identity = getItemsIdentity(defaultSource, source, children);\n const isControlled = Array.isArray(source) \|\| Children.count(children) > 0;\n if (isControlled && defaultSource !== undefined) {\n throw Error(\n \"useOverflowCollectionItems: defaultSource prop should not be used in combination with either source prop or children \",\n );\n }\n\n const [data, dispatch] = useReducer<\n OverflowReducer,\n OverflowReducerInitialisationProps\n >(\n overflowReducer,\n {\n children,\n source: source \|\| defaultSource,\n injectedItems,\n idRoot,\n options,\n },\n reducerInitialiser,\n );\n\n dataRef.current = data;\n\n const measureManagedItems = useCallback(\n (defer = false) => {\n if (measureTimeout.current) {\n window.clearTimeout(measureTimeout.current);\n measureTimeout.current = null;\n }\n if (defer) {\n measureTimeout.current = window.setTimeout(measureManagedItems, 30);\n } else {\n // If fonts have not yet loaded, measurements WILL be incorrect\n if (fontsLoaded.current) {\n const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n const overflowItems = measureOverflowItems(\n dataRef.current,\n dimension,\n );\n // TODO if measurements have not changed, do nothing\n // Track the generation of measured items. This can be used to trigger\n // side effects when measurement takes place.\n versionRef.current += 1;\n dispatch({\n type: \"init\",\n overflowItems,\n });\n }\n }\n },\n [orientation],\n );\n\n // Take the initial measurements of overflow items. All subsequent re-measurement will be\n // triggered by either manipulation of the items or item state or updated source.\n useIsomorphicLayoutEffect(() => {\n async function measure(): Promise<void> {\n const { fonts } = document;\n if (fonts) {\n await fonts.ready;\n fontsLoaded.current = true;\n } else {\n fontsLoaded.current = true;\n }\n measureManagedItems();\n }\n\n measure().catch((err) => {\n console.warn(\"error occurred measuring Overflow Items\", err);\n });\n }, [measureManagedItems]);\n\n const dispatchOverflowAction = useCallback(\n (action: OverflowAction \| { type: \"reset\" }) => {\n if (action.type === \"reset\") {\n measureManagedItems();\n } else {\n dispatch(action);\n\n if (action.type.endsWith(\"overflow-indicator\")) {\n measureManagedItems(true);\n }\n }\n },\n [measureManagedItems],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (previousIdentityRef.current !== \"\") {\n const overflowItems = reducerInitialiser({\n children,\n source: source \|\| defaultSource,\n injectedItems,\n idRoot,\n options,\n });\n\n dispatch({ type: \"init\", overflowItems });\n measureManagedItems(true);\n }\n previousIdentityRef.current = identity;\n }, [identity]);\n\n return {\n data,\n dispatch: dispatchOverflowAction,\n isControlled,\n version: versionRef.current,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/responsive/useOverflowLayout.js CHANGED Viewed

@@ -1,11 +1,10 @@
 import { useRef, useCallback, useEffect } from 'react';
+import { useResizeObserver } from './useResizeObserver.js';
 import { getIsOverflowed, measureContainerOverflow } from './overflowUtils.js';
 import { useDynamicCollapse } from './useDynamicCollapse.js';
 import { useInstantCollapse } from './useInstantCollapse.js';
 import { useOverflow } from './useOverflow.js';
 import { useReclaimSpace } from './useReclaimSpace.js';
-import { useResizeObserver } from './useResizeObserver.js';
-import '@salt-ds/core';
 const MONITORED_DIMENSIONS = {
   horizontal: ["width", "scrollHeight"],
@@ -42,8 +41,6 @@ const useOverflowLayout = ({
     resetMeasurements: resetDynamicMeasurements
   } = useDynamicCollapse({
     collectionHook,
-    innerContainerSize,
-    label,
     overflowItemsRef,
     orientation,
     overflowContainerRef
@@ -55,7 +52,6 @@ const useOverflowLayout = ({
     collectionHook,
     hasOverflowedItems,
     innerContainerSize,
-    label,
     overflowItemsRef,
     orientation,
     overflowContainerRef
@@ -139,7 +135,7 @@ const useOverflowLayout = ({
     resizeHandler
   );
   useEffect(() => {
-    if (!disableOverflow) {
+    if (!disableOverflow && collectionVersion != null) {
       measureAndInitialize();
     }
   }, [collectionVersion, disableOverflow, measureAndInitialize]);

package/dist-es/responsive/useOverflowLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOverflowLayout.js","sources":["../src/responsive/useOverflowLayout.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport {\n ElementRef,\n ManagedListRef,\n OverflowItem,\n OverflowLayoutHookProps,\n} from \"./overflowTypes\";\n\nimport { getIsOverflowed } from \"./overflowUtils\";\nimport { useDynamicCollapse } from \"./useDynamicCollapse\";\nimport { useInstantCollapse } from \"./useInstantCollapse\";\nimport { useOverflow } from \"./useOverflow\";\nimport { useReclaimSpace } from \"./useReclaimSpace\";\~~nimport { ResizeHandler, useResizeObserver } from \"../responsive\";\~~n\~~nimport { measureContainerOverflow } from \"./overflowUtils\";\n\~~nconst MONITORED_DIMENSIONS: { [key: string]: string[] } = {\n horizontal: [\"width\", \"scrollHeight\"],\n vertical: [\"height\", \"scrollWidth\"],\n none: [],\n};\n\ntype overflowUpdate = (item1: OverflowItem, item2: OverflowItem) => void;\n\n// we need id, just to be able to assign id to overflowIndicator in useOverflow\nexport const useOverflowLayout = ({\n collectionHook,\n id,\n orientation,\n label = \"Toolbar\",\n disableOverflow = false,\n}: OverflowLayoutHookProps): [ElementRef, overflowUpdate] => {\n const overflowContainerRef: ElementRef = useRef(null);\n const overflowItemsRef: ManagedListRef = useRef([]);\n const measurement = useRef({ innerContainerSize: 0, rootContainerDepth: 0 });\n const { innerContainerSize } = measurement.current;\n\n const { dispatch, version: collectionVersion } = collectionHook;\n overflowItemsRef.current = collectionHook.data;\n\n const {\n onResize: onOverflowResize,\n resetMeasurements: resetOverflowMeasurements,\n } = useOverflow({\n collectionHook,\n id,\n label,\n overflowItemsRef,\n orientation,\n overflowContainerRef,\n });\n\n const hasOverflowedItems = getIsOverflowed(collectionHook.data);\n // const hasOverflowedItems = getIsOverflowed(managedItems);\n\n const {\n onResize: onDynamicResize,\n resetMeasurements: resetDynamicMeasurements,\n } = useDynamicCollapse({\n collectionHook,\n innerContainerSize,\n label,\n overflowItemsRef,\n orientation,\n overflowContainerRef,\n });\n\n const {\n onResize: onInstantResize,\n resetMeasurements: resetInstantMeasurements,\n } = useInstantCollapse({\n collectionHook,\n hasOverflowedItems,\n innerContainerSize,\n label,\n overflowItemsRef,\n orientation,\n overflowContainerRef,\n });\n\n const { onResize: onReclaimResize } = useReclaimSpace({\n collectionHook,\n label,\n overflowItemsRef,\n orientation,\n overflowContainerRef,\n });\n\n const resizeHandler: ResizeHandler = useCallback(\n ({\n scrollHeight,\n height = scrollHeight,\n scrollWidth,\n width = scrollWidth,\n }) => {\n const size = orientation === \"horizontal\" ? width : height;\n if (typeof size === \"number\") {\n const { innerContainerSize } = measurement.current;\n const sizeDiff = size - innerContainerSize;\n // Tiny size diffs seem to be down to the relative sub-pixel innaccuracy of\n // ResizeObserver vs getBoundingClientRect\n if (Math.abs(sizeDiff) > 0.5) {\n measurement.current.innerContainerSize = size;\n const containerHasGrown = size > innerContainerSize;\n // Note: any one of these hooks may trigger a render which\n // may affect the overflow state that the next hook sees.\n // Hence, they all test for overflow internally and independently.\n onDynamicResize(size, containerHasGrown);\n onInstantResize(size, containerHasGrown);\n onOverflowResize(size, containerHasGrown);\n onReclaimResize(size, containerHasGrown);\n }\n }\n },\n [\n onDynamicResize,\n onInstantResize,\n onOverflowResize,\n onReclaimResize,\n orientation,\n ]\n );\n\n const measureAndInitialize = useCallback(() => {\n const { isOverflowing, ...contentWidthAndDepth } = measureContainerOverflow(\n overflowContainerRef,\n orientation\n );\n\n measurement.current = contentWidthAndDepth;\n const { innerContainerSize } = contentWidthAndDepth;\n // TODO check this with complex combinations\n let handled = resetInstantMeasurements(isOverflowing);\n if (!handled) {\n handled = resetDynamicMeasurements();\n if (!handled) {\n resetOverflowMeasurements?.(isOverflowing, innerContainerSize);\n }\n }\n }, [\n orientation,\n resetInstantMeasurements,\n resetDynamicMeasurements,\n resetOverflowMeasurements,\n ]);\n\n const switchPriorities = useCallback(\n (item1: OverflowItem, item2: OverflowItem) => {\n const { priority: priority1 } = item1;\n const { priority: priority2 } = item2;\n if (priority1 !== priority2) {\n dispatch({\n type: \"update-items\",\n overflowItems: [\n { id: item1.id, priority: priority2 },\n { id: item2.id, priority: priority1 },\n ],\n });\n // Why do we need a timeout here when we don't inside resizeHandler ?\n setTimeout(measureAndInitialize, 0);\n }\n },\n [dispatch, measureAndInitialize]\n );\n\n // Important that we register our resize handler before we measure and\n // initialize. The initialization may trigger changes which we want the\n // resize observer to detect (when we have nested overflowables).\n useResizeObserver(\n overflowContainerRef,\n MONITORED_DIMENSIONS[disableOverflow ? \"none\" : orientation],\n resizeHandler\n );\n\n // This hook runs after a measurememnt cycle, not after every single change to\n // collection data. The version attribute has been introduced specifically for this.\n useEffect(() => {\n if (!disableOverflow) {\n measureAndInitialize();\n }\n }, [collectionVersion, disableOverflow, measureAndInitialize]);\n\n return [overflowContainerRef, switchPriorities];\n};\n"],"names":["innerContainerSize"],"mappings":"~~;;;;;;;;;~~AAiBA,MAAM,~~oBAAoD~~,~~GAAA~~;AAAA,EACxD,UAAA,EAAY,CAAC,OAAA,EAAS,cAAc,CAAA;AAAA,EACpC,QAAA,EAAU,CAAC,QAAA,EAAU,aAAa,CAAA;AAAA,EAClC,MAAM~~,EAAC~~;~~AACT~~,CAAA~~,CAAA~~;AAKO,MAAM,oBAAoB,CAAC;AAAA,EAChC,cAAA;AAAA,EACA,EAAA;AAAA,EACA,WAAA;AAAA,EACA,~~KAAQ~~,~~GAAA~~,SAAA;AAAA,EACR,~~eAAkB~~,~~GAAA,KAAA~~;AACpB,~~CAA6D~~,~~KAAA~~;AAC3D,~~EAAM~~,~~MAAA~~,oBAAA,GAAmC,OAAO,IAAI,CAAA~~,CAAA~~;AACpD,~~EAAM~~,~~MAAA~~,gBAAA,GAAmC,~~MAAO~~,~~CAAA~~,EAAE,CAAA~~,CAAA~~;AAClD,EAAA,MAAM,cAAc,~~MAAO~~,~~CAAA~~,EAAE,oBAAoB,~~CAAG~~,~~EAAA~~,kBAAA,EAAoB,GAAG,CAAA~~,CAAA~~;AAC3E,~~EAAM~~,~~MAAA~~,EAAE,~~kBAAmB~~,~~EAAA~~,GAAI,~~WAAY~~,~~CAAA~~,OAAA~~,CAAA~~;AAE3C,EAAA,MAAM,EAAE,QAAA,EAAU,~~OAAS~~,~~EAAA~~,iBAAA,~~EAAsB~~,~~GAAA~~,cAAA~~,CAAA~~;AACjD,EAAA,gBAAA,CAAiB,UAAU,~~cAAe~~,~~CAAA~~,IAAA~~,CAAA~~;AAE1C,~~EAAM~~,~~MAAA~~;AAAA,IACJ,~~QAAU~~,~~EAAA~~,gBAAA;AAAA,IACV,~~iBAAmB~~,~~EAAA,yBAAA~~;AAAA,MACjB,~~WAAY~~,~~CAAA~~;AAAA,IACd,cAAA;AAAA,IACA,EAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA~~,oBAAA~~;AAAA,GACD,CAAA~~,CAAA~~;AAED,~~EAAM~~,~~MAAA~~,kBAAA,GAAqB,~~eAAgB~~,~~CAAA~~,cAAA,CAAe,IAAI,CAAA~~,CAAA~~;AAG9D,~~EAAM~~,~~MAAA~~;AAAA,IACJ,~~QAAU~~,~~EAAA~~,eAAA;AAAA,IACV,~~iBAAmB~~,~~EAAA,wBAAA~~;AAAA,MACjB,~~kBAAmB~~,~~CAAA~~;AAAA,IACrB,cAAA;AAAA,~~IACA~~,~~kBAAA;AAAA,IACA,KAAA;AAAA,IACA,~~gBAAA;AAAA,IACA,WAAA;AAAA,IACA~~,oBAAA~~;AAAA,GACD,CAAA~~,CAAA~~;AAED,~~EAAM~~,~~MAAA~~;AAAA,IACJ,~~QAAU~~,~~EAAA~~,eAAA;AAAA,IACV,~~iBAAmB~~,~~EAAA,wBAAA~~;AAAA,MACjB,~~kBAAmB~~,~~CAAA~~;AAAA,IACrB,cAAA;AAAA,IACA,kBAAA;AAAA,IACA,kBAAA;AAAA,~~IACA~~,~~KAAA;AAAA,IACA,~~gBAAA;AAAA,IACA,WAAA;AAAA,IACA~~,oBAAA~~;AAAA,GACD,CAAA~~,CAAA~~;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,~~eAAgB~~,~~EAAA~~,GAAI,~~eAAgB~~,~~CAAA~~;AAAA,IACpD,cAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA~~,oBAAA~~;AAAA,GACD,CAAA~~,CAAA~~;AAED,EAAA,MAAM,~~aAA~~+B,~~GAAA,~~WAAA;AAAA,IACnC,CAAC;AAAA,MACC,YAAA;AAAA,MACA,~~MAAS~~,~~GAAA~~,YAAA;AAAA,MACT,WAAA;AAAA,MACA,~~KAAQ~~,~~GAAA,WAAA~~;AAAA,~~KACJ~~,~~KAAA~~;AACJ,MAAM,~~MAAA,~~IAAA,GAAO,~~WAAgB~~,~~KAAA~~,YAAA,GAAe,~~KAAQ~~,~~GAAA~~,MAAA~~,CAAA~~;AACpD,~~MAAI~~,~~IAAA~~,OAAO,SAAS,~~QAAU~~,~~EAAA~~;AAC5B,QAAA,MAAM,EAAE,kBAAA,EAAAA,~~mBAAmB~~,~~EAAA~~,GAAI,~~WAAY~~,~~CAAA~~,OAAA~~,CAAA~~;AAC3C,QAAA,MAAM,WAAW,~~IAAOA~~,~~GAAAA~~,mBAAAA~~,CAAAA~~;AAGxB,QAAA,IAAI,~~IAAK~~,~~CAAA~~,GAAA,CAAI,QAAQ,CAAA,GAAI,~~GAAK~~,~~EAAA~~;AAC5B,UAAA,WAAA,CAAY,QAAQ,~~kBAAqB~~,~~GAAA~~,IAAA~~,CAAA~~;AACzC,UAAA,MAAM,oBAAoB,~~IAAOA~~,~~GAAAA~~,mBAAAA~~,CAAAA~~;AAIjC,UAAA,eAAA,CAAgB,MAAM,iBAAiB,CAAA~~,CAAA~~;AACvC,UAAA,eAAA,CAAgB,MAAM,iBAAiB,CAAA~~,CAAA~~;AACvC,UAAA,gBAAA,CAAiB,MAAM,iBAAiB,CAAA~~,CAAA~~;AACxC,UAAA,eAAA,CAAgB,MAAM,iBAAiB,CAAA~~,CAAA~~;AAAA,~~SACzC~~;AAAA,~~OACF~~;AAAA,~~KACF~~;AAAA,IACA;AAAA,MACE,eAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,eAAA;AAAA,MACA~~,WAAA~~;AAAA~~,KACF~~;~~AAAA~~,GACF~~,CAAA~~;AAEA,~~EAAM~~,~~MAAA~~,oBAAA,GAAuB,YAAY,MAAM;AAC7C,~~IAAM~~,~~MAAA~~,EAAE,~~aAAkB~~,~~EAAA~~,~~GAAA~~,oBAAA,~~EAAyB~~,~~GAAA~~,wBAAA;AAAA,MACjD,oBAAA;AAAA,MACA~~,WAAA~~;AAAA,KACF~~,CAAA~~;AAEA,IAAA,WAAA,CAAY,~~OAAU~~,~~GAAA~~,oBAAA~~,CAAA~~;AACtB,~~IAAM~~,~~MAAA~~,EAAE,~~kBAAAA~~,EAAAA,mBAAAA,~~EAAuB~~,~~GAAA~~,oBAAA~~,CAAA~~;AAE/B,IAAI,~~IAAA,~~OAAA,GAAU,yBAAyB,aAAa,CAAA~~,CAAA~~;AACpD,IAAA,IAAI,CAAC,~~OAAS~~,~~EAAA~~;AACZ,MAAA,OAAA,GAAU,~~wBAAyB~~,~~EAAA,CAAA~~;AACnC,MAAA,IAAI,CAAC,~~OAAS~~,~~EAAA~~;AACZ,QAAA,yBAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,yBAAA,CAA4B,~~aAAeA~~,~~EAAAA~~,mBAAAA,CAAAA~~,CAAAA~~;AAAA,~~OAC7C~~;AAAA,~~KACF~~;AAAA,~~GACC~~,~~EAAA~~;AAAA,IACD,WAAA;AAAA,IACA,wBAAA;AAAA,IACA,wBAAA;AAAA,IACA~~,yBAAA~~;AAAA,GACD,CAAA~~,CAAA~~;AAED,EAAA,MAAM,~~gBAAmB~~,~~GAAA~~,WAAA;AAAA,IACvB,CAAC,OAAqB,KAAwB~~,KAAA~~;AAC5C,MAAM,~~MAAA,~~EAAE,~~QAAU~~,~~EAAA~~,SAAA,~~EAAc~~,~~GAAA~~,KAAA~~,CAAA~~;AAChC,MAAM,~~MAAA,~~EAAE,~~QAAU~~,~~EAAA~~,SAAA,~~EAAc~~,~~GAAA~~,KAAA~~,CAAA~~;AAChC,MAAA,IAAI,cAAc,~~SAAW~~,~~EAAA~~;AAC3B,~~QAAS~~,QAAA,~~CAAA~~;AAAA,UACP,~~IAAM~~,~~EAAA~~,cAAA;AAAA,UACN,~~aAAe~~,~~EAAA~~;AAAA,YACb,EAAE,EAAA,EAAI,~~KAAM~~,~~CAAA~~,EAAA,EAAI,UAAU,~~SAAU~~,~~EAAA~~;AAAA,YACpC,EAAE,EAAA,EAAI,~~KAAM~~,~~CAAA~~,EAAA,EAAI,UAAU,~~SAAU,EAAA~~;~~AAAA,WACtC~~;~~AAAA~~,SACD,CAAA~~,CAAA~~;AAED,QAAA,UAAA,CAAW,sBAAsB,CAAC,CAAA~~,CAAA~~;AAAA,~~OACpC~~;AAAA,~~KACF~~;AAAA,IACA,CAAC,UAAU,oBAAoB~~,CAAA~~;AAAA,GACjC~~,CAAA~~;AAKA,EAAA,iBAAA;AAAA,IACE,oBAAA;AAAA,IACA,oBAAA,CAAqB,~~kBAAkB~~,~~MAAS~~,~~GAAA~~,~~WAAA~~,CAAA;AAAA,~~IAChD,aAAA~~;AAAA,GACF~~,CAAA~~;AAIA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,~~eAAiB~~,~~EAAA~~;~~AACpB~~,~~MAAqB~~,oBAAA,~~EAAA,CAAA~~;AAAA,~~KACvB~~;AAAA,~~GACC~~,~~EAAA~~,CAAC,~~iBAAmB~~,~~EAAA~~,eAAA,EAAiB,oBAAoB,CAAC,CAAA~~,CAAA~~;AAE7D,~~EAAO~~,~~OAAA~~,CAAC,sBAAsB,gBAAgB,CAAA~~,CAAA~~;AAChD;;;;"}
1	+ {"version":3,"file":"useOverflowLayout.js","sources":["../src/responsive/useOverflowLayout.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport {\n type ResizeHandler,\n useResizeObserver,\n} from \"../responsive/useResizeObserver\";\nimport type {\n ElementRef,\n ManagedListRef,\n OverflowItem,\n OverflowLayoutHookProps,\n} from \"./overflowTypes\";\nimport { getIsOverflowed, measureContainerOverflow } from \"./overflowUtils\";\nimport { useDynamicCollapse } from \"./useDynamicCollapse\";\nimport { useInstantCollapse } from \"./useInstantCollapse\";\nimport { useOverflow } from \"./useOverflow\";\nimport { useReclaimSpace } from \"./useReclaimSpace\";\n\nconst MONITORED_DIMENSIONS: { [key: string]: string[] } = {\n horizontal: [\"width\", \"scrollHeight\"],\n vertical: [\"height\", \"scrollWidth\"],\n none: [],\n};\n\ntype overflowUpdate = (item1: OverflowItem, item2: OverflowItem) => void;\n\n// we need id, just to be able to assign id to overflowIndicator in useOverflow\nexport const useOverflowLayout = ({\n collectionHook,\n id,\n orientation,\n label = \"Toolbar\",\n disableOverflow = false,\n}: OverflowLayoutHookProps): [ElementRef, overflowUpdate] => {\n const overflowContainerRef: ElementRef = useRef(null);\n const overflowItemsRef: ManagedListRef = useRef([]);\n const measurement = useRef({ innerContainerSize: 0, rootContainerDepth: 0 });\n const { innerContainerSize } = measurement.current;\n\n const { dispatch, version: collectionVersion } = collectionHook;\n overflowItemsRef.current = collectionHook.data;\n\n const {\n onResize: onOverflowResize,\n resetMeasurements: resetOverflowMeasurements,\n } = useOverflow({\n collectionHook,\n id,\n label,\n overflowItemsRef,\n orientation,\n overflowContainerRef,\n });\n\n const hasOverflowedItems = getIsOverflowed(collectionHook.data);\n // const hasOverflowedItems = getIsOverflowed(managedItems);\n\n const {\n onResize: onDynamicResize,\n resetMeasurements: resetDynamicMeasurements,\n } = useDynamicCollapse({\n collectionHook,\n innerContainerSize,\n label,\n overflowItemsRef,\n orientation,\n overflowContainerRef,\n });\n\n const {\n onResize: onInstantResize,\n resetMeasurements: resetInstantMeasurements,\n } = useInstantCollapse({\n collectionHook,\n hasOverflowedItems,\n innerContainerSize,\n label,\n overflowItemsRef,\n orientation,\n overflowContainerRef,\n });\n\n const { onResize: onReclaimResize } = useReclaimSpace({\n collectionHook,\n label,\n overflowItemsRef,\n orientation,\n overflowContainerRef,\n });\n\n const resizeHandler: ResizeHandler = useCallback(\n ({\n scrollHeight,\n height = scrollHeight,\n scrollWidth,\n width = scrollWidth,\n }) => {\n const size = orientation === \"horizontal\" ? width : height;\n if (typeof size === \"number\") {\n const { innerContainerSize } = measurement.current;\n const sizeDiff = size - innerContainerSize;\n // Tiny size diffs seem to be down to the relative sub-pixel innaccuracy of\n // ResizeObserver vs getBoundingClientRect\n if (Math.abs(sizeDiff) > 0.5) {\n measurement.current.innerContainerSize = size;\n const containerHasGrown = size > innerContainerSize;\n // Note: any one of these hooks may trigger a render which\n // may affect the overflow state that the next hook sees.\n // Hence, they all test for overflow internally and independently.\n onDynamicResize(size, containerHasGrown);\n onInstantResize(size, containerHasGrown);\n onOverflowResize(size, containerHasGrown);\n onReclaimResize(size, containerHasGrown);\n }\n }\n },\n [\n onDynamicResize,\n onInstantResize,\n onOverflowResize,\n onReclaimResize,\n orientation,\n ],\n );\n\n const measureAndInitialize = useCallback(() => {\n const { isOverflowing, ...contentWidthAndDepth } = measureContainerOverflow(\n overflowContainerRef,\n orientation,\n );\n\n measurement.current = contentWidthAndDepth;\n const { innerContainerSize } = contentWidthAndDepth;\n // TODO check this with complex combinations\n let handled = resetInstantMeasurements(isOverflowing);\n if (!handled) {\n handled = resetDynamicMeasurements();\n if (!handled) {\n resetOverflowMeasurements?.(isOverflowing, innerContainerSize);\n }\n }\n }, [\n orientation,\n resetInstantMeasurements,\n resetDynamicMeasurements,\n resetOverflowMeasurements,\n ]);\n\n const switchPriorities = useCallback(\n (item1: OverflowItem, item2: OverflowItem) => {\n const { priority: priority1 } = item1;\n const { priority: priority2 } = item2;\n if (priority1 !== priority2) {\n dispatch({\n type: \"update-items\",\n overflowItems: [\n { id: item1.id, priority: priority2 },\n { id: item2.id, priority: priority1 },\n ],\n });\n // Why do we need a timeout here when we don't inside resizeHandler ?\n setTimeout(measureAndInitialize, 0);\n }\n },\n [dispatch, measureAndInitialize],\n );\n\n // Important that we register our resize handler before we measure and\n // initialize. The initialization may trigger changes which we want the\n // resize observer to detect (when we have nested overflowables).\n useResizeObserver(\n overflowContainerRef,\n MONITORED_DIMENSIONS[disableOverflow ? \"none\" : orientation],\n resizeHandler,\n );\n\n // This hook runs after a measurememnt cycle, not after every single change to\n // collection data. The version attribute has been introduced specifically for this.\n useEffect(() => {\n if (!disableOverflow && collectionVersion != null) {\n measureAndInitialize();\n }\n }, [collectionVersion, disableOverflow, measureAndInitialize]);\n\n return [overflowContainerRef, switchPriorities];\n};\n"],"names":["innerContainerSize"],"mappings":"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"}