@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/es/{useDetectHorizontalOverflow-9b684feb.js → useDetectHorizontalOverflow-5b505e78.js}

@@ -5,10 +5,6 @@ import { g as getTabWidths } from './tabBarUtils-eadc06f3.js';
 
 //The minimum width of the overflowtabbaritem, it can be rendered with width greater than this based on available width
 const MORE_ITEM_WIDTH = 48;
-const LABEL_MIN_WIDTH = 96;
-const TAB_BORDER = 6;
-//This is the minWidth a tab will have if it has only a label.
-const TAB_MIN_WIDTH = LABEL_MIN_WIDTH + TAB_BORDER;
 /**
  * Implements overflow detection and calculation
  */
@@ -23,7 +19,10 @@ function useDetectHorizontalOverflow({ rootRef, keysArray, isTruncationDisabled
     const isAllItemsTruncatedFinal = useRef(false);
     const tabDimensions = useRef();
     useLayoutEffect(() => {
-        // Store locally to avoid calling rootRef everytime within layouteffect
+        // On initial render, tabBarWidth is 0 until ResizeObserver invokes its callback.
+        // Read the mounted TabBar's width so overflow can be calculated before that callback.
+        // A TabBar that is initially hidden can still measure as 0; ResizeObserver recalculates
+        // overflow when it becomes visible.
         const tabBarWidthCurrent = rootRef?.current?.clientWidth;
         const tabBarScrollWidthCurrent = rootRef?.current?.scrollWidth;
         if (rootRef.current &&
@@ -71,16 +70,18 @@ function useDetectHorizontalOverflow({ rootRef, keysArray, isTruncationDisabled
                     const lastIndex = arr.length - 1;
                     //In addition to scrollWidth we check if the cumulative width of last item is greater than rootRef clientwidth
                     if (arr && tabBarWidthCurrent < arr[lastIndex]) {
-                        const { closestEntry, closestIndex } = searchClosest(arr, tabBarWidthCurrent);
-                        // Check for not null, because even for '0' value of closestIndex we want to slice in such cases only overflow item will be rendered
-                        if (closestEntry && closestIndex != null) {
-                            // Closest index refers to the index of the last item that would be visible.
-                            // While splicing we need to include it however if we check for closestIndex < lastIndex alone then closestIndex + 1 will be greater than the last item index so we check for one less.
-                            const lastVisibleItemIndex = closestIndex < lastIndex - 1 ? closestIndex + 1 : closestIndex;
-                            setVisibleItemKeys(keysArray.slice(0, lastVisibleItemIndex));
-                            setOverflowingItemKeys(keysArray?.slice(lastVisibleItemIndex));
+                        // Reserve space for the More item before finding the last tab that fits.
+                        const availableWidth = tabBarWidthCurrent - MORE_ITEM_WIDTH;
+                        const closestIndex = searchClosest(arr, availableWidth);
+                        if (closestIndex != null) {
+                            // `closestIndex` is the last visible item index; `slice` takes an exclusive end index.
+                            const visibleItemCount = closestIndex + 1;
+                            setVisibleItemKeys(keysArray.slice(0, visibleItemCount));
+                            setOverflowingItemKeys(keysArray?.slice(visibleItemCount));
                             //Once OverflowTabBarItem is rendered, i.e overflowItemKeys move into overflow menu then space is available, which can be re-dsitributed to truncated visible items. We also check if these visible items have already gone through this calculation otherwise we skip it to avoid infinite loop.
-                            if (closestIndex > 0 && !isAllItemsTruncatedFinal.current && !isTruncationDisabled) {
+                            if (visibleItemCount > 1 &&
+                                !isAllItemsTruncatedFinal.current &&
+                                !isTruncationDisabled) {
                                 const tabWidthsAfterOverflow = getTabWidths(rootRef.current, trailingContentWidths, isTruncationDisabled, tabBarWidthCurrent, isAllItemsTruncatedMax?.current);
                                 const tabMaxWidthMapAfterOverflow = new Map(tabWidthsAfterOverflow.map((tab) => [tab.key, (tab.maxWidth + 'px')]));
                                 //Flag to indicate that final truncation calculation has occured
@@ -135,52 +136,23 @@ const shouldRenderAllTabs = (visibleItemKeys, overflowItemKeys, keysArray) => {
     else
         return false;
 };
-//Searches for a value closest and smaller than search value from the cumulative array
-const searchClosest = (arr, searchValue) => {
-    {
-        if (arr != null && searchValue != null) {
-            let left = 0;
-            let right = arr.length - 1;
-            let closestEntry = null;
-            let closestIndex = null;
-            while (left <= right && left < arr.length && right > -1) {
-                const mid = Math.floor((left + right) / 2);
-                const midEntry = arr[mid];
-                if (midEntry === searchValue) {
-                    return { closestEntry: midEntry, closestIndex: mid };
-                }
-                else if (midEntry < searchValue) {
-                    closestEntry = midEntry;
-                    closestIndex = mid;
-                    left = mid + 1;
-                }
-                else {
-                    right = mid - 1;
-                }
-                //If the searchValue is greater than closest entry and their difference is greater more item width then we have space to fit more item. Otherwise we return the index with the closest and small value when compared to searchvalue
-                if (closestEntry && searchValue > closestEntry) {
-                    //NOTE: Do not update closestEntry to midEntry here because value from const midEntry = arr[mid], midEntry maybe greater than searchValue and below it may end up updating closestIndex to mid +1 due to abs check
-                    //Sometimes closest entry may be much smaller than searchvalue so in such cases we maybe able to accomodate more items. The difference between searchValue and closestEntry should be greater than the minWidth needed for any item so that it can be rendered. If the difference is lesser than item min width we then check if space is available to render overflowitem alone else we reduce the closestIndex.
-                    closestIndex =
-                        Math.abs(searchValue - closestEntry) > TAB_MIN_WIDTH && mid + 1 <= arr.length - 2
-                            ? mid + 1
-                            : Math.abs(searchValue - closestEntry) > MORE_ITEM_WIDTH
-                                ? mid
-                                : mid - 1 >= 0
-                                    ? mid - 1
-                                    : 0;
-                }
-                //If the searchValue is lesser than closestEntry we return a value lesser than mid, this happens when all the values in the array are lesser than searchValue, i.e screensize is extremely small
-                else {
-                    closestIndex = mid - 1 >= 0 ? mid - 1 : 0;
-                }
-            }
-            return { closestEntry: closestEntry, closestIndex: closestIndex };
+// Returns the index of the largest cumulative width that fits the available width.
+// The caller reserves the More-item width before calling this function.
+const searchClosest = (arr, availableWidth) => {
+    if (arr == null || availableWidth == null) {
+        return null;
+    }
+    let closestIndex = -1;
+    for (let index = 0; index < arr.length; index++) {
+        if (arr[index] <= availableWidth) {
+            closestIndex = index;
+        }
+        else {
+            break;
         }
-        else
-            return { closestEntry: null, closestIndex: null };
     }
+    return closestIndex;
 };
 
 export { useDetectHorizontalOverflow as u };
-//# sourceMappingURL=useDetectHorizontalOverflow-9b684feb.js.map
+//# sourceMappingURL=useDetectHorizontalOverflow-5b505e78.js.map

package/es/useDetectHorizontalOverflow-5b505e78.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectHorizontalOverflow-5b505e78.js","sources":["../../src/hooks/PRIVATE_useDetectHorizontalOverflow/useDetectHorizontalOverflow.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useState, useLayoutEffect, useRef, StateUpdater, useCallback } from 'preact/hooks';\nimport { useResizeObserver } from '../../hooks/UNSAFE_useResizeObserver';\nimport { Size } from '../../utils/UNSAFE_size';\nimport { getTabWidths } from '../../utils/PRIVATE_tabBarUtils';\nimport type { TrailingContentInfo } from '../../utils/PRIVATE_tabBarUtils';\n\ntype TabDimensions<K extends string | number> = {\n  key: K;\n  maxWidth: number;\n  nonTextWidth?: number;\n  needsTruncation?: boolean;\n  cumulativeWidth?: number;\n};\n\n//The minimum width of the overflowtabbaritem, it can be rendered with width greater than this based on available width\nconst MORE_ITEM_WIDTH = 48;\n\nexport type useDetectOverflowProps<K extends string | number> = {\n  rootRef: RefObject<HTMLDivElement>;\n  keysArray: (K | undefined)[];\n  isTruncationDisabled?: boolean;\n};\n\n/**\n * Implements overflow detection and calculation\n */\nexport function useDetectHorizontalOverflow<K extends string | number>({\n  rootRef,\n  keysArray,\n  isTruncationDisabled = true\n}: useDetectOverflowProps<K>) {\n  const [visibleItemKeys, setVisibleItemKeys] = useState<(K | undefined)[]>();\n  const [overflowItemKeys, setOverflowingItemKeys] = useState<(K | undefined)[]>();\n  const trailingContentWidths = useRef(new Map<K, TrailingContentInfo>());\n  const [tabMaxWidth, setTabMaxWidth] = useState<Map<K, Size>>();\n  // This state var is to only re-trigger the layout effect. Using it locally will not give the latest updated value hence we use current suffix vars\n  const [tabBarWidth, setTabBarWidth] = useState<number>(0);\n  const isAllItemsTruncatedMax = useRef<boolean>(false);\n  const isAllItemsTruncatedFinal = useRef<boolean>(false);\n  const tabDimensions = useRef<TabDimensions<K>[]>();\n\n  useLayoutEffect(() => {\n    // On initial render, tabBarWidth is 0 until ResizeObserver invokes its callback.\n    // Read the mounted TabBar's width so overflow can be calculated before that callback.\n    // A TabBar that is initially hidden can still measure as 0; ResizeObserver recalculates\n    // overflow when it becomes visible.\n    const tabBarWidthCurrent = rootRef?.current?.clientWidth;\n    const tabBarScrollWidthCurrent = rootRef?.current?.scrollWidth;\n    if (\n      rootRef.current &&\n      keysArray &&\n      keysArray.length > 0 &&\n      tabBarWidthCurrent &&\n      tabBarWidthCurrent > 0\n    ) {\n      //Set tabBarWidth if not the current value\n      if (tabBarWidth !== tabBarWidthCurrent) {\n        setTabBarWidth(tabBarWidthCurrent);\n      }\n\n      if (tabMaxWidth === undefined) {\n        const isOverflow = tabBarWidthCurrent > 0 && tabBarWidthCurrent < tabBarScrollWidthCurrent!;\n\n        //If there is no overflow maxWidth should be its prevState, prevState may also be undefined if truncation is disabled.\n        if (!isOverflow) {\n          setTabMaxWidth((prevState) => {\n            return prevState;\n          });\n        } else {\n          //We need to calculate maxWidth only if truncation threshold limit is not reached\n          if (!isAllItemsTruncatedMax.current) {\n            const tabWidths = getTabWidths(\n              rootRef.current,\n              trailingContentWidths,\n              isTruncationDisabled,\n              tabBarWidthCurrent,\n              isAllItemsTruncatedMax?.current,\n              keysArray as K[]\n            );\n            //If all items have reached max treshold of truncation then we set it to true\n            if (tabWidths.every((item) => item.hasReachedLimit)) {\n              isAllItemsTruncatedMax.current = true;\n            }\n            tabDimensions.current = tabWidths as any;\n          }\n          //If all items have reached max treshold of truncation then we do not have update tabDimensions are maxWidth cannot go lesser than 96px.\n          else {\n            tabDimensions.current = tabDimensions.current?.map((item) => ({\n              ...item\n            }));\n          }\n        }\n\n        //Set calculated maxWidths\n        if (!isTruncationDisabled) {\n          const tabMaxWidthMap = new Map(\n            tabDimensions.current?.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n          );\n          setTabMaxWidth(tabMaxWidthMap);\n        }\n        //Overflow calculation\n        if (tabBarWidthCurrent < tabBarScrollWidthCurrent!) {\n          const arr = tabDimensions.current?.map((item) => item.cumulativeWidth) as number[];\n          const lastIndex = arr.length - 1;\n          //In addition to scrollWidth we check if the cumulative width of last item is greater than rootRef clientwidth\n          if (arr && tabBarWidthCurrent < arr[lastIndex]) {\n            // Reserve space for the More item before finding the last tab that fits.\n            const availableWidth = tabBarWidthCurrent - MORE_ITEM_WIDTH;\n            const closestIndex = searchClosest(arr, availableWidth);\n            if (closestIndex != null) {\n              // `closestIndex` is the last visible item index; `slice` takes an exclusive end index.\n              const visibleItemCount = closestIndex + 1;\n              setVisibleItemKeys(keysArray.slice(0, visibleItemCount));\n              setOverflowingItemKeys(keysArray?.slice(visibleItemCount));\n              //Once OverflowTabBarItem is rendered, i.e overflowItemKeys move into overflow menu then space is available, which can be re-dsitributed to truncated visible items. We also check if these visible items have already gone through this calculation otherwise we skip it to avoid infinite loop.\n              if (\n                visibleItemCount > 1 &&\n                !isAllItemsTruncatedFinal.current &&\n                !isTruncationDisabled\n              ) {\n                const tabWidthsAfterOverflow = getTabWidths(\n                  rootRef.current,\n                  trailingContentWidths,\n                  isTruncationDisabled,\n                  tabBarWidthCurrent,\n                  isAllItemsTruncatedMax?.current\n                );\n                const tabMaxWidthMapAfterOverflow = new Map(\n                  tabWidthsAfterOverflow.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n                );\n                //Flag to indicate that final truncation calculation has occured\n                isAllItemsTruncatedFinal.current = true;\n                setTabMaxWidth(tabMaxWidthMapAfterOverflow);\n              }\n            }\n          }\n        }\n      }\n    }\n  }, [keysArray, rootRef, tabBarWidth, tabMaxWidth, isTruncationDisabled]);\n\n  const updateTabBarWidth = useCallback(\n    (entry: { contentRect: { width: StateUpdater<number> } }) => {\n      const rectWidth = Math.ceil(entry.contentRect.width as number);\n      // Sometimes entry.contentRect.width maybe a decimal value so we need to get absolute value\n      if (Math.abs(tabBarWidth - (entry.contentRect.width as number)) > 1) {\n        setTabBarWidth(entry.contentRect.width);\n        if (tabMaxWidth !== undefined && !isAllItemsTruncatedMax.current) {\n          setTabMaxWidth(undefined);\n        }\n        //Once there is change in the container width and there is no overflow we render all items as visible.\n        if (rectWidth >= rootRef.current?.scrollWidth!) {\n          setVisibleItemKeys(keysArray);\n          setOverflowingItemKeys([]);\n        }\n        isAllItemsTruncatedFinal.current = false;\n      }\n    },\n    [tabBarWidth, tabMaxWidth, rootRef, keysArray]\n  );\n\n  useResizeObserver(rootRef, updateTabBarWidth);\n\n  return shouldRenderAllTabs(visibleItemKeys, overflowItemKeys, keysArray)\n    ? {\n        visibleItemKeys: keysArray,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      }\n    : {\n        visibleItemKeys,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      };\n}\n\n//If the overflow + visible keys or their quantity are not the same as keysArray then we first render all the keys as visible\nconst shouldRenderAllTabs = <K extends string | number>(\n  visibleItemKeys: (K | undefined)[] | undefined,\n  overflowItemKeys: (K | undefined)[] | undefined,\n  keysArray: (K | undefined)[]\n) => {\n  if (visibleItemKeys == null) return true;\n  else if (visibleItemKeys && overflowItemKeys && keysArray) {\n    const combinedArray = [...visibleItemKeys, ...overflowItemKeys];\n    const isNotEqual =\n      combinedArray.length !== keysArray.length ||\n      JSON.stringify(keysArray) !== JSON.stringify(combinedArray);\n    return isNotEqual;\n  } else return false;\n};\n\n// Returns the index of the largest cumulative width that fits the available width.\n// The caller reserves the More-item width before calling this function.\nconst searchClosest = (\n  arr: number[] | undefined,\n  availableWidth: number | undefined | null\n): number | null => {\n  if (arr == null || availableWidth == null) {\n    return null;\n  }\n\n  let closestIndex = -1;\n\n  for (let index = 0; index < arr.length; index++) {\n    if (arr[index] <= availableWidth) {\n      closestIndex = index;\n    } else {\n      break;\n    }\n  }\n\n  return closestIndex;\n};\n"],"names":[],"mappings":"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"}

package/es/useDisplayValue-f7c80ffe.js

@@ -14,14 +14,14 @@ import './FormContext-be2a6313.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
 import './ManageTabStopsContext-ad769de9.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import './textAlign-ad252afa.js';
 import './FormControlUtilsStyles.styles.css';
 import './ReadonlyTextFieldInputStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js';
-import { T as TextField } from './TextField-0a9a5a57.js';
+import { T as TextField } from './TextField-a556da78.js';
 import './LiveRegionStyles.styles.css';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
 import './ImageVars.styles.css';
 import './SkeletonStyles.styles.css';
@@ -30,21 +30,21 @@ import './TextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
 import { a as DropdownArrow, r as renderItemText } from './useSelectCommon-480b6641.js';
-import { L as LiveRegion } from './LiveRegion-bd98c133.js';
+import { L as LiveRegion } from './LiveRegion-74d90422.js';
 import './LabelValueLayoutStyles.styles.css';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
 import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
-import './Flex-f0f1bb0d.js';
+import './Flex-f5fe143f.js';
 import './LayoutStyles.styles.css';
 import './StyledTextField-56e1a6e7.js';
 import './InputGroupContext-20bdbd6e.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 
 function SelectSingleField({ children, hasInsideLabel, isBackButtonShown, isClearButtonShown, isDropdownArrowShown, onBackButtonClick, onClearButtonClick, onDropdownArrowClick, ...passThroughTextFieldProps }) {
     const translations = useTranslationBundle('@oracle/oraclejet-preact');

package/es/{useFloating-38c13cfa.js → useFloating-98ad16ec.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useMemo, useRef, useState, useCallback, useLayoutEffect } from 'preact/hooks';
-import { u as useUser } from './useUser-e1199cab.js';
+import { u as useUser } from './useUser-2c24ff59.js';
 import { n as normalizePosition, r as reverseNormalizePosition } from './positionUtils-f26caad9.js';
 
 const min = Math.min;
@@ -1913,4 +1913,4 @@ function useFloating({ middleware, placement, strategy, onPosition, whileElement
 }
 
 export { limitShift as a, arrow as b, size as c, autoUpdate as d, flip as f, logicalSide as l, offset as o, shift as s, useFloating as u };
-//# sourceMappingURL=useFloating-38c13cfa.js.map
+//# sourceMappingURL=useFloating-98ad16ec.js.map