@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/cjs/UNSAFE_InputColor.js

@@ -7,7 +7,6 @@ var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
 var hooks = require('preact/hooks');
 var swatchData = require('./swatchData-98d34d2d.js');
-var ColorPicker = require('./ColorPicker-e818b722.js');
 var clientHints = require('./clientHints-22e870c1.js');
 var FormFieldContext = require('./FormFieldContext-69fe83d2.js');
 require('./logger-2c9401cc.js');
@@ -47,6 +46,7 @@ require('./InputGroupContext-05f2a46f.js');
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 var UNSAFE_InputColor_themes_InputColorPickerDropdownStyles_css = require('./UNSAFE_InputColor/themes/InputColorPickerDropdownStyles.css.js');
 var Sheet = require('./Sheet-377eb4cb.js');
+var ColorPicker = require('./ColorPicker-e818b722.js');
 var SectionedContent = require('./SectionedContent-bee6e6d2.js');
 var ColorSwatch = require('./ColorSwatch-99b87ec3.js');
 var useDownToggle = require('./useDownToggle-7b257d2b.js');
@@ -78,106 +78,41 @@ var useSelectableTextField = require('./useSelectableTextField-892b62db.js');
 var formControlUtils = require('./formControlUtils-ccd07bc8.js');
 require('./colorUtils-845b1bd9.js');
 require('./_curry1-e8f0d7ea.js');
-require('./useTestId-89b24cec.js');
-require('./UNSAFE_ColorPicker/themes/ColorPickerContract.css.js');
-require('./useComponentTheme-181c58a1.js');
-require('./UNSAFE_ColorPicker/themes/redwood/ColorPickerTheme.js');
-require('./UNSAFE_ColorPicker/themes/redwood/ColorPickerVariants.css.js');
-
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('./UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.css.js');
-
-require('./ColorPalette-7be15687.js');
-require('./dimensions-563a1780.js');
+require('./ComponentMessageContainer-e50d0027.js');
+require('./useTestId-89b24cec.js');
+require('./MessagesManager-23f8daec.js');
+require('./classNames-c14c6ef3.js');
+require('./SuccessS-9dbe2bb9.js');
+require('./Icon-eaaca59a.js');
 require('./size-218b816c.js');
 require('./utils-56935c70.js');
 require('./themeContract.css-3df051ce.js');
-require('./padding-4ed3dadb.js');
-require('./arrayUtils-7d8dcfc3.js');
-require('./colors-a1f1d19a.js');
-require('./aria-889aedd0.js');
-require('./mergeInterpolations-6727b536.js');
-require('./classNames-c14c6ef3.js');
-require('./mergeDeepWithKey-210b024d.js');
-require('./_curry3-18677bca.js');
-require('./_curry2-c15d89cd.js');
-require('./_isObject-28636267.js');
-require('./LiveRegion-e8e384f1.js');
-require('./SwatchFlexView-37dd5bff.js');
-require('./useResizeObserver-a9e97180.js');
-require('./useAddBusyState-d19ae1fa.js');
-require('./BusyStateContext-86f40d3c.js');
-require('./useBusyStateContext-362eee2a.js');
-require('./unsafeDomAccess-c3a492f0.js');
-require('./BaseSwatchView-f64accde.js');
-require('./useTabbableMode-df24ff80.js');
-require('./useId-6c0eeb27.js');
-require('./keys-33f06135.js');
-require('./collectionUtils-2f50dde3.js');
-require('./Selector-ffc96864.js');
-require('./BaseSelector-3af407d1.js');
-require('./useActive-6770f917.js');
-require('./useToggle-3ebba7d8.js');
-require('./useFocus-1b288fb9.js');
-require('./StyledCheckbox-d873cbf3.js');
-require('./Check-3fd81f2f.js');
-require('./Icon-eaaca59a.js');
 require('./useTooltip-c3c87e7a.js');
 require('./useTooltipControlled-92f47d46.js');
+require('./useId-6c0eeb27.js');
+require('./useFocus-1b288fb9.js');
+require('./useToggle-3ebba7d8.js');
 require('./useTouch-240793a3.js');
 require('./useAnimation-a8ee5a74.js');
+require('./useComponentTheme-181c58a1.js');
 require('./useThemeInterpolations-1d84c734.js');
 require('./useColorScheme-5976e611.js');
 require('./useScale-b82ea009.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
+require('./mergeInterpolations-6727b536.js');
+require('./mergeDeepWithKey-210b024d.js');
+require('./_curry3-18677bca.js');
+require('./_curry2-c15d89cd.js');
+require('./_isObject-28636267.js');
 require('./useDensity-3fd7f7dd.js');
+require('./unsafeDomAccess-c3a492f0.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js');
 
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
-require('./CheckboxOff-b332041b.js');
-require('./CheckboxOn-287b73b3.js');
-require('./CheckboxMixed-d766db74.js');
-require('./HiddenAccessible-087eb49a.js');
-require('./UNSAFE_Checkbox/themes/CheckboxIconContract.css.js');
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme.js');
-require('./UNSAFE_Checkbox/themes/CheckboxIconStyles.css.js');
-
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css.js');
-
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
-
-
-require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
-
-require('./CollectionInteractionContext-683e06d3.js');
-require('./useCollectionInteractionContext-9c1f3ab2.js');
-require('./useCurrentKey-242b4f0b.js');
-require('./useUser-bcd8cfa3.js');
-require('./useCollectionFocusRing-84b5b302.js');
-require('./useTabbableModeSet-ba94ca25.js');
-require('./useSwatchSelection-651a57ff.js');
-require('./textSelectionUtils-57082239.js');
-require('./LoadMoreCollection-a7f1a03f.js');
-require('./Collection-e27077ff.js');
-require('./useViewportIntersect-2e802bac.js');
-require('./PRIVATE_BaseSwatchView/themes/BaseSwatchViewStyles.css.js');
-
-require('./tabbableUtils-b3f12d09.js');
-require('./head-68d0992f.js');
-require('./_arity-c228159c.js');
-require('./_isArray-73160ad5.js');
-require('./_isString-f4443c9e.js');
-require('./FocusTrap-e887da9b.js');
-require('./FocusTracker-b6dbec58.js');
-require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
-
-require('./clientUtils-d8109cfd.js');
-require('./ComponentMessageContainer-e50d0027.js');
-require('./MessagesManager-23f8daec.js');
-require('./SuccessS-9dbe2bb9.js');
 require('./ErrorS-f460a7c8.js');
 require('./InformationS-7864b4e4.js');
 require('./WarningS-9d693cdb.js');
@@ -185,6 +120,7 @@ require('./PRIVATE_Message/themes/MessageStyles.css.js');
 require('./soundUtils-0dd9f572.js');
 require('./useMessagesContext-23d62331.js');
 require('./Transition-942950ed.js');
+require('./HiddenAccessible-087eb49a.js');
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js');
 require('./UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js');
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js');
@@ -193,10 +129,13 @@ require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
 require('./useFormFieldContext-4632eb73.js');
 require('./InlineHelp-cfe75630.js');
+require('./useTabbableMode-df24ff80.js');
 require('./useInputGroupContext-4c10bd57.js');
 require('./boxalignment-9968ee2f.js');
+require('./arrayUtils-7d8dcfc3.js');
 
 require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
+require('./dimensions-563a1780.js');
 require('./flexbox-2cae9a01.js');
 
 require('./flexitem-fee13e26.js');
@@ -210,6 +149,7 @@ require('./EnvironmentProvider-00ddd2ba.js');
 require('./LayerManager-ebdc7a0f.js');
 require('./Floating-1d6f6731.js');
 require('./useFloating-b089169f.js');
+require('./useUser-bcd8cfa3.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
 require('./useOutsideClick-713c6f05.js');
@@ -227,6 +167,7 @@ require('./vanilla-extract-dynamic.esm-2e1b7c25.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./useUnsafeDomElementRef-f22a2f0c.js');
 require('./BaseButton-7ceb04a0.js');
+require('./useActive-6770f917.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 
@@ -256,6 +197,15 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css
 
 require('./getLocale-8e17dc46.js');
 require('./stringUtils-3e19c8af.js');
+require('./tabbableUtils-b3f12d09.js');
+require('./head-68d0992f.js');
+require('./_arity-c228159c.js');
+require('./_isArray-73160ad5.js');
+require('./_isString-f4443c9e.js');
+require('./FocusTrap-e887da9b.js');
+require('./FocusTracker-b6dbec58.js');
+require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
+
 require('./Modal-d6a4e062.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
@@ -271,14 +221,64 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
 require('./usePopupAnimation-7938296d.js');
 require('./useAnimationStatus-5d66eba4.js');
 require('./popupAnimationUtils-dcace427.js');
+require('./LiveRegion-e8e384f1.js');
 require('./useEffectEvent-832ffba5.js');
 require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
 
+require('./colors-a1f1d19a.js');
 
 
 require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 
 require('./animationUtils-54852d03.js');
+require('./UNSAFE_ColorPicker/themes/ColorPickerContract.css.js');
+require('./UNSAFE_ColorPicker/themes/redwood/ColorPickerTheme.js');
+require('./UNSAFE_ColorPicker/themes/redwood/ColorPickerVariants.css.js');
+
+require('./UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.css.js');
+
+require('./ColorPalette-7be15687.js');
+require('./padding-4ed3dadb.js');
+require('./aria-889aedd0.js');
+require('./SwatchFlexView-37dd5bff.js');
+require('./useResizeObserver-a9e97180.js');
+require('./useAddBusyState-d19ae1fa.js');
+require('./BusyStateContext-86f40d3c.js');
+require('./useBusyStateContext-362eee2a.js');
+require('./BaseSwatchView-f64accde.js');
+require('./keys-33f06135.js');
+require('./collectionUtils-2f50dde3.js');
+require('./Selector-ffc96864.js');
+require('./BaseSelector-3af407d1.js');
+require('./StyledCheckbox-d873cbf3.js');
+require('./Check-3fd81f2f.js');
+require('./CheckboxOff-b332041b.js');
+require('./CheckboxOn-287b73b3.js');
+require('./CheckboxMixed-d766db74.js');
+require('./UNSAFE_Checkbox/themes/CheckboxIconContract.css.js');
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme.js');
+require('./UNSAFE_Checkbox/themes/CheckboxIconStyles.css.js');
+
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css.js');
+
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
+
+
+require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
+
+require('./CollectionInteractionContext-683e06d3.js');
+require('./useCollectionInteractionContext-9c1f3ab2.js');
+require('./useCurrentKey-242b4f0b.js');
+require('./useCollectionFocusRing-84b5b302.js');
+require('./useTabbableModeSet-ba94ca25.js');
+require('./useSwatchSelection-651a57ff.js');
+require('./textSelectionUtils-57082239.js');
+require('./LoadMoreCollection-a7f1a03f.js');
+require('./Collection-e27077ff.js');
+require('./useViewportIntersect-2e802bac.js');
+require('./PRIVATE_BaseSwatchView/themes/BaseSwatchViewStyles.css.js');
+
+require('./clientUtils-d8109cfd.js');
 require('./Dropdown-d16955f7.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 

package/cjs/UNSAFE_InputSearch.js

@@ -37,7 +37,7 @@ require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
 require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
 var UNSAFE_InputSearch_themes_redwood_InputSearchTheme = require('./UNSAFE_InputSearch/themes/redwood/InputSearchTheme.js');
 var UNSAFE_InputSearch_themes_InputSearchStyles_css = require('./UNSAFE_InputSearch/themes/InputSearchStyles.css.js');
-var List = require('./List-eea800fd.js');
+var List = require('./List-436100e1.js');
 var PRIVATE_SelectCommon_themes_dropdownStyles_css = require('./PRIVATE_SelectCommon/themes/dropdownStyles.css.js');
 var HighlightText = require('./HighlightText-96feeb92.js');
 var Skeleton = require('./Skeleton-17969525.js');

package/cjs/UNSAFE_InputTimePicker.js

@@ -53,7 +53,7 @@ require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
-var TimePicker = require('./TimePicker-25997417.js');
+var TimePicker = require('./TimePicker-fe817eb1.js');
 var keyboardUtils = require('./keyboardUtils-d234643d.js');
 var UNSAFE_InputTimePicker_themes_InputTimePickerDropdownStyles_css = require('./UNSAFE_InputTimePicker/themes/InputTimePickerDropdownStyles.css.js');
 var SectionedContent = require('./SectionedContent-bee6e6d2.js');
@@ -213,7 +213,7 @@ require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
 
 require('./colors-a1f1d19a.js');
 
-require('./List-eea800fd.js');
+require('./List-436100e1.js');
 require('./CollectionInteractionContext-683e06d3.js');
 require('./useCollectionInteractionContext-9c1f3ab2.js');
 require('./useTruncationTooltip-070c38ad.js');

package/cjs/UNSAFE_ListView.js

@@ -7,7 +7,7 @@ var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
 var hooks = require('preact/hooks');
 var ScrollUtils = require('./ScrollUtils-1486a0ca.js');
-var List = require('./List-eea800fd.js');
+var List = require('./List-436100e1.js');
 require('preact');
 require('./CollectionInteractionContext-683e06d3.js');
 require('./useCollectionInteractionContext-9c1f3ab2.js');

package/cjs/UNSAFE_OverflowTabBar.js

@@ -7,9 +7,9 @@ var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var hooks = require('preact/hooks');
 var classNames = require('./classNames-c14c6ef3.js');
-var TabBar = require('./TabBar-1cd4ac17.js');
+var TabBar = require('./TabBar-ba4bcd32.js');
 var UNSAFE_OverflowTabBar_themes_OverflowTabBarStyles_css = require('./UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css.js');
-var useDetectHorizontalOverflow = require('./useDetectHorizontalOverflow-622817d4.js');
+var useDetectHorizontalOverflow = require('./useDetectHorizontalOverflow-15084cbf.js');
 var TabBarLinkItem = require('./TabBarLinkItem-10851948.js');
 var OverflowTabBarItem = require('./OverflowTabBarItem-c167b5bb.js');
 require('./HiddenAccessible-087eb49a.js');
@@ -243,7 +243,7 @@ require('./equals-098f7781.js');
 
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
-require('./useTabBar-ec20851a.js');
+require('./useTabBar-1cfaf3e6.js');
 require('./useCurrentKey-242b4f0b.js');
 require('./useReorderableContext-92514102.js');
 require('./ReorderableContext-16396e17.js');
@@ -294,7 +294,11 @@ function OverflowTabBar({ items, layout = 'stretch', display = 'standard', size
     };
     const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;
     const rootRef = hooks.useRef(null);
-    const tabBarRef = preact.createRef();
+    // tabBarRef is callback-based to meet useResizeObserver hook's state management requirements.
+    const [tabBarRef, setTabBarRef] = hooks.useState(preact.createRef());
+    const tabBarRefCallback = hooks.useCallback((node) => {
+        setTabBarRef({ current: node });
+    }, []);
     const [isDropDownOpen, setIsDropDownOpen] = hooks.useState(false);
     const isOutsideMouseDown = hooks.useRef(false);
     const handleClose = (e) => {
@@ -329,7 +333,7 @@ function OverflowTabBar({ items, layout = 'stretch', display = 'standard', size
         isTruncationDisabled: !(truncation && truncation === 'progressive')
     });
     const overflowTabBarClass = classNames.classNames([UNSAFE_OverflowTabBar_themes_OverflowTabBarStyles_css.styles.overflowTabBarBase]);
-    return (jsxRuntime.jsx("div", { ref: rootRef, class: overflowTabBarClass, children: jsxRuntime.jsxs(TabBar.TabBar, { ref: tabBarRef, selection: selection, onSelect: handleSelect, ...displayProps, layout: layout, edge: edge, onRemove: onRemove, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, testId: testId, contextMenuConfig: contextMenuConfig, children: [visibleItemKeys != null &&
+    return (jsxRuntime.jsx("div", { ref: rootRef, class: overflowTabBarClass, children: jsxRuntime.jsxs(TabBar.TabBar, { ref: tabBarRefCallback, selection: selection, onSelect: handleSelect, ...displayProps, layout: layout, edge: edge, onRemove: onRemove, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, testId: testId, contextMenuConfig: contextMenuConfig, children: [visibleItemKeys != null &&
                     visibleItemKeys.length > 0 &&
                     items
                         .filter((item) => visibleItemKeys?.includes(item.itemKey))

package/cjs/UNSAFE_OverflowTabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_OverflowTabBar.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, TabBar, TabBarItem, TabBarLinkItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  contextMenuConfig,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<HTMLDivElement>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}\n        contextMenuConfig={contextMenuConfig}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.href != null ? (\n                <TabBarLinkItem\n                  href={item.href}\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  isRemovable={item.isRemovable}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["useRef","createRef","useState","useCallback","useMemo","useDetectHorizontalOverflow","classNames","styles","_jsx","_jsxs","TabBar","TabBarLinkItem","TabBarItem","OverflowTabBarItem"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_OverflowTabBar.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, TabBar, TabBarItem, TabBarLinkItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  contextMenuConfig,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  // tabBarRef is callback-based to meet useResizeObserver hook's state management requirements.\n  const [tabBarRef, setTabBarRef] = useState(createRef<HTMLDivElement>());\n  const tabBarRefCallback = useCallback((node: HTMLDivElement | null) => {\n    setTabBarRef({ current: node });\n  }, []);\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRefCallback}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}\n        contextMenuConfig={contextMenuConfig}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.href != null ? (\n                <TabBarLinkItem\n                  href={item.href}\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  isRemovable={item.isRemovable}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["useRef","useState","createRef","useCallback","useMemo","useDetectHorizontalOverflow","classNames","styles","_jsx","_jsxs","TabBar","TabBarLinkItem","TabBarItem","OverflowTabBarItem"],"mappings":"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"}

package/cjs/UNSAFE_ReorderableTabBar.js

@@ -9,7 +9,7 @@ var compat = require('preact/compat');
 var hooks = require('preact/hooks');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 var LiveRegion = require('./LiveRegion-e8e384f1.js');
-var TabBar = require('./TabBar-1cd4ac17.js');
+var TabBar = require('./TabBar-ba4bcd32.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
 var collectionUtils = require('./collectionUtils-2f50dde3.js');
@@ -21,6 +21,9 @@ var UNSAFE_ReorderableTabBar_themes_ReorderableTabBarItemStyles_css = require('.
 var keys = require('./keys-33f06135.js');
 var classNames = require('./classNames-c14c6ef3.js');
 
+require('./StyledCheckbox-d873cbf3.js');
+
+require('./CollectionInteractionContext-683e06d3.js');
 
 
 
@@ -170,7 +173,6 @@ require('./Dropdown-d16955f7.js');
 require('./keyboardUtils-d234643d.js');
 require('./usePopupAnimation-7938296d.js');
 require('./popupAnimationUtils-dcace427.js');
-require('./CollectionInteractionContext-683e06d3.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 
 require('./useOutsideMousedown-22ccd435.js');
@@ -211,7 +213,7 @@ require('./_isObject-28636267.js');
 
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
-require('./useTabBar-ec20851a.js');
+require('./useTabBar-1cfaf3e6.js');
 require('./useCurrentKey-242b4f0b.js');
 require('./useReorderableContext-92514102.js');
 require('./mergeDeepWithKey-210b024d.js');
@@ -219,7 +221,14 @@ require('./mergeDeepWithKey-210b024d.js');
 require('./Selector-ffc96864.js');
 require('./BaseSelector-3af407d1.js');
 require('./useFocus-1b288fb9.js');
-require('./StyledCheckbox-d873cbf3.js');
+require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
+require('./useCollectionInteractionContext-9c1f3ab2.js');
+require('./index-a185cff6.js');
+require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
+
+require('./dndUtils-fd0a7911.js');
+require('./hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css.js');
+
 require('./Check-3fd81f2f.js');
 require('./Icon-eaaca59a.js');
 require('./useTooltip-c3c87e7a.js');
@@ -241,15 +250,6 @@ require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
 
 
-require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
-
-require('./useCollectionInteractionContext-9c1f3ab2.js');
-require('./index-a185cff6.js');
-require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
-
-require('./dndUtils-fd0a7911.js');
-require('./hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css.js');
-
 
 const ITEM_SELECTOR = '[role="tab"]';
 /**

package/cjs/UNSAFE_RichSelectionItem.js

@@ -13,11 +13,11 @@ var RadioItemContext = require('./RadioItemContext-3a86c17d.js');
 var TruncatingText = require('./TruncatingText-37ff7d4c.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var UNSAFE_RichSelectionItem_themes_RichSelectionItemStyles_css = require('./UNSAFE_RichSelectionItem/themes/RichSelectionItemStyles.css.js');
+var Center = require('./Center-ee963c21.js');
 var View = require('./View-d5a0602b.js');
 var useTestId = require('./useTestId-89b24cec.js');
 var AspectRatio = require('./AspectRatio-36761ffd.js');
 var Avatar = require('./Avatar-a57e9835.js');
-var Center = require('./Center-ee963c21.js');
 var Flex = require('./Flex-d23357d1.js');
 var useId = require('./useId-6c0eeb27.js');
 require('./FormContext-6aec9525.js');

package/cjs/UNSAFE_SelectMultiple.js

@@ -45,7 +45,7 @@ var Separator = require('./Separator-85962472.js');
 var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
 var ManageTabStopsContext = require('./ManageTabStopsContext-6fdf31a6.js');
 var SelectMobileFieldInput = require('./SelectMobileFieldInput-d092c87c.js');
-var useSelectCommon = require('./useSelectCommon-544c22ee.js');
+var useSelectCommon = require('./useSelectCommon-bb44fdb6.js');
 var DropdownList = require('./DropdownList-a3e0c0e9.js');
 var SelectMobileDropdown = require('./SelectMobileDropdown-8613ad93.js');
 var useUser = require('./useUser-bcd8cfa3.js');
@@ -264,7 +264,7 @@ require('./UNSAFE_Link/themes/redwood/LinkVariants.css.js');
 require('./linkUtils-f1990984.js');
 require('./PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css.js');
 
-require('./List-eea800fd.js');
+require('./List-436100e1.js');
 require('./CollectionInteractionContext-683e06d3.js');
 require('./useCollectionInteractionContext-9c1f3ab2.js');
 require('./useTruncationTooltip-070c38ad.js');

package/cjs/UNSAFE_SelectSingle.js

@@ -45,10 +45,10 @@ var Separator = require('./Separator-85962472.js');
 var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
 var ManageTabStopsContext = require('./ManageTabStopsContext-6fdf31a6.js');
 var SelectMobileFieldInput = require('./SelectMobileFieldInput-d092c87c.js');
-var useSelectCommon = require('./useSelectCommon-544c22ee.js');
+var useSelectCommon = require('./useSelectCommon-bb44fdb6.js');
 var DropdownList = require('./DropdownList-a3e0c0e9.js');
 var SelectMobileDropdown = require('./SelectMobileDropdown-8613ad93.js');
-var useDisplayValue = require('./useDisplayValue-ce2d071e.js');
+var useDisplayValue = require('./useDisplayValue-777c9be5.js');
 var Label = require('./Label-900ba7b2.js');
 var View = require('./View-d5a0602b.js');
 var useTextField = require('./useTextField-b80d2e59.js');
@@ -283,7 +283,7 @@ require('./UNSAFE_Link/themes/redwood/LinkVariants.css.js');
 require('./linkUtils-f1990984.js');
 require('./PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css.js');
 
-require('./List-eea800fd.js');
+require('./List-436100e1.js');
 require('./CollectionInteractionContext-683e06d3.js');
 require('./useCollectionInteractionContext-9c1f3ab2.js');
 require('./useTruncationTooltip-070c38ad.js');

package/cjs/UNSAFE_TabBar.js

@@ -3,16 +3,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TabBar = require('./TabBar-1cd4ac17.js');
+var TabBar = require('./TabBar-ba4bcd32.js');
 var OverflowTabBarItem = require('./OverflowTabBarItem-c167b5bb.js');
 var TabBarLayout = require('./TabBarLayout-9e647455.js');
 var useProgressiveTruncation = require('./useProgressiveTruncation-b395d8e6.js');
 var TabBarLinkItem = require('./TabBarLinkItem-10851948.js');
 require('preact/jsx-runtime');
+require('preact/hooks');
 require('./HiddenAccessible-087eb49a.js');
 
 require('./LiveRegion-e8e384f1.js');
-require('preact/hooks');
 
 require('./useTestId-89b24cec.js');
 require('./LayerHost-4ebd4dca.js');
@@ -242,7 +242,7 @@ require('./equals-098f7781.js');
 
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
-require('./useTabBar-ec20851a.js');
+require('./useTabBar-1cfaf3e6.js');
 require('./useCurrentKey-242b4f0b.js');
 require('./useReorderableContext-92514102.js');
 require('./ReorderableContext-16396e17.js');

package/cjs/UNSAFE_TabBarMixed.js

@@ -46,9 +46,11 @@ require('./CollectionInteractionContext-683e06d3.js');
 
 require('./Sheet-377eb4cb.js');
 
+require('./StyledCheckbox-d873cbf3.js');
+
 var clientUtils = require('./clientUtils-d8109cfd.js');
 var UNSAFE_TabBarMixed_themes_TabBarMixedStyles_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js');
-var useTabBar = require('./useTabBar-ec20851a.js');
+var useTabBar = require('./useTabBar-1cfaf3e6.js');
 var LiveRegion = require('./LiveRegion-e8e384f1.js');
 var TabBarContextMenu = require('./TabBarContextMenu-f53dcb4b.js');
 var ConveyorBeltFocusContext = require('./ConveyorBeltFocusContext-0e08d043.js');
@@ -140,31 +142,7 @@ require('./collectionUtils-2f50dde3.js');
 require('./Selector-ffc96864.js');
 require('./BaseSelector-3af407d1.js');
 require('./useFocus-1b288fb9.js');
-require('./StyledCheckbox-d873cbf3.js');
-require('./Check-3fd81f2f.js');
-require('./Icon-eaaca59a.js');
-require('./useTooltip-c3c87e7a.js');
-require('./useTooltipControlled-92f47d46.js');
-require('./useTouch-240793a3.js');
-require('./useAnimation-a8ee5a74.js');
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
-require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js');
-require('./UNSAFE_Icon/themes/IconStyle.css.js');
-require('./CheckboxOff-b332041b.js');
-require('./CheckboxOn-287b73b3.js');
-require('./CheckboxMixed-d766db74.js');
-require('./UNSAFE_Checkbox/themes/CheckboxIconContract.css.js');
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme.js');
-require('./UNSAFE_Checkbox/themes/CheckboxIconStyles.css.js');
-
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css.js');
-
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
-
-
 require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
-
 require('./useCollectionInteractionContext-9c1f3ab2.js');
 require('./useCollectionFocusRing-84b5b302.js');
 require('./useContextMenuGesture-9291f052.js');
@@ -208,7 +186,29 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
 require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 
 require('./useAnimationStatus-5d66eba4.js');
+require('./useAnimation-a8ee5a74.js');
 require('./animationUtils-54852d03.js');
+require('./Check-3fd81f2f.js');
+require('./Icon-eaaca59a.js');
+require('./useTooltip-c3c87e7a.js');
+require('./useTooltipControlled-92f47d46.js');
+require('./useTouch-240793a3.js');
+require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
+require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
+require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js');
+require('./UNSAFE_Icon/themes/IconStyle.css.js');
+require('./CheckboxOff-b332041b.js');
+require('./CheckboxOn-287b73b3.js');
+require('./CheckboxMixed-d766db74.js');
+require('./UNSAFE_Checkbox/themes/CheckboxIconContract.css.js');
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme.js');
+require('./UNSAFE_Checkbox/themes/CheckboxIconStyles.css.js');
+
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css.js');
+
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
+
+
 
 require('./useCurrentKey-242b4f0b.js');
 require('./useReorderableContext-92514102.js');
@@ -366,7 +366,7 @@ const TabBarMixed = compat.forwardRef((props, focusHandleRef) => {
         endTabPass
     }), [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]);
     const mergedRootProps = mergeProps.mergeProps(rootProps, { onKeyDown, onBlur });
-    return (jsxRuntime.jsxs(ConveyorBeltFocusContext.ConveyorBeltFocusContext.Provider, { value: focusContext, children: [jsxRuntime.jsx(TabBarLayout.TabBarContext.Provider, { value: tabBarContext, children: jsxRuntime.jsx("div", { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...mergedRootProps, children: children }) }), isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (jsxRuntime.jsx("span", { id: contextMenuDescriptionId, children: jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: contextMenuDescription }) })), isContextMenuAvailable && accStatusInfo && jsxRuntime.jsx(LiveRegion.LiveRegion, { children: accStatusInfo }), isContextMenuAvailable && (jsxRuntime.jsx(TabBarContextMenu.TabBarContextMenu, { ...menuProps, contextMenuConfig: defaultContextMenuConfig, contextMenuContext: contextMenuContext }))] }));
+    return (jsxRuntime.jsxs(ConveyorBeltFocusContext.ConveyorBeltFocusContext.Provider, { value: focusContext, children: [jsxRuntime.jsx(TabBarLayout.TabBarContext.Provider, { value: tabBarContext, children: jsxRuntime.jsx("div", { ...mergedRootProps, ref: rootRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children: children }) }), isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (jsxRuntime.jsx("span", { id: contextMenuDescriptionId, children: jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: contextMenuDescription }) })), isContextMenuAvailable && accStatusInfo && jsxRuntime.jsx(LiveRegion.LiveRegion, { children: accStatusInfo }), isContextMenuAvailable && (jsxRuntime.jsx(TabBarContextMenu.TabBarContextMenu, { ...menuProps, contextMenuConfig: defaultContextMenuConfig, contextMenuContext: contextMenuContext }))] }));
 });
 
 /**