@oracle/oraclejet-preact 20.1.3 → 20.1.5

package/es/Sheet-b5910642.js

@@ -2,13 +2,13 @@
 import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
 import { useRef, useCallback, useEffect, useMemo } from 'preact/hooks';
 import { M as Modal } from './Modal-c0f730b8.js';
-import { W as WindowOverlay } from './WindowOverlay-ee64634e.js';
+import { W as WindowOverlay } from './WindowOverlay-cd90d18c.js';
 import { f as focusWithin } from './tabbableUtils-c8311ec6.js';
 import { sheetStyles } from './UNSAFE_Sheet/themes/SheetStyles.css.js';
 import { m as mergeRefs } from './refUtils-76275c69.js';
 import { u as useAnimationStatus } from './useAnimationStatus-b881f39a.js';
 import { S as SLIDE_UP_XLARGE, D as DURATION_LARGE, a as SLIDE_DOWN_XLARGE } from './animationUtils-5f409a6c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 
 /**
  * @license

package/es/SortControl-efe2f5bf.js

@@ -1,11 +1,11 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { u as useTestId } from './useTestId-f24ac480.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import { sortControlStyles } from './UNSAFE_SortControl/themes/SortControl.css.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { I as IconButton } from './IconButton-bb390936.js';
-import { E as EmbeddedIconButton } from './EmbeddedIconButton-a1aadc89.js';
+import { E as EmbeddedIconButton } from './EmbeddedIconButton-8237a4ea.js';
 import { S as SvgUpParent } from './UpParent-c2b61b9c.js';
 import { S as SvgDownParent } from './DownParent-cd203d10.js';
 import { u as useSortableContext } from './useSortableContext-88a0fc5a.js';

package/es/StyledCard-77623731.js

@@ -8,7 +8,7 @@ import { a as ariaInterpolations } from './aria-efa0582c.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import { multiVariantStyles } from './PRIVATE_StyledCard/themes/StyledCardStyles.css.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 import { u as useCheckboxRadioContext } from './CheckboxRadioContext-fe425383.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 import { _ as _curry2 } from './_curry2-01c87f61.js';

package/es/{StyledLabelValueLayout-bb05f474.js → StyledLabelValueLayout-bddfb884.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-03129963.js';
+import { F as Flex } from './Flex-fc483125.js';
 import './LabelValueLayoutStyles.styles.css';
 
 var labelInnerStyles = {base:'LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55',start:'LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56',startNotPureReadonly:'LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57',startUnknownParent:'LabelValueLayoutStyles_labelInnerStyles_startUnknownParent__z3rxc58',startWithoutTopFormComponentWrapperUA:'LabelValueLayoutStyles_labelInnerStyles_startWithoutTopFormComponentWrapperUA__z3rxc59',insideFormComponentWrapper:'LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc5a',noWrap:'LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5b'};
@@ -15,4 +15,4 @@ const StyledLabelValueLayout = ({ flexAlign, labelStyleClasses, labelStyles, lab
 };
 
 export { StyledLabelValueLayout as S, labelInnerStyles as a, labelSlotStyles as l };
-//# sourceMappingURL=StyledLabelValueLayout-bb05f474.js.map
+//# sourceMappingURL=StyledLabelValueLayout-bddfb884.js.map

package/es/{StyledLabelValueLayout-bb05f474.js.map → StyledLabelValueLayout-bddfb884.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StyledLabelValueLayout-bb05f474.js","sources":["../../src/UNSAFE_LabelValueLayout/StyledLabelValueLayout.tsx"],"sourcesContent":["import { Flex } from '#UNSAFE_Flex';\nimport { ComponentChildren, JSX } from 'preact';\nimport { valueSlotStyles } from './LabelValueLayoutStyles.css';\n\ntype Props = {\n  flexAlign: 'stretch' | 'start';\n  labelStyleClasses?: string;\n  labelStyles?: JSX.CSSProperties;\n  labelInnerClasses?: string;\n  label: ComponentChildren;\n  valueStyles?: JSX.CSSProperties;\n  children?: ComponentChildren;\n};\n\n/**\n * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.\n */\nexport const StyledLabelValueLayout = ({\n  flexAlign,\n  labelStyleClasses,\n  labelStyles,\n  labelInnerClasses,\n  label,\n  valueStyles,\n  children\n}: Props) => {\n  return (\n    <Flex wrap=\"wrap\" align={flexAlign}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAcA;;AAEG;MACU,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACF,KAAI;AACV,IAAA,QACEA,IAAC,CAAA,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAA,CAChCC,aAAK,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC/CA,aAAK,KAAK,EAAE,iBAAiB,EAAG,QAAA,EAAA,KAAK,GAAO,EACxC,CAAA,EACNA,aAAK,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC5C,QAAQ,EACL,CAAA,CAAA,EAAA,CACD,EACP;AACJ;;;;"}
+{"version":3,"file":"StyledLabelValueLayout-bddfb884.js","sources":["../../src/UNSAFE_LabelValueLayout/StyledLabelValueLayout.tsx"],"sourcesContent":["import { Flex } from '#UNSAFE_Flex';\nimport { ComponentChildren, JSX } from 'preact';\nimport { valueSlotStyles } from './LabelValueLayoutStyles.css';\n\ntype Props = {\n  flexAlign: 'stretch' | 'start';\n  labelStyleClasses?: string;\n  labelStyles?: JSX.CSSProperties;\n  labelInnerClasses?: string;\n  label: ComponentChildren;\n  valueStyles?: JSX.CSSProperties;\n  children?: ComponentChildren;\n};\n\n/**\n * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.\n */\nexport const StyledLabelValueLayout = ({\n  flexAlign,\n  labelStyleClasses,\n  labelStyles,\n  labelInnerClasses,\n  label,\n  valueStyles,\n  children\n}: Props) => {\n  return (\n    <Flex wrap=\"wrap\" align={flexAlign}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAcA;;AAEG;MACU,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACF,KAAI;AACV,IAAA,QACEA,IAAC,CAAA,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAA,CAChCC,aAAK,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC/CA,aAAK,KAAK,EAAE,iBAAiB,EAAG,QAAA,EAAA,KAAK,GAAO,EACxC,CAAA,EACNA,aAAK,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC5C,QAAQ,EACL,CAAA,CAAA,EAAA,CACD,EACP;AACJ;;;;"}

package/es/StyledSwitch-aa3e03af.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { useState, useCallback } from 'preact/hooks';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 import { styles } from './PRIVATE_StyledSwitch/themes/StyledSwitchStyles.css.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-090ed4b5.js';
@@ -10,7 +10,7 @@ import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { StyledSwitchRedwoodTheme } from './PRIVATE_StyledSwitch/themes/redwood/StyledSwitchTheme.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';

package/es/StyledTextField-64f0929e.js

@@ -8,7 +8,7 @@ import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-090ed4b5.js';
 import { u as useTextFieldInputHandlers } from './useTextFieldInputHandlers-8122048f.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import { i as isEmbeddedVariant } from './formControlUtils-84e2af0e.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { t as textInterpolations } from './textAlign-ad252afa.js';
@@ -20,16 +20,16 @@ import { TextFieldInputRedwoodTheme } from './UNSAFE_TextField/themes/redwood/Te
 import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';
 import { L as LabelValueLayout } from './LabelValueLayout-e8167a67.js';
 import { SkeletonRedwoodTheme } from './UNSAFE_Skeleton/themes/redwood/SkeletonTheme.js';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 import { l as layoutSpanStyles } from './LayoutStyles.css-6b02421a.js';
 import { forwardRef } from 'preact/compat';
 import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
-import { F as Flex } from './Flex-03129963.js';
+import { F as Flex } from './Flex-fc483125.js';
 import './InputGroupContext-20bdbd6e.js';
 import { u as useInputGroupContext } from './useInputGroupContext-1d19411e.js';
-import { u as useTooltipControlled } from './useTooltipControlled-af42d1d6.js';
-import { u as useUser } from './useUser-06d34d19.js';
+import { u as useTooltipControlled } from './useTooltipControlled-207b0297.js';
+import { u as useUser } from './useUser-e543b73c.js';
 import { TextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
 import { ReadonlyTextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
 import { FormLayoutRedwoodTheme } from './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';

package/es/Submenu-d5927a83.js

@@ -8,7 +8,7 @@ import { styles } from './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import { useMemo as useMemo$1, useRef, useState, useEffect, useCallback, createPortal } from 'preact/compat';
 import { D as DirectionalExpandArrowIcon } from './DirectionalExpandArrowIcon-00f45fad.js';
 import { s as scaleVars } from './themeContract.css-1ffed3bf.js';
-import { u as useScale } from './useScale-434ad939.js';
+import { u as useScale } from './useScale-93490e54.js';
 import { D as DirectionalCollapseArrowIcon } from './DirectionalCollapseArrowIcon-d30c236f.js';
 
 /**

package/es/{TabBar-49b735e8.js → TabBar-8ea1a60c.js}

@@ -1,12 +1,12 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
+import { useRef, useMemo } from 'preact/hooks';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-cebac18d.js';
-import 'preact/hooks';
-import './LayerHost-7931b424.js';
+import { L as LiveRegion } from './LiveRegion-2e8830ae.js';
+import './LayerHost-3cf255a6.js';
 import { forwardRef } from 'preact/compat';
 import './UNSAFE_Text/themes/TextStyles.css.js';
-import './Flex-03129963.js';
+import './Flex-fc483125.js';
 import { T as TabBarContext, a as TabBarLayout } from './TabBarLayout-9b67d1b6.js';
 import './flexitem-7b7f7920.js';
 import './dimensions-e4fbc23d.js';
@@ -25,12 +25,12 @@ import 'preact';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import './IconStyle.styles.css';
 import './safeHref-fce77e0c.js';
-import './BaseButton-e8e5bfe4.js';
+import './BaseButton-feeaaf1c.js';
 import './ButtonLabelLayout-02656ee2.js';
-import './Floating-8a9436ac.js';
+import './Floating-0a11107a.js';
 import './LayerStyles.styles.css';
 import './keyboardUtils-986fe923.js';
 import './tabbableUtils-c8311ec6.js';
@@ -38,15 +38,19 @@ import './CollectionInteractionContext-7cf19abc.js';
 import './dropdownStyles.styles.css';
 import './Sheet-b5910642.js';
 import './OverflowTabBarItemStyles.styles.css';
+import './StyledCheckbox-8ca4a652.js';
+import './SelectorStyles.styles.css';
 import { styles } from './UNSAFE_TabBar/themes/TabBarStyles.css.js';
-import { u as useTabBar } from './useTabBar-c50957fa.js';
+import { u as useTabBar } from './useTabBar-6dca14a7.js';
 import { T as TabBarContextMenu } from './TabBarContextMenu-d9a31d89.js';
+import { m as mergeRefs } from './refUtils-76275c69.js';
 
 /**
  * A tab bar allows navigation between different content sections.
  */
 const TabBar = forwardRef(({ children, layout = 'stretch', display = 'standard', size = 'md', edge = 'top', selection, onSelect, onRemove, 'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, contextMenuConfig }, ref) => {
-    const rootRef = ref;
+    const rootRef = useRef(null);
+    const mergedRootRef = useMemo(() => mergeRefs(rootRef, ref), [ref]);
     const { rootProps, tabBarContext, menuProps, contextMenuContext, contextMenuDescription, contextMenuDescriptionId, accStatusInfo } = useTabBar({
         class: styles.tabBarBase,
         edge: edge,
@@ -59,7 +63,7 @@ const TabBar = forwardRef(({ children, layout = 'stretch', display = 'standard',
         contextMenuConfig
     });
     const isContextMenuAvailable = contextMenuConfig != null;
-    return (jsxs(Fragment, { children: [jsx(TabBarContext.Provider, { value: tabBarContext, children: jsx("div", { ...rootProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-haspopup": contextMenuConfig != null ? true : false, "aria-describedby": isContextMenuAvailable && contextMenuDescriptionId
+    return (jsxs(Fragment, { children: [jsx(TabBarContext.Provider, { value: tabBarContext, children: jsx("div", { ...rootProps, ref: mergedRootRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-haspopup": contextMenuConfig != null ? true : false, "aria-describedby": isContextMenuAvailable && contextMenuDescriptionId
                         ? ariaDescribedBy
                             ? `${ariaDescribedBy} ${contextMenuDescriptionId}`
                             : contextMenuDescriptionId
@@ -67,4 +71,4 @@ const TabBar = forwardRef(({ children, layout = 'stretch', display = 'standard',
 });
 
 export { TabBar as T };
-//# sourceMappingURL=TabBar-49b735e8.js.map
+//# sourceMappingURL=TabBar-8ea1a60c.js.map

package/es/TabBar-8ea1a60c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar-8ea1a60c.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref } from 'preact';\nimport { useMemo, useRef } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const mergedRootRef = useMemo(() => mergeRefs(rootRef, ref), [ref]);\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            ref={mergedRootRef}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              isContextMenuAvailable && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHA;;AAEG;MACU,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;AACF,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAEpE,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAG,SAAS,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEA,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,YAC1CA,GACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,EACb,GAAG,EAAE,aAAa,EAAA,YAAA,EACN,SAAS,EAAA,iBAAA,EACJ,cAAc,EAChB,eAAA,EAAA,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,GAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDA,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,GAAA,CAAC,gBAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIA,GAAC,CAAA,UAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBA,GAAC,CAAA,iBAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}

package/es/TabBarContextMenu-d9a31d89.js

@@ -4,12 +4,12 @@ import { M as Menu, a as MenuItem } from './SelectMenuGroupContext-6ee1b1e1.js';
 import 'preact/hooks';
 import 'preact';
 import './logger-35b2acf7.js';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import './IconStyle.styles.css';
 import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import { S as Separator } from './Separator-93c70737.js';

package/es/TabBarLayout-9b67d1b6.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-03129963.js';
+import { F as Flex } from './Flex-fc483125.js';
 import { createContext } from 'preact';
 import { useContext } from 'preact/hooks';
 

package/es/{Table-5bc4bdb7.js → Table-1195e284.js}

@@ -8,17 +8,18 @@ import { u as useCollectionInteractionContext } from './useCollectionInteraction
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
-import { u as useTestId } from './useTestId-f24ac480.js';
-import { u as useUser } from './useUser-06d34d19.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
+import { u as useUser } from './useUser-e543b73c.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { F as FocusTracker } from './FocusTracker-70300f1c.js';
 import { g as getCellType, a as getRowKey, u as useDataManager } from './ScrollUtils-8a50c01e.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useContextMenuGesture } from './useContextMenuGesture-e09f4c69.js';
 import { i as isAutoFocusCell, g as getElementFromCell, a as applyScrollDetail, r as resetVerticalScrollPosition, b as getBoundaryColumnKey, T as TABLE_FOCUSABLE_SELECTOR, l as logicalCellExtractor, c as getColumnKey, h as hasFooterCells, d as getLastRenderedRowKey, e as TABLE_ROW_SELECTOR, f as hasLoadMoreCell, j as getFirstRenderedRowKey, k as hasNoDataCell, m as getVerticalScrollPosition, n as getRowIndexForRowKey, o as getScrollerBottom, p as getRowKeyForRowIndex, q as getColumnIndexForHeaderFooterElement, s as getRowIndexForRowElement, t as getHeaderRowElement, u as TABLE_HEADER_SELECTOR, v as useScrollHandling, w as getHorizontalScrollPosition, x as getTableBodyElement, y as getNoDataCellElement, z as getDataCellClassArray, A as getFormTextAlign, B as TableSkeletonRow, C as getHeaderFooterCellClassArray, D as useSizingManager, E as TableColGroup } from './TableColGroup-7c7b852c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
-import { D as Dialog } from './Dialog-5f3bd525.js';
-import { F as Flex } from './Flex-03129963.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
+import { B as Button } from './Button-4efeb375.js';
+import { D as Dialog } from './Dialog-edc4e066.js';
+import { F as Flex } from './Flex-fc483125.js';
 import { M as Menu, a as MenuItem } from './SelectMenuGroupContext-6ee1b1e1.js';
 import { S as Submenu, a as SelectSingleMenuGroup, b as SelectMenuItem } from './Submenu-d5927a83.js';
 import './logger-35b2acf7.js';
@@ -27,11 +28,10 @@ import './MenuSeparatorStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
 import { N as NumberInputText } from './NumberInputText-a3f34683.js';
-import { B as Button } from './Button-1a5604c2.js';
-import { u as useColorScheme } from './useColorScheme-c4f6caab.js';
-import { u as useScale } from './useScale-434ad939.js';
-import { T as TooltipContent } from './useTooltipControlled-af42d1d6.js';
-import { S as SHOW_TOOLTIP_DELAY, g as getWrappedTooltipContent, H as HIDE_TOOLTIP_DELAY, a as getGlobalTooltipManager } from './tooltipUtils-7825620d.js';
+import { u as useColorScheme } from './useColorScheme-67245285.js';
+import { u as useScale } from './useScale-93490e54.js';
+import { T as TooltipContent } from './useTooltipControlled-207b0297.js';
+import { S as SHOW_TOOLTIP_DELAY, g as getWrappedTooltipContent, H as HIDE_TOOLTIP_DELAY, a as getGlobalTooltipManager } from './tooltipUtils-1e5f592e.js';
 import { g as getElementContainsFunc, o as handleEnterActionableMode, p as handleWrapActionableFocus, f as findElementByKey, k as keyExtractor } from './collectionUtils-609f73d6.js';
 import { a as allTabbableElements, g as getActiveElement, c as getBodyElement, i as isTabbableElement } from './tabbableUtils-c8311ec6.js';
 import { g as getRowActionGestureContext, i as isLogicalCtrl, h as handleRowActionGesture } from './EventUtils-4a891c64.js';
@@ -49,7 +49,7 @@ import { S as Selector } from './Selector-b7fa8b54.js';
 import { F as FormContext } from './FormContext-55fb8000.js';
 import { preventBrowserTooltipStyle, justifyContentStyles } from './PRIVATE_TableCommon/themes/Common.css.js';
 import { S as SortableContext } from './useSortableContext-88a0fc5a.js';
-import { S as SelectorAll } from './SelectorAll-de333d4d.js';
+import { S as SelectorAll } from './SelectorAll-59d30e4f.js';
 import { S as SortControl } from './SortControl-efe2f5bf.js';
 import { tableHeaderCellStyles } from './PRIVATE_Table/themes/TableHeaderCellStyles.css.js';
 
@@ -4109,4 +4109,4 @@ const Table = forwardRef(function Table({ 'aria-label': ariaLabel, 'aria-labelle
 });
 
 export { Table as T };
-//# sourceMappingURL=Table-5bc4bdb7.js.map
+//# sourceMappingURL=Table-1195e284.js.map