@oracle/oraclejet-preact 17.0.5 → 17.0.6

package/cjs/UNSAFE_OverflowTabBar.js

@@ -7,13 +7,13 @@ 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-73bb6c97.js');
+var TabBar = require('./TabBar-e77706d0.js');
 var UNSAFE_OverflowTabBar_themes_OverflowTabBarStyles_css = require('./UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css.js');
 var useDetectHorizontalOverflow = require('./useDetectHorizontalOverflow-5802c78d.js');
 var collectionUtils = require('./collectionUtils-1535080e.js');
 var RemovableTabBarItem = require('./RemovableTabBarItem-df8144f5.js');
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c0a592fd.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-1de46588.js');
 require('./LayerHost-46e4d858.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
@@ -90,8 +90,25 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 
-require('./keyboardUtils-f835e1ee.js');
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./keys-a4b54295.js');
+require('./useNavigationListItem-74009187.js');
+require('./usePress-00deca01.js');
+require('./useInteractionStyle-442c6a12.js');
 require('./clientHints-9e411b6e.js');
+require('./useActive-b15c9e7e.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -119,9 +136,6 @@ require('./TabBarLayout-c2efbeb3.js');
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
 require('./useTabBar-35edcdb1.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
-require('./keys-a4b54295.js');
 
 require('./Close-2adc0f0f.js');
 require('./Icon-3ffd13dc.js');
@@ -130,8 +144,6 @@ require('./UNSAFE_Icon/themes/IconStyle.css.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./EmbeddedIconButton-cadadca0.js');
 require('./BaseButton-ff6f39f2.js');
-require('./usePress-00deca01.js');
-require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
@@ -165,25 +177,15 @@ require('./UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js');
 
 require('./UNSAFE_Badge/themes/redwood/BadgeVariants.css.js');
 
+require('./NavigationListItem-b80c41dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
 require('./Dropdown-820dc3fe.js');
 require('./usePopupAnimation-78a173e8.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 require('./useOutsideMousedown-a8c09ad9.js');
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
-require('./NavigationListItem-12a76e7d.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
-require('./BaseNavigationListItem-070d75bc.js');
-require('./useInteractionStyle-442c6a12.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./RemovableNavigationListItem-6231df42.js');
+require('./RemovableNavigationListItem-eb2c8156.js');
 
 /**
  * OverflowTabBar handles the rendering of overflowing tab items.

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 {\n  OverflowTabBarItem,\n  RemovableTabBarItem,\n  TabBar,\n  TabBarItem,\n  FocusableHandle\n} from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\nimport { findElementByKey } from '../utils/PRIVATE_collectionUtils';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\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  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n  const itemSelector = '[role=\"tab\"]';\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<FocusableHandle>();\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 getWidth = useCallback(<K extends string | number>(itemKey: K | undefined) => {\n    const elem = findElementByKey(rootRef.current as HTMLElement, itemKey as K, itemSelector);\n    const gapBetweenItems = 32;\n    return elem! ? elem.getBoundingClientRect().width + gapBetweenItems : 0;\n  }, []);\n\n  const { visibleItemKeys, overflowItemKeys } = useDetectHorizontalOverflow({\n    rootRef,\n    getWidth,\n    keysArray\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        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.isRemovable ? (\n                <RemovableTabBarItem\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                />\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                  aria-controls={item.tabPanelId}\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","findElementByKey","useDetectHorizontalOverflow","classNames","styles","_jsx","_jsxs","TabBar","RemovableTabBarItem","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 {\n  OverflowTabBarItem,\n  RemovableTabBarItem,\n  TabBar,\n  TabBarItem,\n  FocusableHandle\n} from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\nimport { findElementByKey } from '../utils/PRIVATE_collectionUtils';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\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  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n  const itemSelector = '[role=\"tab\"]';\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<FocusableHandle>();\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 getWidth = useCallback(<K extends string | number>(itemKey: K | undefined) => {\n    const elem = findElementByKey(rootRef.current as HTMLElement, itemKey as K, itemSelector);\n    const gapBetweenItems = 32;\n    return elem! ? elem.getBoundingClientRect().width + gapBetweenItems : 0;\n  }, []);\n\n  const { visibleItemKeys, overflowItemKeys } = useDetectHorizontalOverflow({\n    rootRef,\n    getWidth,\n    keysArray\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        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.isRemovable ? (\n                <RemovableTabBarItem\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                />\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                  aria-controls={item.tabPanelId}\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","findElementByKey","useDetectHorizontalOverflow","classNames","styles","_jsx","_jsxs","TabBar","RemovableTabBarItem","TabBarItem","OverflowTabBarItem"],"mappings":"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"}

package/cjs/UNSAFE_ReorderableTabBar.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ReorderableTabBar = require('./ReorderableTabBar-5743c66a.js');
+var ReorderableTabBar = require('./ReorderableTabBar-025a0d71.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/hooks');
@@ -16,7 +16,7 @@ require('./LayerHost-46e4d858.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
 require('preact/compat');
-require('./TabBar-73bb6c97.js');
+require('./TabBar-e77706d0.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
@@ -89,8 +89,26 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 
-require('./keyboardUtils-f835e1ee.js');
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-1535080e.js');
+require('./keys-a4b54295.js');
 require('./clientHints-9e411b6e.js');
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./useNavigationListItem-74009187.js');
+require('./usePress-00deca01.js');
+require('./useInteractionStyle-442c6a12.js');
+require('./useActive-b15c9e7e.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -118,10 +136,6 @@ require('./TabBarLayout-c2efbeb3.js');
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
 require('./useTabBar-35edcdb1.js');
-require('./collectionUtils-1535080e.js');
-require('./keys-a4b54295.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
 require('./useReorderableItem-02ed8243.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./dndUtils-21d97036.js');

package/cjs/UNSAFE_ReorderableTabBar.js.map

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

package/cjs/UNSAFE_TabBar.js

@@ -3,10 +3,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TabBar = require('./TabBar-73bb6c97.js');
+var TabBar = require('./TabBar-e77706d0.js');
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
 var RemovableTabBarItem = require('./RemovableTabBarItem-df8144f5.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c0a592fd.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-1de46588.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 require('preact/jsx-runtime');
 require('preact/hooks');
@@ -87,8 +87,26 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 
-require('./keyboardUtils-f835e1ee.js');
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-1535080e.js');
+require('./keys-a4b54295.js');
 require('./clientHints-9e411b6e.js');
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./useNavigationListItem-74009187.js');
+require('./usePress-00deca01.js');
+require('./useInteractionStyle-442c6a12.js');
+require('./useActive-b15c9e7e.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -116,11 +134,6 @@ require('./TabBarLayout-c2efbeb3.js');
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
 require('./useTabBar-35edcdb1.js');
-require('./collectionUtils-1535080e.js');
-require('./keys-a4b54295.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
-require('./usePress-00deca01.js');
 require('./Text-aaacb6a0.js');
 require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js');
 require('./UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js');
@@ -146,7 +159,6 @@ require('./Close-2adc0f0f.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./EmbeddedIconButton-cadadca0.js');
 require('./BaseButton-ff6f39f2.js');
-require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
@@ -162,25 +174,15 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
+require('./NavigationListItem-b80c41dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
 require('./Dropdown-820dc3fe.js');
 require('./usePopupAnimation-78a173e8.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 require('./useOutsideMousedown-a8c09ad9.js');
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
-require('./NavigationListItem-12a76e7d.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
-require('./BaseNavigationListItem-070d75bc.js');
-require('./useInteractionStyle-442c6a12.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./RemovableNavigationListItem-6231df42.js');
+require('./RemovableNavigationListItem-eb2c8156.js');
 
 
 

package/cjs/UNSAFE_TabBar.js.map

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

package/cjs/UNSAFE_TabBarCommon.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
 var RemovableTabBarItem = require('./RemovableTabBarItem-df8144f5.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c0a592fd.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-1de46588.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 var TabBarLayout = require('./TabBarLayout-c2efbeb3.js');
 require('preact/jsx-runtime');
@@ -130,6 +130,24 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-1535080e.js');
+require('./keys-a4b54295.js');
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./useNavigationListItem-74009187.js');
+require('./useInteractionStyle-442c6a12.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./NavigationListItem-b80c41dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
 require('./Dropdown-820dc3fe.js');
 require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
@@ -160,23 +178,7 @@ require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
 
-require('./NavigationListItem-12a76e7d.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
-require('./collectionUtils-1535080e.js');
-require('./keys-a4b54295.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
-require('./BaseNavigationListItem-070d75bc.js');
-require('./useInteractionStyle-442c6a12.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./RemovableNavigationListItem-6231df42.js');
+require('./RemovableNavigationListItem-eb2c8156.js');
 
 
 

package/cjs/UNSAFE_TabBarCommon.js.map

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

package/cjs/UNSAFE_TabBarMixed.js

@@ -3,11 +3,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TabBarMixed = require('./TabBarMixed-426fcaf1.js');
+var TabBarMixed = require('./TabBarMixed-bc696a46.js');
 var TabBarMixedSeparator = require('./TabBarMixedSeparator-6388ccda.js');
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
 var RemovableTabBarItem = require('./RemovableTabBarItem-df8144f5.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c0a592fd.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-1de46588.js');
 require('./useTabBarContext-2a6a796c.js');
 require('preact/hooks');
 var TabBarLayout = require('./TabBarLayout-c2efbeb3.js');
@@ -89,8 +89,26 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 
-require('./keyboardUtils-f835e1ee.js');
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-1535080e.js');
+require('./keys-a4b54295.js');
 require('./clientHints-9e411b6e.js');
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./useNavigationListItem-74009187.js');
+require('./usePress-00deca01.js');
+require('./useInteractionStyle-442c6a12.js');
+require('./useActive-b15c9e7e.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -117,10 +135,6 @@ require('./animationUtils-54852d03.js');
 require('./UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js');
 
 require('./useTabBar-35edcdb1.js');
-require('./collectionUtils-1535080e.js');
-require('./keys-a4b54295.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
 require('./View-011404a7.js');
 require('./borders-4b8488cb.js');
 require('./colors-ac3041c6.js');
@@ -130,7 +144,6 @@ require('./useDensity-6e80ddff.js');
 require('./equals-098f7781.js');
 require('./UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js');
 
-require('./usePress-00deca01.js');
 require('./Text-aaacb6a0.js');
 require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js');
 require('./UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js');
@@ -156,7 +169,6 @@ require('./Close-2adc0f0f.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./EmbeddedIconButton-cadadca0.js');
 require('./BaseButton-ff6f39f2.js');
-require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
@@ -172,25 +184,15 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
+require('./NavigationListItem-b80c41dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
 require('./Dropdown-820dc3fe.js');
 require('./usePopupAnimation-78a173e8.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 require('./useOutsideMousedown-a8c09ad9.js');
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
-require('./NavigationListItem-12a76e7d.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
-require('./BaseNavigationListItem-070d75bc.js');
-require('./useInteractionStyle-442c6a12.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./RemovableNavigationListItem-6231df42.js');
+require('./RemovableNavigationListItem-eb2c8156.js');
 
 
 

package/cjs/UNSAFE_TabBarMixed.js.map

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

package/cjs/hooks/UNSAFE_useContainerBreakpointValues.js

@@ -3,8 +3,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useContainerBreakpoints = require('../useContainerBreakpoints-582c2489.js');
 var useBreakpoints = require('../useBreakpoints-f5c06998.js');
+var useContainerBreakpoints = require('../useContainerBreakpoints-582c2489.js');
 require('preact/hooks');
 
 /*

package/{es/useNavigationListItem-5f7cd66b.js → cjs/useNavigationListItem-74009187.js}

@@ -1,14 +1,16 @@
 /* @oracle/oraclejet-preact: undefined */
-import { useContext, useCallback } from 'preact/hooks';
-import { u as usePress } from './usePress-97fc1cf1.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useInteractionStyle } from './useInteractionStyle-d65c72b6.js';
-import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import { createContext } from 'preact';
-import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
-import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
-import { NavigationListItemRedwoodTheme } from './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
+'use strict';
+
+var hooks = require('preact/hooks');
+var usePress = require('./usePress-00deca01.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var useInteractionStyle = require('./useInteractionStyle-442c6a12.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var preact = require('preact');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var flexitem = require('./flexitem-fee13e26.js');
+var UNSAFE_NavigationListCommon_themes_redwood_NavigationListItemTheme = require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
 
 /**
  * @license
@@ -21,7 +23,7 @@ import { NavigationListItemRedwoodTheme } from './UNSAFE_NavigationListCommon/th
  * Context used to pass navlist information without having to pass it to navlist children props.
  * We want to communicate information down to any interested navlist item children.
  */
-const NavigationListContext = createContext(null);
+const NavigationListContext = preact.createContext(null);
 
 /**
  * @license
@@ -36,11 +38,11 @@ const NavigationListContext = createContext(null);
  * @returns The value of NavigationListContext provider
  */
 function useNavigationListContext() {
-    return useContext(NavigationListContext);
+    return hooks.useContext(NavigationListContext);
 }
 
-const flexItemStyleInterpolations = mergeInterpolations([
-    ...Object.values(flexitemInterpolations)
+const flexItemStyleInterpolations = mergeInterpolations.mergeInterpolations([
+    ...Object.values(flexitem.flexitemInterpolations)
 ]);
 const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } = flexItemStyleInterpolations({
     alignSelf: 'center'
@@ -51,8 +53,8 @@ function useNavigationListItem({ itemKey }) {
     const isCurrent = currentKey === itemKey;
     const isSelected = selection === itemKey;
     //Styling
-    const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } = useInteractionStyle();
-    const { classes: listItemClasses, styles: { labelContainerClasses } } = useComponentTheme(NavigationListItemRedwoodTheme, {
+    const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } = useInteractionStyle.useInteractionStyle();
+    const { classes: listItemClasses, styles: { labelContainerClasses } } = useComponentTheme.useComponentTheme(UNSAFE_NavigationListCommon_themes_redwood_NavigationListItemTheme.NavigationListItemRedwoodTheme, {
         focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',
         current: isCurrent ? 'isCurrent' : 'notCurrtent',
         selected: isSelected ? 'isSelected' : 'notSelected',
@@ -61,21 +63,23 @@ function useNavigationListItem({ itemKey }) {
         active: applyActiveStyle ? 'isActive' : 'notActive'
     });
     //Item handlers
-    const handlePress = useCallback(() => {
+    const handlePress = hooks.useCallback(() => {
         onSelectionChange?.({ value: itemKey, reason: 'pointer' });
     }, [itemKey, onSelectionChange]);
     //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same
     //for preact navlist
-    const { pressProps } = usePress(handlePress);
+    const { pressProps } = usePress.usePress(handlePress);
     return {
         itemId: navigationListItemPrefix + itemKey,
-        itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),
-        itemClasses: classNames([listItemClasses]),
+        itemHandlers: mergeProps.mergeProps(interactionProps, pressProps /*,onFocusProps*/),
+        itemClasses: classNames.classNames([listItemClasses]),
         isSelected,
-        labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),
+        labelContainerClasses: classNames.classNames([labelContainerClasses, labelContainerFlexItemClasses]),
         labelContainerStyle: labelContainerFlexItemStyle
     };
 }
 
-export { NavigationListContext as N, useNavigationListItem as a, useNavigationListContext as u };
-//# sourceMappingURL=useNavigationListItem-5f7cd66b.js.map
+exports.NavigationListContext = NavigationListContext;
+exports.useNavigationListContext = useNavigationListContext;
+exports.useNavigationListItem = useNavigationListItem;
+//# sourceMappingURL=useNavigationListItem-74009187.js.map

package/{es/useNavigationListItem-5f7cd66b.js.map → cjs/useNavigationListItem-74009187.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useNavigationListItem-5f7cd66b.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange' | 'onRemove'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  onCurrentKeyChange:\n    | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n    | undefined;\n  navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n  const { onSelectionChange, selection, currentKey, showFocusRing, navigationListItemPrefix } =\n    useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  const isSelected = selection === itemKey;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const {\n    classes: listItemClasses,\n    styles: { labelContainerClasses }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive'\n    }\n  );\n\n  //Item handlers\n  const handlePress = useCallback(() => {\n    onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n  }, [itemKey, onSelectionChange]);\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  return {\n    itemId: navigationListItemPrefix + itemKey,\n    itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n    itemClasses: classNames([listItemClasses]),\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle\n  };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;AAMG;AAqBH;;;AAGG;AAEH,MAAM,qBAAqB,GAAG,aAAa,CAA8C,IAAK;;AChC9F;;;;;;AAMG;AAKH;;;;AAIG;AACH,SAAS,wBAAwB,GAAA;AAC/B,IAAA,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAC;AAC3C;;ACDA,MAAM,2BAA2B,GAAG,mBAAmB,CAAgB;AACrE,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACzC,CAAA,CAAC,CAAC;AACH,MAAM,EAAE,KAAK,EAAE,6BAA6B,EAAE,GAAG,2BAA2B,EAAE,GAC5E,2BAA2B,CAAC;AAC1B,IAAA,SAAS,EAAE,QAAQ;AACpB,CAAA,CAAC,CAAC;AAEW,SAAA,qBAAqB,CAA4B,EAAE,OAAO,EAAkB,EAAA;AAC1F,IAAA,MAAM,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,wBAAwB,EAAE,GACzF,wBAAwB,EAAE,CAAC;;AAG7B,IAAA,MAAM,SAAS,GAAG,UAAU,KAAK,OAAO,CAAC;AAEzC,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,OAAO,CAAC;;AAGzC,IAAA,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAClF,mBAAmB,EAAE,CAAC;AAExB,IAAA,MAAM,EACJ,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,EAAE,qBAAqB,EAAE,EAClC,GAAG,iBAAiB,CACnB,8BAA8B,EAC9B;QACE,SAAS,EAAE,aAAa,GAAG,aAAa,GAAG,cAAc;QACzD,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa;QAChD,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,WAAW,EAAE,eAAe,GAAG,eAAe,GAAG,gBAAgB;QACjE,WAAW,EAAE,qBAAqB,GAAG,eAAe,GAAG,gBAAgB;QACvE,MAAM,EAAE,gBAAgB,GAAG,UAAU,GAAG,WAAW;AACpD,KAAA,CACF,CAAC;;AAGF,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,iBAAiB,GAAG,EAAE,KAAK,EAAE,OAAY,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAClE,KAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;;;IAIjC,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE7C,OAAO;QACL,MAAM,EAAE,wBAAwB,GAAG,OAAO;QAC1C,YAAY,EAAE,UAAU,CAAC,gBAAgB,EAAE,UAAU,mBAAmB;AACxE,QAAA,WAAW,EAAE,UAAU,CAAC,CAAC,eAAe,CAAC,CAAC;QAC1C,UAAU;QACV,qBAAqB,EAAE,UAAU,CAAC,CAAC,qBAAqB,EAAE,6BAA6B,CAAC,CAAC;AACzF,QAAA,mBAAmB,EAAE,2BAA2B;KACjD,CAAC;AACJ;;;;"}
+{"version":3,"file":"useNavigationListItem-74009187.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange' | 'onRemove'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  onCurrentKeyChange:\n    | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n    | undefined;\n  navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n  const { onSelectionChange, selection, currentKey, showFocusRing, navigationListItemPrefix } =\n    useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  const isSelected = selection === itemKey;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const {\n    classes: listItemClasses,\n    styles: { labelContainerClasses }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive'\n    }\n  );\n\n  //Item handlers\n  const handlePress = useCallback(() => {\n    onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n  }, [itemKey, onSelectionChange]);\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  return {\n    itemId: navigationListItemPrefix + itemKey,\n    itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n    itemClasses: classNames([listItemClasses]),\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle\n  };\n}\n"],"names":["createContext","useContext","mergeInterpolations","flexitemInterpolations","useInteractionStyle","useComponentTheme","NavigationListItemRedwoodTheme","useCallback","usePress","mergeProps","classNames"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;AAMG;AAqBH;;;AAGG;AAEH,MAAM,qBAAqB,GAAGA,oBAAa,CAA8C,IAAK;;AChC9F;;;;;;AAMG;AAKH;;;;AAIG;AACH,SAAS,wBAAwB,GAAA;AAC/B,IAAA,OAAOC,gBAAU,CAAC,qBAAqB,CAAC,CAAC;AAC3C;;ACDA,MAAM,2BAA2B,GAAGC,uCAAmB,CAAgB;AACrE,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,+BAAsB,CAAC;AACzC,CAAA,CAAC,CAAC;AACH,MAAM,EAAE,KAAK,EAAE,6BAA6B,EAAE,GAAG,2BAA2B,EAAE,GAC5E,2BAA2B,CAAC;AAC1B,IAAA,SAAS,EAAE,QAAQ;AACpB,CAAA,CAAC,CAAC;AAEW,SAAA,qBAAqB,CAA4B,EAAE,OAAO,EAAkB,EAAA;AAC1F,IAAA,MAAM,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,wBAAwB,EAAE,GACzF,wBAAwB,EAAE,CAAC;;AAG7B,IAAA,MAAM,SAAS,GAAG,UAAU,KAAK,OAAO,CAAC;AAEzC,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,OAAO,CAAC;;AAGzC,IAAA,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAClFC,uCAAmB,EAAE,CAAC;AAExB,IAAA,MAAM,EACJ,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,EAAE,qBAAqB,EAAE,EAClC,GAAGC,mCAAiB,CACnBC,iGAA8B,EAC9B;QACE,SAAS,EAAE,aAAa,GAAG,aAAa,GAAG,cAAc;QACzD,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa;QAChD,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,WAAW,EAAE,eAAe,GAAG,eAAe,GAAG,gBAAgB;QACjE,WAAW,EAAE,qBAAqB,GAAG,eAAe,GAAG,gBAAgB;QACvE,MAAM,EAAE,gBAAgB,GAAG,UAAU,GAAG,WAAW;AACpD,KAAA,CACF,CAAC;;AAGF,IAAA,MAAM,WAAW,GAAGC,iBAAW,CAAC,MAAK;AACnC,QAAA,iBAAiB,GAAG,EAAE,KAAK,EAAE,OAAY,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAClE,KAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;;;IAIjC,MAAM,EAAE,UAAU,EAAE,GAAGC,iBAAQ,CAAC,WAAW,CAAC,CAAC;IAE7C,OAAO;QACL,MAAM,EAAE,wBAAwB,GAAG,OAAO;QAC1C,YAAY,EAAEC,qBAAU,CAAC,gBAAgB,EAAE,UAAU,mBAAmB;AACxE,QAAA,WAAW,EAAEC,qBAAU,CAAC,CAAC,eAAe,CAAC,CAAC;QAC1C,UAAU;QACV,qBAAqB,EAAEA,qBAAU,CAAC,CAAC,qBAAqB,EAAE,6BAA6B,CAAC,CAAC;AACzF,QAAA,mBAAmB,EAAE,2BAA2B;KACjD,CAAC;AACJ;;;;;;"}

package/es/ActionCard-623c6191.js

@@ -11,7 +11,7 @@ import { c as colorInterpolations } from './colors-aab9ed12.js';
 import { a as ariaInterpolations } from './aria-efa0582c.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { baseStyle, hoverStyle, activeStyle } from './UNSAFE_ActionCard/themes/ActionCardStyles.css.js';
-import { u as useTestId } from './useTestId-f5aed66c.js';
+import { u as useTestId } from './useTestId-adde554c.js';
 
 const interpolations = [
     ...Object.values(dimensionInterpolations),

package/es/BarChart-c8f78f4b.js

@@ -1,11 +1,11 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
-import { u as useUser } from './useUser-fb09e212.js';
+import { u as useUser } from './useUser-99920e02.js';
 import { createElement } from 'preact';
 import { styles } from './PRIVATE_Chart/themes/ChartStyles.css.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { d as getMixedFreqGroupCenter, f as findNearestDataPoint } from './layoutUtils-c9c5367a.js';
-import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
+import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
 import { g as getItemAriaLabel, a as getNextItemInSeries, b as getPrevItemInSeries, c as getPrevItemInGroup, d as getNextItemInGroup, e as getItemColor, f as getMarkerType } from './dataStyleUtils-4aad0486.js';
 import { s as supportsMobileScreenReader } from './accUtils-dc32d20b.js';
 import { g as getContrastingTextColor } from './colorUtils-16eb823f.js';