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

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

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-cjs/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":["useRef","useIdMemo","useCallback","popNextItemByPriority","notOverflowed","partition","isOverflowed","allExceptOverflowIndicator","getOverflowIndicator","measureContainerOverflow","addAll"],"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":["useRef","useIdMemo","useCallback","popNextItemByPriority","notOverflowed","partition","isOverflowed","allExceptOverflowIndicator","getOverflowIndicator","measureContainerOverflow","addAll"],"mappings":"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"}

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

@@ -1,19 +1,16 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var React = require('react');
 var core = require('@salt-ds/core');
-var overflowUtils = require('./overflowUtils.js');
+var react = require('react');
 var OverflowReducer = require('./OverflowReducer.js');
+var overflowUtils = require('./overflowUtils.js');
 const defaultOptions = {};
 const defaultChildIdentity = (children) => {
   const childLabels = [];
-  React.Children.forEach(children, (child) => {
-    var _a;
-    if (React.isValidElement(child)) {
-      childLabels.push((_a = child.props.label) != null ? _a : "");
+  react.Children.forEach(children, (child) => {
+    if (react.isValidElement(child)) {
+      childLabels.push(child.props.label ?? "");
     }
   });
   return `${childLabels.length}:${childLabels.join(":")}`;
@@ -40,22 +37,22 @@ const useOverflowCollectionItems = ({
   injectedItems = [],
   options = defaultOptions,
   orientation,
-  label = "",
+  label: _label = "",
   source
 }) => {
-  const dataRef = React.useRef([]);
-  const versionRef = React.useRef(0);
-  const measureTimeout = React.useRef(null);
-  const previousIdentityRef = React.useRef("");
-  const fontsLoaded = React.useRef(false);
+  const dataRef = react.useRef([]);
+  const versionRef = react.useRef(0);
+  const measureTimeout = react.useRef(null);
+  const previousIdentityRef = react.useRef("");
+  const fontsLoaded = react.useRef(false);
   const identity = getItemsIdentity(defaultSource, source, children);
-  const isControlled = Array.isArray(source) || React.Children.count(children) > 0;
+  const isControlled = Array.isArray(source) || react.Children.count(children) > 0;
   if (isControlled && defaultSource !== void 0) {
     throw Error(
       "useOverflowCollectionItems: defaultSource prop should not be used in combination with either source prop or children "
     );
   }
-  const [data, dispatch] = React.useReducer(
+  const [data, dispatch] = react.useReducer(
     OverflowReducer.overflowReducer,
     {
       children,
@@ -67,7 +64,7 @@ const useOverflowCollectionItems = ({
     OverflowReducer.reducerInitialiser
   );
   dataRef.current = data;
-  const measureManagedItems = React.useCallback(
+  const measureManagedItems = react.useCallback(
     (defer = false) => {
       if (measureTimeout.current) {
         window.clearTimeout(measureTimeout.current);
@@ -104,10 +101,10 @@ 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 = React.useCallback(
+  const dispatchOverflowAction = react.useCallback(
     (action) => {
       if (action.type === "reset") {
         measureManagedItems();

package/dist-cjs/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":["Children","isValidElement","useRef","useReducer","overflowReducer","reducerInitialiser","useCallback","measureOverflowItems","useIsomorphicLayoutEffect"],"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":["Children","isValidElement","useRef","useReducer","overflowReducer","reducerInitialiser","useCallback","measureOverflowItems","useIsomorphicLayoutEffect"],"mappings":"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"}

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

@@ -1,15 +1,12 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var React = require('react');
+var react = require('react');
+var useResizeObserver = require('./useResizeObserver.js');
 var overflowUtils = require('./overflowUtils.js');
 var useDynamicCollapse = require('./useDynamicCollapse.js');
 var useInstantCollapse = require('./useInstantCollapse.js');
 var useOverflow = require('./useOverflow.js');
 var useReclaimSpace = require('./useReclaimSpace.js');
-var useResizeObserver = require('./useResizeObserver.js');
-require('@salt-ds/core');
 const MONITORED_DIMENSIONS = {
   horizontal: ["width", "scrollHeight"],
@@ -23,9 +20,9 @@ const useOverflowLayout = ({
   label = "Toolbar",
   disableOverflow = false
 }) => {
-  const overflowContainerRef = React.useRef(null);
-  const overflowItemsRef = React.useRef([]);
-  const measurement = React.useRef({ innerContainerSize: 0, rootContainerDepth: 0 });
+  const overflowContainerRef = react.useRef(null);
+  const overflowItemsRef = react.useRef([]);
+  const measurement = react.useRef({ innerContainerSize: 0, rootContainerDepth: 0 });
   const { innerContainerSize } = measurement.current;
   const { dispatch, version: collectionVersion } = collectionHook;
   overflowItemsRef.current = collectionHook.data;
@@ -46,8 +43,6 @@ const useOverflowLayout = ({
     resetMeasurements: resetDynamicMeasurements
   } = useDynamicCollapse.useDynamicCollapse({
     collectionHook,
-    innerContainerSize,
-    label,
     overflowItemsRef,
     orientation,
     overflowContainerRef
@@ -59,7 +54,6 @@ const useOverflowLayout = ({
     collectionHook,
     hasOverflowedItems,
     innerContainerSize,
-    label,
     overflowItemsRef,
     orientation,
     overflowContainerRef
@@ -71,7 +65,7 @@ const useOverflowLayout = ({
     orientation,
     overflowContainerRef
   });
-  const resizeHandler = React.useCallback(
+  const resizeHandler = react.useCallback(
     ({
       scrollHeight,
       height = scrollHeight,
@@ -100,7 +94,7 @@ const useOverflowLayout = ({
       orientation
     ]
   );
-  const measureAndInitialize = React.useCallback(() => {
+  const measureAndInitialize = react.useCallback(() => {
     const { isOverflowing, ...contentWidthAndDepth } = overflowUtils.measureContainerOverflow(
       overflowContainerRef,
       orientation
@@ -120,7 +114,7 @@ const useOverflowLayout = ({
     resetDynamicMeasurements,
     resetOverflowMeasurements
   ]);
-  const switchPriorities = React.useCallback(
+  const switchPriorities = react.useCallback(
     (item1, item2) => {
       const { priority: priority1 } = item1;
       const { priority: priority2 } = item2;
@@ -142,8 +136,8 @@ const useOverflowLayout = ({
     MONITORED_DIMENSIONS[disableOverflow ? "none" : orientation],
     resizeHandler
   );
-  React.useEffect(() => {
-    if (!disableOverflow) {
+  react.useEffect(() => {
+    if (!disableOverflow && collectionVersion != null) {
       measureAndInitialize();
     }
   }, [collectionVersion, disableOverflow, measureAndInitialize]);

package/dist-cjs/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":["useRef","useOverflow","getIsOverflowed","useDynamicCollapse","useInstantCollapse","useReclaimSpace","useCallback","innerContainerSize","measureContainerOverflow","useResizeObserver","useEffect"],"mappings":"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"}
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":["useRef","useOverflow","getIsOverflowed","useDynamicCollapse","useInstantCollapse","useReclaimSpace","useCallback","innerContainerSize","measureContainerOverflow","useResizeObserver","useEffect"],"mappings":"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"}

package/dist-cjs/responsive/useReclaimSpace.js CHANGED Viewed

@@ -1,8 +1,6 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var React = require('react');
+var react = require('react');
 var overflowUtils = require('./overflowUtils.js');
 const getPriority = (item) => item.priority;
@@ -25,7 +23,7 @@ const canReleaseReclaimedSpace = (size, items) => {
   const overflowedItem = findNextOverflowedItem(items);
   if (claimant && overflowedItem) {
     const renderedSize = items.reduce(addAllVisible, 0);
-    const { size: indicatorSize } = overflowUtils.getOverflowIndicator(items);
+    const { size: indicatorSize } = overflowUtils.getOverflowIndicator(items) ?? { size: 0 };
     const { size: overflowedSize } = overflowedItem;
     const reclaimableSpace = getReclaimableSpace(claimant);
     const renderedSizeAfterReclaim = renderedSize - reclaimableSpace - indicatorSize;
@@ -38,29 +36,12 @@ const canReleaseReclaimedSpace = (size, items) => {
 const mightBeAbleToReclaimSpace = (items) => items.some(canReclaimSpace);
 const useReclaimSpace = ({
   collectionHook,
-  label = "Toolbar",
+  label: _label = "Toolbar",
   overflowItemsRef: managedItemsRef,
   overflowContainerRef: ref,
   orientation
 }) => {
-  React.useCallback(
-    (visibleContentSize, containerSize) => {
-      let newlyOverflowedItems = [];
-      const { current: managedItems } = managedItemsRef;
-      const visibleItems = managedItems.slice();
-      while (visibleContentSize > containerSize) {
-        const overflowedItem = overflowUtils.popNextItemByPriority(visibleItems);
-        if (overflowedItem === null) {
-          break;
-        }
-        visibleContentSize -= overflowedItem.size;
-        newlyOverflowedItems.push(overflowedItem);
-      }
-      return newlyOverflowedItems;
-    },
-    []
-  );
-  const releaseReclaimedSpace = React.useCallback(() => {
+  const releaseReclaimedSpace = react.useCallback(() => {
     const { current: managedItems } = managedItemsRef;
     const claimant = managedItems.find(hasReclaimedSpace);
     if (claimant) {
@@ -76,8 +57,8 @@ const useReclaimSpace = ({
         }
       });
     }
-  }, []);
-  const handleResize = React.useCallback(
+  }, [managedItemsRef, collectionHook.dispatch]);
+  const handleResize = react.useCallback(
     (size, containerHasGrown) => {
       const { isOverflowing: willOverflow } = overflowUtils.measureContainerOverflow(
         ref,
@@ -103,7 +84,13 @@ const useReclaimSpace = ({
         }
       }
     },
-    []
+    [
+      ref,
+      managedItemsRef,
+      releaseReclaimedSpace,
+      collectionHook.dispatch,
+      orientation
+    ]
   );
   return {
     onResize: handleResize

package/dist-cjs/responsive/useReclaimSpace.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useReclaimSpace.js","sources":["../src/responsive/useReclaimSpace.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport {\n ~~OverflowItem~~,\n ~~OverflowHookProps~~,\n ~~OverflowHookResult~~,\n} from \"./overflowTypes\";\n\nimport {\n getOverflowIndicator,\n measureContainerOverflow,\n ~~popNextItemByPriority,\n~~} from \"./overflowUtils\";\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nconst canReclaimSpace = (item: OverflowItem) =>\n item.collapsed && item.reclaimSpace;\n\nconst hasReclaimedSpace = (item: OverflowItem) => item.reclaimedSpace;\nconst getReclaimableSpace = ({ size, minSize = 0 }: OverflowItem) =>\n size - minSize;\n\nconst findNextOverflowedItem = (items: OverflowItem[]) => {\n const overflowedItems = items.filter((item) => item.overflowed);\n const minPriority = Math.min(...overflowedItems.map(getPriority));\n for (let i = 0; i < overflowedItems.length; i++) {\n if (overflowedItems[i].priority === minPriority) {\n return overflowedItems[i];\n }\n }\n return null;\n};\n\nexport const addAllVisible = (sum: number, m: OverflowItem) =>\n sum + (m.overflowed ? 0 : m.size);\n\nconst canReleaseReclaimedSpace = (size: number, items: OverflowItem[]) => {\n const claimant = items.find(hasReclaimedSpace);\n const overflowedItem = findNextOverflowedItem(items);\n if (claimant && overflowedItem) {\n const renderedSize = items.reduce(addAllVisible, 0);\n const { size: indicatorSize } = getOverflowIndicator(items)~~!;\~~n const { size: overflowedSize } = overflowedItem;\n // TODO we can discount the indicator size ONLY IF overflowed item is only overflowed item\n const reclaimableSpace = getReclaimableSpace(claimant);\n const renderedSizeAfterReclaim =\n renderedSize - reclaimableSpace - indicatorSize;\n const maxAvailableSpace = size - renderedSizeAfterReclaim;\n if (maxAvailableSpace >= overflowedSize) {\n return true;\n }\n }\n};\n\nconst mightBeAbleToReclaimSpace = (items: OverflowItem[]) =>\n items.some(canReclaimSpace);\n\n// We need to release the reclaimed space (i.e take it back from the collapsed item and re-assign it\n// as available space) when container grows and space now allows overflowed item to be 'un-wrapped'\n\nexport const useReclaimSpace = ({\n collectionHook,\n label = \"Toolbar\",\n overflowItemsRef: managedItemsRef,\n overflowContainerRef: ref,\n orientation,\n}: OverflowHookProps): OverflowHookResult => {\n const getAllOverflowedItems = useCallback(\n (visibleContentSize: number, containerSize: number) => {\n let newlyOverflowedItems = [];\n const { current: managedItems } = managedItemsRef;\n const visibleItems = managedItems.slice();\n while (visibleContentSize > containerSize) {\n const overflowedItem = popNextItemByPriority(visibleItems);\n if (overflowedItem === null) {\n break;\n }\n // eslint-disable-next-line no-param-reassign\n visibleContentSize -= overflowedItem.size;\n newlyOverflowedItems.push(overflowedItem);\n }\n return newlyOverflowedItems;\n },\n []\n );\n\n const releaseReclaimedSpace = useCallback(() => {\n const { current: managedItems } = managedItemsRef;\n\n const claimant = managedItems.find(hasReclaimedSpace);\n if (claimant) {\n // Might not always need to collapse, if there is enough available space for it to still be collapsing\n // collapse the claimant and turn off ~~recvlaimed~~\n collectionHook.dispatch({\n type: \"replace-item\",\n overflowItem: {\n ...claimant,\n collapsed: true,\n collapsing: false,\n reclaimedSpace: undefined,\n size: claimant.minSize as number,\n fullSize: claimant.size,\n },\n });\n }\n }, []);\n const handleResize = useCallback(\n (size: number, containerHasGrown?: boolean) => {\n const { isOverflowing: willOverflow } = measureContainerOverflow(\n ref,\n orientation\n );\n const { current: managedItems } = managedItemsRef;\n\n if (containerHasGrown && canReleaseReclaimedSpace(size, managedItems)) {\n releaseReclaimedSpace();\n } else if (\n !containerHasGrown &&\n willOverflow &&\n mightBeAbleToReclaimSpace(managedItems)\n ) {\n const collapsedChild = managedItems.find(canReclaimSpace);\n if (collapsedChild) {\n collectionHook.dispatch({\n type: \"replace-item\",\n overflowItem: {\n ...collapsedChild,\n collapsed: false,\n collapsing: true,\n reclaimedSpace: true,\n size: collapsedChild.fullSize as number,\n fullSize: null,\n },\n });\n }\n }\n },\n []\n );\n\n return {\n onResize: handleResize,\n };\n};\n"],"names":["getOverflowIndicator","useCallback","~~popNextItemByPriority","~~measureContainerOverflow"],"mappings":"~~;;;;;;;AAaA~~,MAAM,WAAA,GAAc,CAAC,IAAA,KAAuB,~~IAAK~~,~~CAAA~~,QAAA~~,CAAA~~;AAEjD,MAAM,~~eAAkB~~,~~GAAA~~,CAAC,~~IACvB~~,~~KAAA~~,IAAA,CAAK,aAAa,~~IAAK~~,~~CAAA~~,YAAA~~,CAAA~~;AAEzB,MAAM,iBAAA,GAAoB,CAAC,IAAA,KAAuB,~~IAAK~~,~~CAAA~~,cAAA~~,CAAA~~;AACvD,MAAM,sBAAsB,CAAC,EAAE,MAAM,~~OAAU~~,~~GAAA~~,CAAA,OAC7C,~~IAAO~~,~~GAAA~~,OAAA~~,CAAA~~;AAET,MAAM,sBAAA,GAAyB,CAAC,KAA0B~~,KAAA~~;AACxD,EAAA,MAAM,kBAAkB,~~KAAM~~,~~CAAA~~,MAAA,CAAO,CAAC,IAAA,KAAS,KAAK,UAAU,CAAA~~,CAAA~~;AAC9D,EAAA,MAAM,cAAc,~~IAAK~~,~~CAAA~~,GAAA,CAAI,GAAG,~~eAAgB~~,~~CAAA~~,GAAA,CAAI,WAAW,CAAC,CAAA~~,CAAA~~;AAChE,EAAA,KAAA,IAAS,~~CAAI~~,~~GAAA~~,CAAA,EAAG,~~CAAI~~,~~GAAA~~,eAAA,CAAgB,QAAQ,~~CAAK~~,EAAA,~~EAAA~~;AAC/C,IAAI,~~IAAA,~~eAAA,CAAgB,~~CAAG~~,CAAA,~~CAAA~~,QAAA,KAAa,~~WAAa~~,~~EAAA~~;AAC/C,MAAA,OAAO,~~eAAgB~~,~~CAAA~~,CAAA~~,CAAA,CAAA~~;AAAA,~~KACzB~~;AAAA,~~GACF~~;AACA,~~EAAO~~,~~OAAA~~,IAAA~~,CAAA~~;AACT,CAAA~~,CAAA~~;~~AAEa~~,~~MAAA~~,aAAA,GAAgB,CAAC,~~GAAa~~,~~EAAA~~,CAAA,KACzC,OAAO,CAAE,~~CAAA,~~UAAA,GAAa,IAAI,CAAE,~~CAAA,~~IAAA~~,EAAA~~;AAE9B,MAAM,wBAAA,GAA2B,CAAC,IAAA,EAAc,KAA0B~~,KAAA~~;AACxE,~~EAAM~~,~~MAAA~~,QAAA,GAAW,~~KAAM~~,~~CAAA~~,IAAA,CAAK,iBAAiB,CAAA~~,CAAA~~;AAC7C,~~EAAM~~,~~MAAA~~,cAAA,GAAiB,uBAAuB,KAAK,CAAA~~,CAAA~~;AACnD,EAAA,IAAI,YAAY,~~cAAgB~~,~~EAAA~~;AAC9B,IAAA,MAAM,~~YAAe~~,~~GAAA~~,KAAA,CAAM,~~MAAO~~,~~CAAA~~,aAAA,EAAe,CAAC,CAAA~~,CAAA~~;AAClD,IAAA,MAAM,EAAE,~~IAAA~~,~~EAAM~~,~~aAAc~~,~~EAAA,~~GAAIA,mCAAqB,KAAK,CAAA,CAAA;~~AAC1D~~,~~IAAM~~,~~MAAA~~,EAAE,~~IAAM~~,~~EAAA~~,cAAA,~~EAAmB~~,~~GAAA~~,cAAA~~,CAAA~~;AAEjC,~~IAAM~~,~~MAAA~~,gBAAA,GAAmB,oBAAoB,QAAQ,CAAA~~,CAAA~~;AACrD,~~IAAM~~,~~MAAA~~,wBAAA,GACJ,eAAe,~~gBAAmB~~,~~GAAA~~,aAAA~~,CAAA~~;AACpC,IAAA,MAAM,oBAAoB,~~IAAO~~,~~GAAA~~,wBAAA~~,CAAA~~;AACjC,IAAA,IAAI,qBAAqB,~~cAAgB~~,~~EAAA~~;AACvC,~~MAAO~~,~~OAAA~~,IAAA~~,CAAA~~;AAAA,~~KACT~~;AAAA,~~GACF~~;AACF,CAAA~~,CAAA~~;AAEA,MAAM,~~yBAA4B~~,~~GAAA~~,CAAC,KACjC,KAAA,~~KAAA,~~CAAM,KAAK,eAAe,CAAA~~,CAAA~~;AAKrB,MAAM,kBAAkB,CAAC;AAAA,EAC9B,cAAA;AAAA,EACA,~~KAAQ~~,~~GAAA~~,SAAA;AAAA,~~EACR~~,~~gBAAkB~~,~~EAAA~~,eAAA;AAAA,EAClB,~~oBAAsB~~,~~EAAA~~,GAAA;AAAA,EACtB~~,WAAA~~;AACF,~~CAA6C~~,~~KAAA~~;AAC3C,~~EAA8BC,iBAAA;AAAA,IAC5B,CAAC,oBAA4B,aAA0B,KAAA;AACrD,MAAA,IAAI,uBAAuB,EAAC,CAAA;AAC5B,MAAM,MAAA,EAAE,OAAS,~~EAAA,~~YAAA,EAAiB,GAAA,eAAA,CAAA;AAClC,~~MAAM,MAAA,YAAA,GAAe,aAAa,KAAM,EAAA,CAAA;AACxC,MAAA,OAAO,qBAAqB,aAAe,EAAA;AACzC,QAAM,MAAA,cAAA,GAAiBC,oCAAsB,YAAY,CAAA,CAAA;AACzD,QAAA,IAAI,mBAAmB,IAAM,EAAA;AAC3B,UAAA,MAAA;AAAA,SACF;AAEA,QAAA,kBAAA,IAAsB,cAAe,CAAA,IAAA,CAAA;AACrC,QAAA,oBAAA,CAAqB,KAAK,cAAc,CAAA,CAAA;AAAA,OAC1C;AACA,MAAO,OAAA,oBAAA,CAAA;AAAA,KACT;AAAA,IACA,EAAC;AAAA,IACH;AAEA,EAAM,MAAA,qBAAA,~~GAAwBD~~,kBAAY,MAAM;AAC9C,~~IAAM~~,~~MAAA~~,EAAE,~~OAAS~~,~~EAAA~~,YAAA,~~EAAiB~~,~~GAAA~~,eAAA~~,CAAA~~;AAElC,~~IAAM~~,~~MAAA~~,QAAA,GAAW,~~YAAa~~,~~CAAA~~,IAAA,CAAK,iBAAiB,CAAA~~,CAAA~~;AACpD,IAAA,IAAI,~~QAAU~~,~~EAAA~~;AAGZ,MAAA,cAAA,CAAe,~~QAAS~~,~~CAAA~~;AAAA,QACtB,~~IAAM~~,~~EAAA~~,cAAA;AAAA,QACN,~~YAAc~~,~~EAAA~~;AAAA,UACZ,GAAG,QAAA;AAAA,UACH,~~SAAW~~,~~EAAA~~,IAAA;AAAA,UACX,~~UAAY~~,~~EAAA~~,KAAA;AAAA,UACZ,~~cAAgB~~,~~EAAA~~,~~KAAA,CAAA~~;AAAA,UAChB,MAAM,~~QAAS~~,~~CAAA~~,OAAA;AAAA,UACf,UAAU,~~QAAS~~,~~CAAA,IAAA~~;AAAA~~,SACrB~~;~~AAAA~~,OACD,CAAA~~,CAAA~~;AAAA,~~KACH~~;AAAA,~~GACF~~,EAAG,~~EAAE~~,~~CAAA~~,CAAA;~~AACL~~,EAAA,MAAM,~~YAAe~~,~~GAAAA~~,iBAAA;AAAA,IACnB,CAAC,MAAc,~~iBAAgC~~,~~KAAA~~;AAC7C,MAAM,~~MAAA,~~EAAE,~~aAAe~~,~~EAAA~~,YAAA,~~EAAiB~~,~~GAAAE~~,sCAAA;AAAA,QACtC,GAAA;AAAA,QACA~~,WAAA~~;AAAA,OACF~~,CAAA~~;AACA,MAAM,~~MAAA,~~EAAE,~~OAAS~~,~~EAAA~~,YAAA,~~EAAiB~~,~~GAAA~~,eAAA~~,CAAA~~;AAElC,MAAA,IAAI,~~iBAAqB~~,~~IAAA~~,wBAAA,CAAyB,~~IAAM~~,~~EAAA~~,YAAY,~~CAAG~~,~~EAAA~~;AACrE,~~QAAsB~~,qBAAA,~~EAAA,CAAA~~;AAAA,~~iBAEtB~~,CAAC,iBAAA,IACD,~~YACA~~,~~IAAA~~,yBAAA,CAA0B,YAAY,~~CACtC~~,~~EAAA~~;AACA,~~QAAM~~,~~MAAA~~,cAAA,GAAiB,~~YAAa~~,~~CAAA~~,IAAA,CAAK,eAAe,CAAA~~,CAAA~~;AACxD,QAAA,IAAI,~~cAAgB~~,~~EAAA~~;AAClB,UAAA,cAAA,CAAe,~~QAAS~~,~~CAAA~~;AAAA,YACtB,~~IAAM~~,~~EAAA~~,cAAA;AAAA,YACN,~~YAAc~~,~~EAAA~~;AAAA,cACZ,GAAG,cAAA;AAAA,cACH,~~SAAW~~,~~EAAA~~,KAAA;AAAA,cACX,~~UAAY~~,~~EAAA~~,IAAA;AAAA,cACZ,~~cAAgB~~,~~EAAA~~,IAAA;AAAA,cAChB,MAAM,~~cAAe~~,~~CAAA~~,QAAA;AAAA,cACrB,~~QAAU~~,~~EAAA~~,~~IAAA~~;AAAA,~~aACZ~~;AAAA,~~WACD~~,~~CAAA~~,CAAA;AAAA,~~SACH~~;AAAA,~~OACF~~;AAAA,~~KACF~~;AAAA,~~IACA~~,~~EAAC~~;AAAA,~~GACH~~,~~CAAA~~;AAEA,~~EAAO~~,~~OAAA~~;AAAA,IACL,~~QAAU~~,~~EAAA,YAAA~~;AAAA,GACZ~~,CAAA~~;AACF;;;;;"}
1	+ {"version":3,"file":"useReclaimSpace.js","sources":["../src/responsive/useReclaimSpace.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type {\n OverflowHookProps,\n OverflowHookResult,\n OverflowItem,\n} from \"./overflowTypes\";\n\nimport {\n getOverflowIndicator,\n measureContainerOverflow,\n} from \"./overflowUtils\";\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nconst canReclaimSpace = (item: OverflowItem) =>\n item.collapsed && item.reclaimSpace;\n\nconst hasReclaimedSpace = (item: OverflowItem) => item.reclaimedSpace;\nconst getReclaimableSpace = ({ size, minSize = 0 }: OverflowItem) =>\n size - minSize;\n\nconst findNextOverflowedItem = (items: OverflowItem[]) => {\n const overflowedItems = items.filter((item) => item.overflowed);\n const minPriority = Math.min(...overflowedItems.map(getPriority));\n for (let i = 0; i < overflowedItems.length; i++) {\n if (overflowedItems[i].priority === minPriority) {\n return overflowedItems[i];\n }\n }\n return null;\n};\n\nexport const addAllVisible = (sum: number, m: OverflowItem) =>\n sum + (m.overflowed ? 0 : m.size);\n\nconst canReleaseReclaimedSpace = (size: number, items: OverflowItem[]) => {\n const claimant = items.find(hasReclaimedSpace);\n const overflowedItem = findNextOverflowedItem(items);\n if (claimant && overflowedItem) {\n const renderedSize = items.reduce(addAllVisible, 0);\n const { size: indicatorSize } = getOverflowIndicator(items) ?? { size: 0 };\n const { size: overflowedSize } = overflowedItem;\n // TODO we can discount the indicator size ONLY IF overflowed item is only overflowed item\n const reclaimableSpace = getReclaimableSpace(claimant);\n const renderedSizeAfterReclaim =\n renderedSize - reclaimableSpace - indicatorSize;\n const maxAvailableSpace = size - renderedSizeAfterReclaim;\n if (maxAvailableSpace >= overflowedSize) {\n return true;\n }\n }\n};\n\nconst mightBeAbleToReclaimSpace = (items: OverflowItem[]) =>\n items.some(canReclaimSpace);\n\n// We need to release the reclaimed space (i.e take it back from the collapsed item and re-assign it\n// as available space) when container grows and space now allows overflowed item to be 'un-wrapped'\n\nexport const useReclaimSpace = ({\n collectionHook,\n label: _label = \"Toolbar\",\n overflowItemsRef: managedItemsRef,\n overflowContainerRef: ref,\n orientation,\n}: OverflowHookProps): OverflowHookResult => {\n const releaseReclaimedSpace = useCallback(() => {\n const { current: managedItems } = managedItemsRef;\n\n const claimant = managedItems.find(hasReclaimedSpace);\n if (claimant) {\n // Might not always need to collapse, if there is enough available space for it to still be collapsing then\n // collapse the claimant and turn off reclaimed\n collectionHook.dispatch({\n type: \"replace-item\",\n overflowItem: {\n ...claimant,\n collapsed: true,\n collapsing: false,\n reclaimedSpace: undefined,\n size: claimant.minSize as number,\n fullSize: claimant.size,\n },\n });\n }\n }, [managedItemsRef, collectionHook.dispatch]);\n\n const handleResize = useCallback(\n (size: number, containerHasGrown?: boolean) => {\n const { isOverflowing: willOverflow } = measureContainerOverflow(\n ref,\n orientation,\n );\n const { current: managedItems } = managedItemsRef;\n\n if (containerHasGrown && canReleaseReclaimedSpace(size, managedItems)) {\n releaseReclaimedSpace();\n } else if (\n !containerHasGrown &&\n willOverflow &&\n mightBeAbleToReclaimSpace(managedItems)\n ) {\n const collapsedChild = managedItems.find(canReclaimSpace);\n if (collapsedChild) {\n collectionHook.dispatch({\n type: \"replace-item\",\n overflowItem: {\n ...collapsedChild,\n collapsed: false,\n collapsing: true,\n reclaimedSpace: true,\n size: collapsedChild.fullSize as number,\n fullSize: null,\n },\n });\n }\n }\n },\n [\n ref,\n managedItemsRef,\n releaseReclaimedSpace,\n collectionHook.dispatch,\n orientation,\n ],\n );\n\n return {\n onResize: handleResize,\n };\n};\n"],"names":["getOverflowIndicator","useCallback","measureContainerOverflow"],"mappings":"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"}

package/dist-cjs/responsive/useResizeObserver.js CHANGED Viewed

@@ -1,9 +1,7 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 const WidthHeight = ["height", "width"];
 const HeightOnly = ["height"];
@@ -42,14 +40,14 @@ const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserve
         }
       }
       if (sizeChanged) {
-        onResize && onResize(measurements);
+        onResize == null ? void 0 : onResize(measurements);
       }
     }
   }
 }) : null;
 function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false) {
-  const dimensionsRef = React.useRef(dimensions);
-  const measure = React.useCallback((target) => {
+  const dimensionsRef = react.useRef(dimensions);
+  const measure = react.useCallback((target) => {
     const rect = target.getBoundingClientRect();
     return dimensionsRef.current.reduce(
       (map, dim) => {
@@ -59,6 +57,10 @@ function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false)
       {}
     );
   }, []);
+  const resizeCallback = react.useRef(onResize);
+  core.useIsomorphicLayoutEffect(() => {
+    resizeCallback.current = onResize;
+  }, [onResize]);
   core.useIsomorphicLayoutEffect(() => {
     if (!resizeObserver) {
       return void 0;
@@ -66,6 +68,7 @@ function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false)
     const target = ref.current;
     let cleanedUp = false;
     async function registerObserver() {
+      var _a;
       observedMap.set(target, { measurements: {} });
       cleanedUp = false;
       const { fonts } = document;
@@ -79,7 +82,7 @@ function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false)
           observedTarget.measurements = measurements;
           resizeObserver.observe(target);
           if (reportInitialSize) {
-            onResize(measurements);
+            (_a = resizeCallback.current) == null ? void 0 : _a.call(resizeCallback, measurements);
           }
         }
       }
@@ -99,7 +102,7 @@ function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false)
         cleanedUp = true;
       }
     };
-  }, [ref, measure]);
+  }, [ref, measure, reportInitialSize]);
   core.useIsomorphicLayoutEffect(() => {
     const target = ref.current;
     const record = observedMap.get(target);

package/dist-cjs/responsive/useResizeObserver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResizeObserver.js","sources":["../src/responsive/useResizeObserver.ts"],"sourcesContent":["/* ~~eslint-disable no-restricted-syntax */\nimport~~ { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useRef, ~~RefObject~~ } from \"react\";\nexport const WidthHeight = [\"height\", \"width\"];\nexport const HeightOnly = [\"height\"];\nexport const WidthOnly = [\"width\"];\n\nexport type measurements<T = string \| number> = {\n height?: T;\n scrollHeight?: T;\n scrollWidth?: T;\n width?: T;\n};\ntype measuredDimension = keyof measurements<number>;\n\nexport type ResizeHandler = (measurements: measurements<number>) => void;\n\ntype observedDetails = {\n onResize?: ResizeHandler;\n measurements: measurements<number>;\n};\nconst observedMap = new WeakMap<HTMLElement, observedDetails>();\n\nconst getTargetSize = (\n element: HTMLElement,\n contentRect: DOMRectReadOnly,\n dimension: measuredDimension\n): number => {\n switch (dimension) {\n case \"height\":\n return contentRect.height;\n case \"scrollHeight\":\n return element.scrollHeight;\n case \"scrollWidth\":\n return element.scrollWidth;\n case \"width\":\n return contentRect.width;\n default:\n return 0;\n }\n};\n\nconst resizeObserver =\n typeof ResizeObserver !== \"undefined\"\n ? new ResizeObserver((entries: ResizeObserverEntry[]) => {\n for (const entry of entries) {\n const { target, contentRect } = entry;\n const observedTarget = observedMap.get(target as HTMLElement);\n if (observedTarget) {\n const { onResize, measurements } = observedTarget;\n let sizeChanged = false;\n for (const [dimension, size] of Object.entries(measurements)) {\n const newSize = getTargetSize(\n target as HTMLElement,\n contentRect,\n dimension as measuredDimension\n );\n if (newSize !== size) {\n sizeChanged = true;\n measurements[dimension as measuredDimension] = newSize;\n }\n }\n if (sizeChanged) {\n onResize ~~&& onResize~~(measurements);\n }\n }\n }\n })\n : null;\n\n// TODO use an optional lag (default to false) to ask to fire onResize\n// with initial size\n// Note asking for scrollHeight alone will not trigger onResize, this is only triggered by height,\n// with scrollHeight returned as an auxilliary value\nexport function useResizeObserver(\n ref: RefObject<Element \| HTMLElement \| null>,\n dimensions: string[],\n onResize: ResizeHandler,\n reportInitialSize = false\n): void {\n const dimensionsRef = useRef(dimensions);\n const measure = useCallback((target: HTMLElement): measurements<number> => {\n const rect = target.getBoundingClientRect();\n return dimensionsRef.current.reduce(\n (map: { [key: string]: number }, dim) => {\n map[dim] = getTargetSize(target, rect, dim as measuredDimension);\n return map;\n },\n {}\n );\n }, []);\n\n // TODO use ref to store resizeHandler here\n // resize handler registered with REsizeObserver will never change\n // use ref to store user onResize callback here\n // resizeHandler will call user callback.current\n\n // Keep this effect separate in case user inadvertently passes different\n // dimensions or callback instance each time - we only ever want to\n // initiate new observation when ref changes.\n useIsomorphicLayoutEffect(() => {\n if (!resizeObserver) {\n return undefined;\n }\n\n const target = ref.current as HTMLElement;\n let cleanedUp = false;\n\n async function registerObserver() {\n // Create the map entry immediately. useEffect may fire below\n // before fonts are ready and attempt to update entry\n observedMap.set(target, { measurements: {} as measurements<number> });\n cleanedUp = false;\n ~~// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment~~\n const { fonts } = document ~~as any~~;\n if (fonts) {\n ~~// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n~~ await fonts.ready;\n }\n if (!cleanedUp && resizeObserver) {\n const observedTarget = observedMap.get(target);\n if (observedTarget) {\n const measurements = measure(target);\n observedTarget.measurements = measurements;\n resizeObserver.observe(target);\n if (reportInitialSize) {\n ~~onResize~~(measurements);\n }\n }\n }\n }\n\n if (target) {\n // TODO might we want multiple callers to attach a listener to the same element ?\n if (observedMap.has(target)) {\n throw Error(\n \"useResizeObserver attemping to observe same element twice\"\n );\n }\n void registerObserver();\n }\n return () => {\n if (target && observedMap.has(target)) {\n resizeObserver.unobserve(target);\n observedMap.delete(target);\n cleanedUp = true;\n }\n };\n }, [ref, measure]);\n\n useIsomorphicLayoutEffect(() => {\n const target = ref.current as HTMLElement;\n const record = observedMap.get(target);\n if (record) {\n if (dimensionsRef.current !== dimensions) {\n dimensionsRef.current = dimensions;\n const measurements = measure(target);\n record.measurements = measurements;\n }\n // Might not have changed, but no harm ...\n record.onResize = onResize;\n }\n }, [dimensions, measure, ref, onResize]);\n\n // TODO might be a good idea to ref and return the current measurememnts. That way, derived hooks\n // e.g useBreakpoints don't have to measure and client cn make onResize callback simpler\n}\n"],"names":["useRef","useCallback","useIsomorphicLayoutEffect"],"mappings":"~~;;;;;;;AAGa~~,~~MAAA~~,WAAA,GAAc,CAAC,QAAA,EAAU,OAAO~~,EAAA~~;~~AAChC~~,~~MAAA~~,UAAA,GAAa,CAAC,QAAQ~~,EAAA~~;~~AACtB~~,~~MAAA~~,SAAA,GAAY,CAAC,OAAO~~,EAAA~~;AAgBjC,MAAM,WAAA,uBAAkB,~~OAAsC~~,~~EAAA,CAAA~~;AAE9D,MAAM,~~aAAgB~~,~~GAAA~~,CACpB,~~OACA~~,~~EAAA~~,WAAA,EACA,~~SACW~~,~~KAAA~~;AACX,~~EAAQ~~,~~QAAA~~,SAAA;~~AAAA~~,~~IACD~~,~~KAAA~~,QAAA;AACH,MAAA,OAAO,~~WAAY~~,~~CAAA~~,MAAA~~,CAAA~~;AAAA,~~IAChB~~,~~KAAA~~,cAAA;AACH,MAAA,OAAO,~~OAAQ~~,~~CAAA~~,YAAA~~,CAAA~~;AAAA,~~IACZ~~,~~KAAA~~,aAAA;AACH,MAAA,OAAO,~~OAAQ~~,~~CAAA~~,WAAA~~,CAAA~~;AAAA,~~IACZ~~,~~KAAA~~,OAAA;AACH,MAAA,OAAO,~~WAAY~~,~~CAAA~~,KAAA~~,CAAA~~;AAAA,~~IAAA~~;~~AAEnB~~,~~MAAO~~,~~OAAA~~,CAAA~~,CAAA~~;AAAA~~,GAAA~~;AAEb,CAAA~~,CAAA~~;AAEA,MAAM,iBACJ,OAAO,cAAA,KAAmB,cACtB,IAAI,cAAA,CAAe,CAAC,~~OAAmC~~,~~KAAA~~;AACrD,EAAA,KAAA,MAAW,SAAS,~~OAAS~~,~~EAAA~~;AAC3B,~~IAAM~~,~~MAAA~~,EAAE,~~MAAQ~~,~~EAAA~~,WAAA,~~EAAgB~~,~~GAAA~~,KAAA~~,CAAA~~;AAChC,~~IAAM~~,~~MAAA~~,cAAA,GAAiB,~~WAAY~~,~~CAAA~~,GAAA,CAAI,MAAqB,CAAA~~,CAAA~~;AAC5D,IAAA,IAAI,~~cAAgB~~,~~EAAA~~;AAClB,MAAM,~~MAAA,~~EAAE,~~QAAU~~,~~EAAA~~,YAAA,~~EAAiB~~,~~GAAA~~,cAAA~~,CAAA~~;AACnC,MAAA,IAAI,~~WAAc~~,~~GAAA~~,KAAA~~,CAAA~~;AAClB,MAAA,KAAA,MAAW,CAAC,~~SAAW~~,~~EAAA~~,IAAI,KAAK,~~MAAO~~,~~CAAA~~,OAAA,CAAQ,YAAY,~~CAAG~~,~~EAAA~~;AAC5D,QAAA,MAAM,~~OAAU~~,~~GAAA~~,aAAA;AAAA,UACd,MAAA;AAAA,UACA,WAAA;AAAA,UACA~~,SAAA~~;AAAA,SACF~~,CAAA~~;AACA,QAAA,IAAI,YAAY,~~IAAM~~,~~EAAA~~;AACpB,~~UAAc~~,WAAA,~~GAAA~~,IAAA~~,CAAA~~;AACd,UAAA,YAAA,CAAa,~~SAAkC~~,CAAA,~~GAAA~~,OAAA~~,CAAA~~;AAAA,~~SACjD~~;AAAA,~~OACF~~;AACA,MAAA,IAAI,~~WAAa~~,~~EAAA~~;AACf,QAAA,QAAA,~~IAAY~~,~~SAAS~~,~~YAAY~~,~~CAAA~~,CAAA;AAAA,~~OACnC~~;AAAA,~~KACF~~;AAAA,~~GACF~~;AACF,CAAC,~~CACD~~,~~GAAA~~,IAAA~~,CAAA~~;AAMC,SAAS,~~iBACd~~,~~CAAA~~,GAAA,EACA,~~UACA~~,~~EAAA~~,QAAA,EACA,oBAAoB,~~KACd~~,~~EAAA~~;AACN,~~EAAM~~,~~MAAA~~,aAAA,GAAgBA,aAAO,UAAU,CAAA~~,CAAA~~;AACvC,~~EAAM~~,~~MAAA~~,OAAA,GAAUC,~~iBAAY~~,~~CAAA~~,CAAC,~~MAA8C~~,~~KAAA~~;AACzE,~~IAAM~~,~~MAAA~~,IAAA,GAAO,OAAO,~~qBAAsB~~,~~EAAA,CAAA~~;AAC1C,IAAA,OAAO,cAAc,~~OAAQ~~,~~CAAA~~,MAAA;AAAA,MAC3B,CAAC,KAAgC,~~GAAQ~~,~~KAAA~~;AACvC,QAAA,GAAA,CAAI,~~GAAO~~,CAAA,~~GAAA~~,aAAA,CAAc,~~MAAQ~~,~~EAAA~~,~~IAAA~~,~~EAAM,~~GAAwB,CAAA~~,CAAA~~;AAC/D,~~QAAO~~,~~OAAA~~,GAAA~~,CAAA~~;AAAA,~~OACT~~;AAAA,MACA,~~EAAC~~;AAAA,~~KACH~~,CAAA;AAAA,~~GACF~~,EAAG,~~EAAE~~,~~CAAA~~,CAAA;~~AAUL~~,~~EAAAC~~,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,~~cAAgB~~,~~EAAA~~;AACnB,~~MAAO~~,~~OAAA~~,~~KAAA,CAAA,CAAA~~;AAAA,~~KACT~~;AAEA,IAAA,MAAM,SAAS,~~GAAI~~,~~CAAA~~,OAAA~~,CAAA~~;AACnB,IAAA,IAAI,~~SAAY~~,~~GAAA~~,KAAA~~,CAAA~~;AAEhB,IAAA,eAAe,~~gBAAmB~~,~~GAAA~~;~~AAGhC~~,MAAA,WAAA,CAAY,IAAI,~~MAAQ~~,~~EAAA~~,EAAE,~~YAAc~~,~~EAAA~~,IAA4B,CAAA~~,CAAA~~;AACpE,~~MAAY~~,SAAA,~~GAAA~~,KAAA~~,CAAA~~;AAEZ,MAAM,~~MAAA,~~EAAE,~~OAAU~~,~~GAAA~~,QAAA~~,CAAA~~;AAClB,MAAA,IAAI,~~KAAO~~,~~EAAA~~;~~AAET~~,QAAA,MAAM,~~KAAM~~,~~CAAA~~,KAAA~~,CAAA~~;AAAA,~~OACd~~;AACA,~~MAAI~~,~~IAAA~~,CAAC,aAAa,~~cAAgB~~,~~EAAA~~;AAChC,~~QAAM~~,~~MAAA~~,cAAA,GAAiB,~~WAAY~~,~~CAAA~~,GAAA,CAAI,MAAM,CAAA~~,CAAA~~;AAC7C,QAAA,IAAI,~~cAAgB~~,~~EAAA~~;AAClB,~~UAAM~~,~~MAAA~~,YAAA,GAAe,QAAQ,MAAM,CAAA~~,CAAA~~;AACnC,UAAA,cAAA,CAAe,~~YAAe~~,~~GAAA~~,YAAA~~,CAAA~~;AAC9B,UAAA,cAAA,CAAe,QAAQ,MAAM,CAAA~~,CAAA~~;AAC7B,UAAA,IAAI,~~iBAAmB~~,~~EAAA~~;AACrB,YAAA,~~QAAA~~,~~CAAS~~,~~YAAY~~,CAAA,CAAA;AAAA,~~WACvB~~;AAAA,~~SACF~~;AAAA,~~OACF~~;AAAA,~~KACF~~;AAEA,IAAA,IAAI,~~MAAQ~~,~~EAAA~~;AAEV,~~MAAI~~,~~IAAA~~,WAAA,CAAY,~~GAAI~~,~~CAAA~~,MAAM,~~CAAG~~,~~EAAA~~;AAC3B,~~QAAM~~,~~MAAA~~,KAAA;AAAA,UACJ~~,2DAAA~~;AAAA,SACF~~,CAAA~~;AAAA,~~OACF~~;AACA,MAAA,KAAK,~~gBAAiB~~,~~EAAA,CAAA~~;AAAA,~~KACxB~~;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,~~MAAU~~,~~IAAA~~,WAAA,CAAY,~~GAAI~~,~~CAAA~~,MAAM,~~CAAG~~,~~EAAA~~;AACrC,QAAA,cAAA,CAAe,UAAU,MAAM,CAAA~~,CAAA~~;AAC/B,QAAA,WAAA,CAAY,OAAO,MAAM,CAAA~~,CAAA~~;AACzB,~~QAAY~~,SAAA,~~GAAA~~,IAAA~~,CAAA~~;AAAA,~~OACd~~;AAAA,~~KACF~~,CAAA;AAAA,~~GACC~~,~~EAAA~~,CAAC,~~GAAK~~,~~EAAA~~,~~OAAO~~,CAAC,CAAA~~,CAAA~~;~~AAEjB~~,EAAAA,8BAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,SAAS,~~GAAI~~,~~CAAA~~,OAAA~~,CAAA~~;AACnB,~~IAAM~~,~~MAAA~~,MAAA,GAAS,~~WAAY~~,~~CAAA~~,GAAA,CAAI,MAAM,CAAA~~,CAAA~~;AACrC,IAAA,IAAI,~~MAAQ~~,~~EAAA~~;AACV,~~MAAI~~,~~IAAA~~,aAAA,CAAc,YAAY,~~UAAY~~,~~EAAA~~;AACxC,QAAA,aAAA,CAAc,~~OAAU~~,~~GAAA~~,UAAA~~,CAAA~~;AACxB,~~QAAM~~,~~MAAA~~,YAAA,GAAe,QAAQ,MAAM,CAAA~~,CAAA~~;AACnC,QAAA,MAAA,CAAO,~~YAAe~~,~~GAAA~~,YAAA~~,CAAA~~;AAAA,~~OACxB~~;AAEA,MAAA,MAAA,CAAO,~~QAAW~~,~~GAAA~~,QAAA~~,CAAA~~;AAAA,~~KACpB~~;AAAA,~~KACC~~,CAAC,UAAA,EAAY,~~OAAS~~,~~EAAA~~,GAAA,EAAK,QAAQ,CAAC,CAAA~~,CAAA~~;AAIzC;;;;;;;"}
1	+ {"version":3,"file":"useResizeObserver.js","sources":["../src/responsive/useResizeObserver.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type RefObject, useCallback, useRef } from \"react\";\nexport const WidthHeight = [\"height\", \"width\"];\nexport const HeightOnly = [\"height\"];\nexport const WidthOnly = [\"width\"];\n\nexport type measurements<T = string \| number> = {\n height?: T;\n scrollHeight?: T;\n scrollWidth?: T;\n width?: T;\n};\ntype measuredDimension = keyof measurements<number>;\n\nexport type ResizeHandler = (measurements: measurements<number>) => void;\n\ntype observedDetails = {\n onResize?: ResizeHandler;\n measurements: measurements<number>;\n};\nconst observedMap = new WeakMap<HTMLElement, observedDetails>();\n\nconst getTargetSize = (\n element: HTMLElement,\n contentRect: DOMRectReadOnly,\n dimension: measuredDimension,\n): number => {\n switch (dimension) {\n case \"height\":\n return contentRect.height;\n case \"scrollHeight\":\n return element.scrollHeight;\n case \"scrollWidth\":\n return element.scrollWidth;\n case \"width\":\n return contentRect.width;\n default:\n return 0;\n }\n};\n\nconst resizeObserver =\n typeof ResizeObserver !== \"undefined\"\n ? new ResizeObserver((entries: ResizeObserverEntry[]) => {\n for (const entry of entries) {\n const { target, contentRect } = entry;\n const observedTarget = observedMap.get(target as HTMLElement);\n if (observedTarget) {\n const { onResize, measurements } = observedTarget;\n let sizeChanged = false;\n for (const [dimension, size] of Object.entries(measurements)) {\n const newSize = getTargetSize(\n target as HTMLElement,\n contentRect,\n dimension as measuredDimension,\n );\n if (newSize !== size) {\n sizeChanged = true;\n measurements[dimension as measuredDimension] = newSize;\n }\n }\n if (sizeChanged) {\n onResize?.(measurements);\n }\n }\n }\n })\n : null;\n\n// TODO use an optional lag (default to false) to ask to fire onResize\n// with initial size\n// Note asking for scrollHeight alone will not trigger onResize, this is only triggered by height,\n// with scrollHeight returned as an auxilliary value\nexport function useResizeObserver(\n ref: RefObject<Element \| HTMLElement \| null>,\n dimensions: string[],\n onResize: ResizeHandler,\n reportInitialSize = false,\n): void {\n const dimensionsRef = useRef(dimensions);\n const measure = useCallback((target: HTMLElement): measurements<number> => {\n const rect = target.getBoundingClientRect();\n return dimensionsRef.current.reduce(\n (map: { [key: string]: number }, dim) => {\n map[dim] = getTargetSize(target, rect, dim as measuredDimension);\n return map;\n },\n {},\n );\n }, []);\n\n const resizeCallback = useRef(onResize);\n\n useIsomorphicLayoutEffect(() => {\n resizeCallback.current = onResize;\n }, [onResize]);\n\n // TODO use ref to store resizeHandler here\n // resize handler registered with REsizeObserver will never change\n // use ref to store user onResize callback here\n // resizeHandler will call user callback.current\n\n // Keep this effect separate in case user inadvertently passes different\n // dimensions or callback instance each time - we only ever want to\n // initiate new observation when ref changes.\n useIsomorphicLayoutEffect(() => {\n if (!resizeObserver) {\n return undefined;\n }\n\n const target = ref.current as HTMLElement;\n let cleanedUp = false;\n\n async function registerObserver() {\n // Create the map entry immediately. useEffect may fire below\n // before fonts are ready and attempt to update entry\n observedMap.set(target, { measurements: {} as measurements<number> });\n cleanedUp = false;\n\n const { fonts } = document;\n if (fonts) {\n await fonts.ready;\n }\n if (!cleanedUp && resizeObserver) {\n const observedTarget = observedMap.get(target);\n if (observedTarget) {\n const measurements = measure(target);\n observedTarget.measurements = measurements;\n resizeObserver.observe(target);\n if (reportInitialSize) {\n resizeCallback.current?.(measurements);\n }\n }\n }\n }\n\n if (target) {\n // TODO might we want multiple callers to attach a listener to the same element ?\n if (observedMap.has(target)) {\n throw Error(\n \"useResizeObserver attemping to observe same element twice\",\n );\n }\n void registerObserver();\n }\n return () => {\n if (target && observedMap.has(target)) {\n resizeObserver.unobserve(target);\n observedMap.delete(target);\n cleanedUp = true;\n }\n };\n }, [ref, measure, reportInitialSize]);\n\n useIsomorphicLayoutEffect(() => {\n const target = ref.current as HTMLElement;\n const record = observedMap.get(target);\n if (record) {\n if (dimensionsRef.current !== dimensions) {\n dimensionsRef.current = dimensions;\n const measurements = measure(target);\n record.measurements = measurements;\n }\n // Might not have changed, but no harm ...\n record.onResize = onResize;\n }\n }, [dimensions, measure, ref, onResize]);\n\n // TODO might be a good idea to ref and return the current measurememnts. That way, derived hooks\n // e.g useBreakpoints don't have to measure and client cn make onResize callback simpler\n}\n"],"names":["useRef","useCallback","useIsomorphicLayoutEffect"],"mappings":"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"}