@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/amd/ProgressCircleVariants.styles2.css

@@ -1,16 +1,16 @@
-.ProgressCircleVariants_multiVariantStyles_size_sm__8ngr9h0 {
+.ProgressCircleVariants_multiVariantStyles_size_sm__18za6ef0 {
   --size__lborgv0: var(--sizes-sm-size__lborgv2);
   --trackWidth__lborgv1: var(--sizes-sm-trackWidth__lborgv3);
 }
-.ProgressCircleVariants_multiVariantStyles_size_md__8ngr9h1 {
+.ProgressCircleVariants_multiVariantStyles_size_md__18za6ef1 {
   --size__lborgv0: var(--sizes-md-size__lborgv4);
   --trackWidth__lborgv1: var(--sizes-md-trackWidth__lborgv5);
 }
-.ProgressCircleVariants_multiVariantStyles_size_lg__8ngr9h2 {
+.ProgressCircleVariants_multiVariantStyles_size_lg__18za6ef2 {
   --size__lborgv0: var(--sizes-lg-size__lborgv6);
   --trackWidth__lborgv1: var(--sizes-lg-trackWidth__lborgv7);
 }
-.ProgressCircleVariants_multiVariantStyles_type_indeterminate__8ngr9h3 {
+.ProgressCircleVariants_multiVariantStyles_type_indeterminate__18za6ef3 {
   animation-name: ProgressCircleStyles_circleRotation__o65man0;
   animation-duration: 1s;
   animation-timing-function: linear;

package/amd/RadioIconVariants.styles.css

@@ -1,11 +1,11 @@
-.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__vfef778 {
+.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__ykyxsd8 {
   --iconSize__bwcdcl0: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
-.RadioIconVariants_multiVariantStyles_richSelection_isLayoutXL__vfef779 {
+.RadioIconVariants_multiVariantStyles_richSelection_isLayoutXL__ykyxsd9 {
   height: calc(4 * var(--oj-c-size-units, 0.25rem));
   width: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
-.RadioIconVariants_multiVariantStyles_richSelection_notLayoutXL__vfef77a {
+.RadioIconVariants_multiVariantStyles_richSelection_notLayoutXL__ykyxsda {
   height: calc(5 * var(--oj-c-size-units, 0.25rem));
   width: calc(4 * var(--oj-c-size-units, 0.25rem));
 }

package/amd/RadioIconVariants.styles2.css

@@ -1,11 +1,11 @@
-.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__ykyxsd8 {
+.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__vfef778 {
   --iconSize__bwcdcl0: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
-.RadioIconVariants_multiVariantStyles_richSelection_isLayoutXL__ykyxsd9 {
+.RadioIconVariants_multiVariantStyles_richSelection_isLayoutXL__vfef779 {
   height: calc(4 * var(--oj-c-size-units, 0.25rem));
   width: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
-.RadioIconVariants_multiVariantStyles_richSelection_notLayoutXL__ykyxsda {
+.RadioIconVariants_multiVariantStyles_richSelection_notLayoutXL__vfef77a {
   height: calc(5 * var(--oj-c-size-units, 0.25rem));
   width: calc(4 * var(--oj-c-size-units, 0.25rem));
 }

package/amd/{ReorderableTabBar-35cce8ac.js → ReorderableTabBar-7fb56c0b.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-704bfd64', './TabBar-dc8cadc2', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-38d39242', './useUser-0f3c6512', './LayerHost-e32470d1', './useReorderableItem-96743665', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-d3fe2795', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', './StyledCheckbox-99c1fb3c', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-46886c0a', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,s,a,o,l,i,d,n,c,y,m,b,u,f,R,g,x,v,p,I,h){"use strict";const S='[role="tab"]';function j({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:i,isFirstItem:m,isLastItem:u}){const x=a.useRef(null),v=a.useCallback((()=>x?.current?.querySelector(S)),[]),p=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(v())+"")}),[v]),{direction:I}=y.useUser(),h="rtl"===I,j=d.mergeInterpolations([...Object.values(n.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"}),{rootProps:D,isDragged:C,overlayZoneBeforeProps:F,overlayZoneAfterProps:K}=b.useReorderableItem({isDisabled:!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:i,ref:x,getItem:v,setTransferData:p,itemStyles:{itemOverlayFront:f.styles.itemOverlayFront,itemOverlayRear:f.styles.itemOverlayRear,itemDragger:f.styles.itemDragger},itemSelector:S}),O=g.classNames([F?.class,!h&&m&&f.styles.itemOverlayFrontFirst,h&&u&&f.styles.itemOverlayFrontFirst]),k=g.classNames([K?.class,!h&&u&&f.styles.itemOverlayRearLast,h&&m&&f.styles.itemOverlayRearLast]);return r.jsxs("div",{...D,draggable:!!o,"data-oj-draggable":o?"":void 0,style:j,children:[e,!C&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...F,class:O}),r.jsx("div",{...K,class:k})]})]})}const D=s.forwardRef((({"aria-label":e,"aria-labelledby":s,children:d,layout:n="stretch",display:c="standard",size:y="md",edge:m="top",selection:f,onSelect:R,onRemove:g,onReorder:x,contextMenuConfig:v,testId:p},I)=>{const h=a.useRef(null),[D,C]=a.useState(void 0),F=t.toChildArray(d),K="stacked"===c?{display:c}:{display:c,size:y},{reorderProps:O,reorderContext:k,reorderInstructionsId:L,reorderStatus:T,reorderInstructions:A}=b.useReorderable({onReorder:x,rootRef:h,itemSelector:S}),B={currentItemKey:k.currentItemKey,onReorder:x};return r.jsxs("div",{ref:h,...O,children:[r.jsx(u.ReorderableContext.Provider,{value:B,children:r.jsx(i.TabBar,{ref:I,"aria-label":e,"aria-labelledby":s,layout:n,edge:m,selection:f,onSelect:R,onRemove:g,testId:p,...K,"aria-describedby":L,contextMenuConfig:v,children:F.map(((e,t)=>r.jsx(j,{dragKey:D,setDragKey:C,onReorder:x,layout:n,rootRef:h,isFirstItem:0===t,isLastItem:t===F.length-1,children:e})))})}),r.jsx("span",{id:L,children:r.jsx(o.HiddenAccessible,{children:A})}),r.jsx(l.LiveRegion,{children:T})]})}));e.ReorderableTabBar=D}));
-//# sourceMappingURL=ReorderableTabBar-35cce8ac.js.map
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-704bfd64', './TabBar-34e0073f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-38d39242', './useUser-0f3c6512', './LayerHost-e32470d1', './useReorderableItem-96743665', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-d3fe2795', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', './StyledCheckbox-99c1fb3c', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-46886c0a', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,s,a,o,l,i,d,n,c,y,m,b,u,f,R,g,x,v,p,I,h){"use strict";const S='[role="tab"]';function j({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:i,isFirstItem:m,isLastItem:u}){const x=a.useRef(null),v=a.useCallback((()=>x?.current?.querySelector(S)),[]),p=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(v())+"")}),[v]),{direction:I}=y.useUser(),h="rtl"===I,j=d.mergeInterpolations([...Object.values(n.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"}),{rootProps:D,isDragged:C,overlayZoneBeforeProps:F,overlayZoneAfterProps:K}=b.useReorderableItem({isDisabled:!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:i,ref:x,getItem:v,setTransferData:p,itemStyles:{itemOverlayFront:f.styles.itemOverlayFront,itemOverlayRear:f.styles.itemOverlayRear,itemDragger:f.styles.itemDragger},itemSelector:S}),O=g.classNames([F?.class,!h&&m&&f.styles.itemOverlayFrontFirst,h&&u&&f.styles.itemOverlayFrontFirst]),k=g.classNames([K?.class,!h&&u&&f.styles.itemOverlayRearLast,h&&m&&f.styles.itemOverlayRearLast]);return r.jsxs("div",{...D,draggable:!!o,"data-oj-draggable":o?"":void 0,style:j,children:[e,!C&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...F,class:O}),r.jsx("div",{...K,class:k})]})]})}const D=s.forwardRef((({"aria-label":e,"aria-labelledby":s,children:d,layout:n="stretch",display:c="standard",size:y="md",edge:m="top",selection:f,onSelect:R,onRemove:g,onReorder:x,contextMenuConfig:v,testId:p},I)=>{const h=a.useRef(null),[D,C]=a.useState(void 0),F=t.toChildArray(d),K="stacked"===c?{display:c}:{display:c,size:y},{reorderProps:O,reorderContext:k,reorderInstructionsId:L,reorderStatus:T,reorderInstructions:A}=b.useReorderable({onReorder:x,rootRef:h,itemSelector:S}),B={currentItemKey:k.currentItemKey,onReorder:x};return r.jsxs("div",{ref:h,...O,children:[r.jsx(u.ReorderableContext.Provider,{value:B,children:r.jsx(i.TabBar,{ref:I,"aria-label":e,"aria-labelledby":s,layout:n,edge:m,selection:f,onSelect:R,onRemove:g,testId:p,...K,"aria-describedby":L,contextMenuConfig:v,children:F.map(((e,t)=>r.jsx(j,{dragKey:D,setDragKey:C,onReorder:x,layout:n,rootRef:h,isFirstItem:0===t,isLastItem:t===F.length-1,children:e})))})}),r.jsx("span",{id:L,children:r.jsx(o.HiddenAccessible,{children:A})}),r.jsx(l.LiveRegion,{children:T})]})}));e.ReorderableTabBar=D}));
+//# sourceMappingURL=ReorderableTabBar-7fb56c0b.js.map

package/amd/{ReorderableTabBar-35cce8ac.js.map → ReorderableTabBar-7fb56c0b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ReorderableTabBar-35cce8ac.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  layout,\n  rootRef,\n  isFirstItem,\n  isLastItem\n}: ReorderableTabBarItem<K>) {\n  const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n  const getItem = useCallback(\n    () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n    },\n    [getItem]\n  );\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  // Flex dimensions\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: {\n        itemOverlayFront: styles.itemOverlayFront,\n        itemOverlayRear: styles.itemOverlayRear,\n        itemDragger: styles.itemDragger\n      },\n      itemSelector: ITEM_SELECTOR\n    });\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isFirstItem && styles.itemOverlayFrontFirst,\n    isRtl && isLastItem && styles.itemOverlayFrontFirst\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isLastItem && styles.itemOverlayRearLast,\n    isRtl && isFirstItem && styles.itemOverlayRearLast\n  ]);\n\n  return (\n    <div\n      {...rootProps}\n      draggable={onReorder ? true : false}\n      data-oj-draggable={onReorder ? '' : undefined}\n      style={flexDimensions}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n  <K extends string | number>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      onReorder,\n      contextMenuConfig,\n      testId\n    }: ReorderableTabBarProps<K>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n    const childrenArray = toChildArray(children);\n\n    const displayStackProps = {\n      display: display\n    };\n    const displayNonStackProps = {\n      display: display,\n      size: size\n    };\n    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n    const {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderStatus,\n      reorderInstructions\n    } = useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR\n    });\n\n    const tabBarReorderContext = {\n      currentItemKey: reorderContext.currentItemKey,\n      onReorder: onReorder as TabBarReorderContextProps['onReorder']\n    };\n\n    return (\n      <div ref={rootRef} {...reorderProps}>\n        <ReorderableContext.Provider value={tabBarReorderContext}>\n          <TabBar\n            ref={ref}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            layout={layout}\n            edge={edge}\n            selection={selection}\n            onSelect={onSelect}\n            onRemove={onRemove}\n            testId={testId}\n            {...displayProps}\n            aria-describedby={reorderInstructionsId}\n            contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n            {childrenArray.map((child, idx) => {\n              return (\n                <ReorderableTabBarItem\n                  dragKey={dragKey}\n                  setDragKey={setDragKey}\n                  onReorder={onReorder}\n                  layout={layout}\n                  rootRef={rootRef}\n                  isFirstItem={idx === 0}\n                  isLastItem={idx === childrenArray.length - 1}>\n                  {child}\n                </ReorderableTabBarItem>\n              );\n            })}\n          </TabBar>\n        </ReorderableContext.Provider>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n        <LiveRegion>{reorderStatus}</LiveRegion>\n      </div>\n    );\n  }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","isFirstItem","isLastItem","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","direction","useUser","isRtl","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","itemOverlayFront","styles","itemOverlayRear","itemDragger","itemSelector","overlayZoneBeforeClass","classNames","class","itemOverlayFrontFirst","overlayZoneAfterClass","itemOverlayRearLast","_jsxs","jsxs","draggable","undefined","style","isKeyDefined","_Fragment","_jsx","jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","contextMenuConfig","testId","useState","childrenArray","toChildArray","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","tabBarReorderContext","currentItemKey","ReorderableContext","Provider","value","TabBar","map","child","idx","length","id","HiddenAccessible","LiveRegion"],"mappings":"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"}
+{"version":3,"file":"ReorderableTabBar-7fb56c0b.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  layout,\n  rootRef,\n  isFirstItem,\n  isLastItem\n}: ReorderableTabBarItem<K>) {\n  const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n  const getItem = useCallback(\n    () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n    },\n    [getItem]\n  );\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  // Flex dimensions\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: {\n        itemOverlayFront: styles.itemOverlayFront,\n        itemOverlayRear: styles.itemOverlayRear,\n        itemDragger: styles.itemDragger\n      },\n      itemSelector: ITEM_SELECTOR\n    });\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isFirstItem && styles.itemOverlayFrontFirst,\n    isRtl && isLastItem && styles.itemOverlayFrontFirst\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isLastItem && styles.itemOverlayRearLast,\n    isRtl && isFirstItem && styles.itemOverlayRearLast\n  ]);\n\n  return (\n    <div\n      {...rootProps}\n      draggable={onReorder ? true : false}\n      data-oj-draggable={onReorder ? '' : undefined}\n      style={flexDimensions}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n  <K extends string | number>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      onReorder,\n      contextMenuConfig,\n      testId\n    }: ReorderableTabBarProps<K>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n    const childrenArray = toChildArray(children);\n\n    const displayStackProps = {\n      display: display\n    };\n    const displayNonStackProps = {\n      display: display,\n      size: size\n    };\n    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n    const {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderStatus,\n      reorderInstructions\n    } = useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR\n    });\n\n    const tabBarReorderContext = {\n      currentItemKey: reorderContext.currentItemKey,\n      onReorder: onReorder as TabBarReorderContextProps['onReorder']\n    };\n\n    return (\n      <div ref={rootRef} {...reorderProps}>\n        <ReorderableContext.Provider value={tabBarReorderContext}>\n          <TabBar\n            ref={ref}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            layout={layout}\n            edge={edge}\n            selection={selection}\n            onSelect={onSelect}\n            onRemove={onRemove}\n            testId={testId}\n            {...displayProps}\n            aria-describedby={reorderInstructionsId}\n            contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n            {childrenArray.map((child, idx) => {\n              return (\n                <ReorderableTabBarItem\n                  dragKey={dragKey}\n                  setDragKey={setDragKey}\n                  onReorder={onReorder}\n                  layout={layout}\n                  rootRef={rootRef}\n                  isFirstItem={idx === 0}\n                  isLastItem={idx === childrenArray.length - 1}>\n                  {child}\n                </ReorderableTabBarItem>\n              );\n            })}\n          </TabBar>\n        </ReorderableContext.Provider>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n        <LiveRegion>{reorderStatus}</LiveRegion>\n      </div>\n    );\n  }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","isFirstItem","isLastItem","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","direction","useUser","isRtl","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","itemOverlayFront","styles","itemOverlayRear","itemDragger","itemSelector","overlayZoneBeforeClass","classNames","class","itemOverlayFrontFirst","overlayZoneAfterClass","itemOverlayRearLast","_jsxs","jsxs","draggable","undefined","style","isKeyDefined","_Fragment","_jsx","jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","contextMenuConfig","testId","useState","childrenArray","toChildArray","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","tabBarReorderContext","currentItemKey","ReorderableContext","Provider","value","TabBar","map","child","idx","length","id","HiddenAccessible","LiveRegion"],"mappings":"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"}

package/amd/SortControl-eb114fee.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useSortableContext-e9cb03f3', './useTestId-b1b9a382', './useTranslationBundle-1be27606', './classNames-08d99695', './IconButton-787cfcba', './EmbeddedIconButton-2630c4ed', './UpParent-c9748261', './DownParent-3299f6d8', './UpDownParent-28fea673', './UNSAFE_SortControl/themes/SortControl.css'], (function(e,t,n,o,s,r,l,a,c,i,d,b){"use strict";e.SortControl=({testId:e})=>{const u=s.useTranslationBundle("@oracle/oraclejet-preact"),S=o.useTestId(e),{currentSortDirection:x,isRendered:D,isTabbable:g,onSort:p,sortable:h,sortDirection:j}=n.useSortableContext(),C=[b.sortControlStyles.base];D?C.push(b.sortControlStyles.visible):C.push(b.sortControlStyles.hidden);const I=r.classNames(C);let _;return _="ascending"===x?t.jsx(c.SvgUpParent,{}):"descending"===x?t.jsx(i.SvgDownParent,{}):t.jsx(d.SvgUpDownParent,{}),t.jsx("div",{...S,class:I,children:g?t.jsx(l.IconButton,{"aria-label":"disabled"===h?u.collection_sortDisabled():"ascending"===j?u.collection_sortAscending():"descending"===j?u.collection_sortDescending():u.collection_sortUnsort(),isDisabled:"enabled"!==h,onAction:p,size:"xs",variant:"ghost",children:_}):t.jsx(a.EmbeddedIconButton,{"aria-label":"enabled"===h?u.collection_sortEnabled():u.collection_sortDisabled(),isDisabled:"enabled"!==h,onAction:p,children:_})})}}));
+//# sourceMappingURL=SortControl-eb114fee.js.map

package/amd/{SortControl-115bc431.js.map → SortControl-eb114fee.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SortControl-115bc431.js","sources":["../../src/UNSAFE_SortControl/SortControl.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { BundleType } from '#resources/nls/bundle';\n\nimport { useSortableContext } from '#hooks/UNSAFE_useSortableContext';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { EmbeddedIconButton } from '#PRIVATE_EmbeddedIconButton';\nimport { SortAscendingIcon } from '#PRIVATE_ThemedIcons/SortAscendingIcon';\nimport { SortDescendingIcon } from '#PRIVATE_ThemedIcons/SortDescendingIcon';\nimport { UnsortedIcon } from '#PRIVATE_ThemedIcons/UnsortedIcon';\nimport { sortControlStyles } from './themes/SortControl.css';\n\n/**\n * Props for the SortControl Component\n */\nexport type Props = TestIdProps;\n\n/**\n * Component that renders an interactive sort control.\n */\nexport const SortControl = ({ testId }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const testIdProps = useTestId(testId);\n\n  const { currentSortDirection, isRendered, isTabbable, onSort, sortable, sortDirection } =\n    useSortableContext();\n\n  const iconClassArray = [sortControlStyles.base];\n  if (isRendered) {\n    iconClassArray.push(sortControlStyles.visible);\n  } else {\n    iconClassArray.push(sortControlStyles.hidden);\n  }\n  const iconClasses = classNames(iconClassArray);\n\n  let sortIcon;\n  if (currentSortDirection === 'ascending') {\n    sortIcon = <SortAscendingIcon />;\n  } else if (currentSortDirection === 'descending') {\n    sortIcon = <SortDescendingIcon />;\n  } else {\n    sortIcon = <UnsortedIcon />;\n  }\n\n  return (\n    <div {...testIdProps} class={iconClasses}>\n      {isTabbable ? (\n        <IconButton\n          aria-label={\n            sortable === 'disabled'\n              ? translations.collection_sortDisabled()\n              : sortDirection === 'ascending'\n              ? translations.collection_sortAscending()\n              : sortDirection === 'descending'\n              ? translations.collection_sortDescending()\n              : translations.collection_sortUnsort()\n          }\n          isDisabled={sortable !== 'enabled'}\n          onAction={onSort}\n          size=\"xs\"\n          variant=\"ghost\">\n          {sortIcon}\n        </IconButton>\n      ) : (\n        <EmbeddedIconButton\n          aria-label={\n            sortable === 'enabled'\n              ? translations.collection_sortEnabled()\n              : translations.collection_sortDisabled()\n          }\n          isDisabled={sortable !== 'enabled'}\n          onAction={onSort}>\n          {sortIcon}\n        </EmbeddedIconButton>\n      )}\n    </div>\n  );\n};\n"],"names":["testId","translations","useTranslationBundle","testIdProps","useTestId","currentSortDirection","isRendered","isTabbable","onSort","sortable","sortDirection","useSortableContext","iconClassArray","sortControlStyles","base","push","visible","hidden","iconClasses","classNames","sortIcon","_jsx","jsx","SortAscendingIcon","SortDescendingIcon","UnsortedIcon","class","children","IconButton","collection_sortDisabled","collection_sortAscending","collection_sortDescending","collection_sortUnsort","isDisabled","onAction","size","variant","EmbeddedIconButton","collection_sortEnabled"],"mappings":"qYA6B2B,EAAGA,aAC5B,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAcC,YAAUJ,IAExBK,qBAAEA,EAAoBC,WAAEA,EAAUC,WAAEA,EAAUC,OAAEA,EAAMC,SAAEA,EAAQC,cAAEA,GACtEC,EAAAA,qBAEIC,EAAiB,CAACC,oBAAkBC,MACtCR,EACFM,EAAeG,KAAKF,oBAAkBG,SAEtCJ,EAAeG,KAAKF,oBAAkBI,QAExC,MAAMC,EAAcC,aAAWP,GAE/B,IAAIQ,EASJ,OAPEA,EAD2B,cAAzBf,EACSgB,EAAAC,IAACC,cAAiB,CAAA,GACK,eAAzBlB,EACEgB,EAAAC,IAACE,gBAAkB,CAAA,GAEnBH,EAAAC,IAACG,kBAAY,CAAA,GAIxBJ,EAASC,IAAA,MAAA,IAAAnB,EAAauB,MAAOR,EAC1BS,SAAApB,EACCc,EAAAA,IAACO,EAAAA,WAEG,CAAA,aAAa,aAAbnB,EACIR,EAAa4B,0BACK,cAAlBnB,EACAT,EAAa6B,2BACK,eAAlBpB,EACAT,EAAa8B,4BACb9B,EAAa+B,wBAEnBC,WAAyB,YAAbxB,EACZyB,SAAU1B,EACV2B,KAAK,KACLC,QAAQ,QACPT,SAAAP,IAGHC,EAACC,IAAAe,qBAEG,CAAA,aAAa,YAAb5B,EACIR,EAAaqC,yBACbrC,EAAa4B,0BAEnBI,WAAyB,YAAbxB,EACZyB,SAAU1B,EAAMmB,SACfP,KAIP"}
+{"version":3,"file":"SortControl-eb114fee.js","sources":["../../src/UNSAFE_SortControl/SortControl.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { BundleType } from '#resources/nls/bundle';\n\nimport { useSortableContext } from '#hooks/UNSAFE_useSortableContext';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { EmbeddedIconButton } from '#PRIVATE_EmbeddedIconButton';\nimport { SortAscendingIcon } from '#PRIVATE_ThemedIcons/SortAscendingIcon';\nimport { SortDescendingIcon } from '#PRIVATE_ThemedIcons/SortDescendingIcon';\nimport { UnsortedIcon } from '#PRIVATE_ThemedIcons/UnsortedIcon';\nimport { sortControlStyles } from './themes/SortControl.css';\n\n/**\n * Props for the SortControl Component\n */\nexport type Props = TestIdProps;\n\n/**\n * Component that renders an interactive sort control.\n */\nexport const SortControl = ({ testId }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const testIdProps = useTestId(testId);\n\n  const { currentSortDirection, isRendered, isTabbable, onSort, sortable, sortDirection } =\n    useSortableContext();\n\n  const iconClassArray = [sortControlStyles.base];\n  if (isRendered) {\n    iconClassArray.push(sortControlStyles.visible);\n  } else {\n    iconClassArray.push(sortControlStyles.hidden);\n  }\n  const iconClasses = classNames(iconClassArray);\n\n  let sortIcon;\n  if (currentSortDirection === 'ascending') {\n    sortIcon = <SortAscendingIcon />;\n  } else if (currentSortDirection === 'descending') {\n    sortIcon = <SortDescendingIcon />;\n  } else {\n    sortIcon = <UnsortedIcon />;\n  }\n\n  return (\n    <div {...testIdProps} class={iconClasses}>\n      {isTabbable ? (\n        <IconButton\n          aria-label={\n            sortable === 'disabled'\n              ? translations.collection_sortDisabled()\n              : sortDirection === 'ascending'\n              ? translations.collection_sortAscending()\n              : sortDirection === 'descending'\n              ? translations.collection_sortDescending()\n              : translations.collection_sortUnsort()\n          }\n          isDisabled={sortable !== 'enabled'}\n          onAction={onSort}\n          size=\"xs\"\n          variant=\"ghost\">\n          {sortIcon}\n        </IconButton>\n      ) : (\n        <EmbeddedIconButton\n          aria-label={\n            sortable === 'enabled'\n              ? translations.collection_sortEnabled()\n              : translations.collection_sortDisabled()\n          }\n          isDisabled={sortable !== 'enabled'}\n          onAction={onSort}>\n          {sortIcon}\n        </EmbeddedIconButton>\n      )}\n    </div>\n  );\n};\n"],"names":["testId","translations","useTranslationBundle","testIdProps","useTestId","currentSortDirection","isRendered","isTabbable","onSort","sortable","sortDirection","useSortableContext","iconClassArray","sortControlStyles","base","push","visible","hidden","iconClasses","classNames","sortIcon","_jsx","jsx","SortAscendingIcon","SortDescendingIcon","UnsortedIcon","class","children","IconButton","collection_sortDisabled","collection_sortAscending","collection_sortDescending","collection_sortUnsort","isDisabled","onAction","size","variant","EmbeddedIconButton","collection_sortEnabled"],"mappings":"qYA6B2B,EAAGA,aAC5B,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAcC,YAAUJ,IAExBK,qBAAEA,EAAoBC,WAAEA,EAAUC,WAAEA,EAAUC,OAAEA,EAAMC,SAAEA,EAAQC,cAAEA,GACtEC,EAAAA,qBAEIC,EAAiB,CAACC,oBAAkBC,MACtCR,EACFM,EAAeG,KAAKF,oBAAkBG,SAEtCJ,EAAeG,KAAKF,oBAAkBI,QAExC,MAAMC,EAAcC,aAAWP,GAE/B,IAAIQ,EASJ,OAPEA,EAD2B,cAAzBf,EACSgB,EAAAC,IAACC,cAAiB,CAAA,GACK,eAAzBlB,EACEgB,EAAAC,IAACE,gBAAkB,CAAA,GAEnBH,EAAAC,IAACG,kBAAY,CAAA,GAIxBJ,EAASC,IAAA,MAAA,IAAAnB,EAAauB,MAAOR,EAC1BS,SAAApB,EACCc,EAAAA,IAACO,EAAAA,WAEG,CAAA,aAAa,aAAbnB,EACIR,EAAa4B,0BACK,cAAlBnB,EACAT,EAAa6B,2BACK,eAAlBpB,EACAT,EAAa8B,4BACb9B,EAAa+B,wBAEnBC,WAAyB,YAAbxB,EACZyB,SAAU1B,EACV2B,KAAK,KACLC,QAAQ,QACPT,SAAAP,IAGHC,EAACC,IAAAe,qBAEG,CAAA,aAAa,YAAb5B,EACIR,EAAaqC,yBACbrC,EAAa4B,0BAEnBI,WAAyB,YAAbxB,EACZyB,SAAU1B,EAAMmB,SACfP,KAIP"}

package/amd/TabBar-34e0073f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-704bfd64', './LayerHost-e32470d1', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-026e94ca', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-b2c8bca6', './boxalignment-a06c35ae', './logger-00b673c5', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './ManageTabStopsContext-e0765389', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-13ad7944', 'css!./IconStyle.styles.css', './EmbeddedIconButton-2630c4ed', './safeHref-e764caa8', './NavigationList-fd5b6fe4', './ExpandableContext-9f96f74d', './View-ef57c267', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './NavigationListContext-1fc6d48d', 'css!./NavigationListSeparator.styles.css', './Floating-09dfd392', 'css!./LayerStyles.styles.css', './keyboardUtils-90089dc3', './tabbableUtils-737a8925', './CollectionInteractionContext-46886c0a', 'css!./dropdownStyles.styles.css', './Sheet-57c508aa', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-60c34acc', './StyledCheckbox-99c1fb3c', 'css!./SelectorStyles.styles.css', './UNSAFE_TabBar/themes/TabBarStyles.css', './useTabBar-edf8f8a1', './TabBarContextMenu-027af3a8', './refUtils-77e97004'], (function(e,t,s,a,o,n,i,r,c,l,d,b,y,x,m,u,f,h,S,T,p,B,C,g,v,N,L,U,F,I,A,E,M,w,j,_,R,k,H,V,P,z,D,$,O,q,G,J,K,Q,W){"use strict";const X=i.forwardRef((({children:e,layout:n="stretch",display:i="standard",size:r="md",edge:c="top",selection:d,onSelect:b,onRemove:y,"aria-describedby":x,"aria-label":m,"aria-labelledby":u,contextMenuConfig:f},h)=>{const S=s.useRef(null),T=s.useMemo((()=>W.mergeRefs(S,h)),[h]),{rootProps:p,tabBarContext:B,menuProps:C,contextMenuContext:g,contextMenuDescription:v,contextMenuDescriptionId:N,accStatusInfo:L}=K.useTabBar({class:J.styles.tabBarBase,edge:c,onRemove:y,onSelect:b,ref:S,selection:d,size:r,children:e,contextMenuConfig:f}),U=null!=f;return t.jsxs(t.Fragment,{children:[t.jsx(l.TabBarContext.Provider,{value:B,children:t.jsx("div",{...p,ref:T,"aria-label":m,"aria-labelledby":u,"aria-haspopup":null!=f,"aria-describedby":U&&N?x?`${x} ${N}`:N:x,children:t.jsx(O.TabBarLayout,{layout:n,display:i,children:e})})}),U&&N&&t.jsx("span",{id:N,children:t.jsx(a.HiddenAccessible,{children:v})}),U&&L&&t.jsx(o.LiveRegion,{children:L}),U&&t.jsx(Q.TabBarContextMenu,{...C,contextMenuConfig:f,contextMenuContext:g})]})}));e.TabBar=X}));
+//# sourceMappingURL=TabBar-34e0073f.js.map

package/amd/TabBar-34e0073f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar-34e0073f.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  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":["TabBar","forwardRef","children","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","contextMenuConfig","ref","rootRef","useRef","mergedRootRef","useMemo","mergeRefs","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","useTabBar","class","styles","tabBarBase","isContextMenuAvailable","_jsxs","jsxs","_Fragment","Fragment","_jsx","jsx","TabBarContext","Provider","value","TabBarLayout","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"qxDAsHa,MAAAA,EAASC,EAAUA,YAC9B,EAEIC,WACAC,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBC,qBAEFC,KAEA,MAAMC,EAAUC,SAAuB,MACjCC,EAAgBC,EAAOA,SAAC,IAAMC,EAASA,UAACJ,EAASD,IAAM,CAACA,KAExDM,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,GACEC,YAAU,CACZC,MAAOC,EAAMA,OAACC,WACdxB,KAAMA,EACNG,WACAD,WACAM,IAAKC,EACLR,YACAF,OACAH,WACAW,sBAGIkB,EAA8C,MAArBlB,EAE/B,OACEmB,EACEC,KAAAC,EAAAC,SAAA,CAAAjC,SAAA,CAAAkC,EAAAC,IAACC,EAAaA,cAACC,SAAS,CAAAC,MAAOnB,WAC7Be,EACMC,IAAA,MAAA,IAAAjB,EACJN,IAAKG,EAAa,aACNN,EAAS,kBACJC,EACF,gBAAqB,MAArBC,EAEb,mBAAAkB,GAA0BN,EACtBf,EACE,GAAGA,KAAmBe,IACtBA,EACFf,EAENR,SAAAkC,MAACK,EAAAA,aAAY,CAACtC,OAAQA,EAAQC,QAASA,EACpCF,SAAAA,QAIN6B,GAA0BN,GACzBW,MAAM,OAAA,CAAAM,GAAIjB,EACRvB,SAAAkC,EAAAA,IAACO,EAAAA,iBAAkB,CAAAzC,SAAAsB,MAGtBO,GAA0BL,GAAiBU,EAACC,IAAAO,aAAY,CAAA1C,SAAAwB,IACxDK,GACCK,EAAAA,IAACS,EAAiBA,kBACZ,IAAAvB,EACJT,kBAAmBA,EACnBU,mBAAoBA,MAI1B"}

package/amd/{TabBarItem-191d0223.js → TabBarItem-60866864.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-5c22ee31', './useUser-0f3c6512', './Text-ccf2fa6a', './Flex-026e94ca', './useTabBarContext-15a23bb6', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './dimensions-b2c8bca6', './boxalignment-a06c35ae', './useComponentTheme-db55de25', './useTranslationBundle-1be27606', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './useConveyorBeltItem-84d0e3e2', './useDetectTruncation-fe08e17f', './WarningS-e21778cb', './ErrorS-608c8d2d', './InformationS-544853dc', './SuccessS-3359f16d', './mergeProps-bcfa6a92', './useTabBarItemTooltip-e12a923f', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './HiddenAccessible-037ef42d', './useHover-8b8a1496', './Close-64214e2e', './safeHref-e764caa8', './clientHints-dabdb010', './EmbeddedIconButton-2630c4ed', './Badge-5d689f6d'], (function(e,a,t,s,r,n,o,i,l,c,d,m,u,b,x,h,g,p,v,j,f,B,I,T,S,y,C,H,R,k,w,E){"use strict";const F=e=>{e.preventDefault()};function N({itemKey:e,label:N,icon:P,badge:L,metadata:W,severity:z="none",isRemovable:O=!1,showFocusRingOverride:A,selectionOverride:D,displayOverride:K,labelMaxWidth:V,href:M,onPointerSelect:U,"aria-controls":_,"aria-haspopup":$}){const q=x.useTranslationBundle("@oracle/oraclejet-preact"),{onSelect:G,selection:J,currentKey:Q,showFocusRing:X,hideTooltip:Y,layout:Z,onRemove:ee,display:ae,size:te,isEdgeBottom:se,tabItemPrefix:re}=l.useTabBarContext(),ne=Q===e,{ref:oe,...ie}=g.useConveyorBeltItem({isCurrent:ne}),le=t.useCallback((a=>{a.target instanceof Element&&a.target.closest("[data-oj-tabbar-item-remove-icon]")||(U?.({value:!(a instanceof KeyboardEvent)}),G?.({value:e}))}),[e,U,G]),{pressProps:ce}=r.usePress(le),{hoverProps:de,isHover:me}=C.useHover({isDisabled:!O}),ue=J===e,be="stacked"===ae,xe=!!("icons"===ae||K&&"icons"===K),he="lg"===te,ge=N&&!(" "===N&&void 0===N),pe=!("none"===z||void 0===z),ve=e=>{switch(e){case"error":return a.jsx(j.SvgErrorS,{color:"danger",accessibleLabel:q.tabBar_tabContainsErrors()});case"warning":return a.jsx(v.SvgWarningS,{color:"warning"});case"info":return a.jsx(f.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(B.SvgSuccessS,{color:"success"});default:return null}},{direction:je}=n.useUser(),fe=void 0!==A?A:X,Be=void 0!==D?D:ue,{classes:Ie,styles:{tabBarItemIcon:Te,tabBarItemIconStacked:Se,tabBarItemMetadata:ye,tabBarItemStackedBadge:Ce,tabBarItemStackedBadgeRtl:He,tabBarItemRemoveIcon:Re,tabBarItemLabel:ke,tabBarItemLabelTruncated:we,tabBarItemLink:Ee}}=b.useComponentTheme(h.TabBarItemRedwoodTheme,{selection:Be?"isSelected":"notSelected",current:ne?"isCurrent":"notCurrent",focusRing:fe?"showFocusRing":"noFocusRing",edgeBottom:se?"isBottom":"notBottom"}),Fe=s.classNames([Ie]),Ne=s.classNames([ke,void 0!==V&&we]),Pe=s.classNames([Te,(be||xe||!ge)&&Se]),Le=s.classNames([ye]),We=s.classNames([Ce,"rtl"===je&&He]),ze="primary"===k.getClientHints().touchSupport?ue:me||ue||ne,Oe=s.classNames([Re]),Ae=s.classNames([Ee]),De=t.useCallback((()=>{ee?.({value:e})}),[e,ee]),Ke=O?a.jsx("span",{class:Oe,"data-oj-tabbar-item-remove-icon":!0,children:a.jsx(w.EmbeddedIconButton,{"aria-label":q.tabBarNavigationList_removeCueText(),size:"xs",onAction:De,children:ze&&a.jsx(H.SvgClose,{})})}):null,Ve=c.mergeInterpolations([...Object.values(d.flexitemInterpolations),...Object.values(m.dimensionInterpolations),...Object.values(u.boxAlignmentInterpolations)]),Me=Ve({flex:"stretch"===Z?"1 0 auto":"0 0 auto",minWidth:"10.5x",height:he?S.tabBarItemVars.lgHeight:S.tabBarItemVars.mdHeight,gap:"2x"}),Ue=Ve({flex:"stretch"===Z?"1 0 auto":"0 0 auto"}),_e=c.mergeInterpolations([...Object.values(m.dimensionInterpolations)])({maxWidth:void 0!==V?`calc(max(96px,${V}))`:"100%"}),{detectTruncationProps:$e,isTextTruncated:qe}=p.useDetectTruncation(void 0===V),Ge=xe||qe,{tooltipContent:Je,tooltipEventHandlerProps:Qe,onLogicalFocus:Xe,onLogicalBlur:Ye}=T.useTabBarItemTooltip({label:N,isDisabled:!Ge}),Ze=Ge&&ne&&X&&!Y,ea=t.useRef(!1);t.useLayoutEffect((()=>{const e=ea.current;!e&&Ze&&oe.current?Xe(oe.current):e&&!Ze&&Ye(),ea.current=Ze}),[Ye,Xe,oe,Ze]);const aa=L||W||"none"!==z||be||xe,ta=null!=M,sa=()=>a.jsxs(a.Fragment,{children:[a.jsxs(i.Flex,{align:"center",justify:"center",flex:"1 1 auto",gap:"2x",children:[!xe&&!be&&P&&ge&&a.jsx("span",{class:Pe,"data-oj-tab-icon":"startIcon",children:P}),!xe&&ge&&a.jsx("span",{class:Ne,style:_e,...$e,children:a.jsx(o.Text,{size:"md",weight:"semiBold",children:N})})]}),!ta&&O&&Ke]}),ra=()=>a.jsxs(i.Flex,{flex:"1 1 auto",children:[a.jsxs(i.Flex,{minWidth:"10.5x",minHeight:he?S.tabBarItemVars.lgHeight:"100%",height:be&&ge?S.tabBarItemVars.stackedHeight:S.tabBarItemVars.mdHeight,direction:be&&ge?"column":"row",gap:"2x",align:"center",justify:"center",alignSelf:"center",flex:"1 1 auto",children:[(be||xe)&&a.jsxs("div",{class:Pe,children:[xe&&a.jsx(y.HiddenAccessible,{id:"hiddenLabel",children:N}),P,a.jsx("span",{class:We,children:L?a.jsx(E.Badge,{size:"xs",variant:"neutral",children:L}):null})]}),!xe&&!be&&P&&ge&&a.jsx("span",{class:Pe,"data-oj-tab-icon":"startIcon",children:P}),!xe&&ge&&a.jsx("span",{class:Ne,style:_e,...$e,children:a.jsx(o.Text,{size:"md",weight:"semiBold",children:N})}),!be&&!xe&&L&&ge&&a.jsx("span",{"data-oj-tab-badge":L,children:a.jsx(E.Badge,{size:"md",variant:"neutralSubtle",children:L})}),W&&a.jsx("span",{class:Le,"data-oj-tab-metadata":W,children:a.jsx(o.Text,{size:"md",weight:"normal",children:"( "+W+" )"})}),pe&&a.jsx("span",{class:Pe,"data-oj-tab-severity":z,children:ve(z)})]}),!ta&&Ke]});return ta?(()=>{const t=R.getSafeHref(M,"TabBar");return a.jsxs("span",{ref:oe,class:Fe,...I.mergeProps(de,ce,Qe,ie),style:aa?Ue:Me,children:[a.jsx("a",{onClick:F,class:Ae,href:t,"data-oj-key":e,"data-oj-removable":O?"true":void 0,id:re+e,role:"tab",tabindex:-1,"aria-controls":_,"aria-selected":ue,"aria-haspopup":$,children:aa?ra():sa()}),Je]})})():a.jsxs("div",{"data-oj-key":e,"data-oj-removable":O?"true":void 0,id:re+e,class:Fe,role:"tab","aria-controls":_,"aria-selected":ue,"aria-haspopup":$,...I.mergeProps(de,ce,Qe,ie),ref:oe,style:aa?Ue:Me,children:[aa?ra():sa(),Je]})}e.BaseTabBarItem=N,e.TabBarItem=function({itemKey:e,label:t,icon:s,badge:r,metadata:n,severity:o,isRemovable:i,labelMaxWidth:l,"aria-controls":c}){return a.jsx(N,{"aria-controls":c,itemKey:e,label:t,icon:s,badge:r,metadata:n,severity:o,isRemovable:i,labelMaxWidth:l})}}));
-//# sourceMappingURL=TabBarItem-191d0223.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-5c22ee31', './useUser-0f3c6512', './Text-ccf2fa6a', './Flex-026e94ca', './useTabBarContext-15a23bb6', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './dimensions-b2c8bca6', './boxalignment-a06c35ae', './useComponentTheme-db55de25', './useTranslationBundle-1be27606', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './useConveyorBeltItem-84d0e3e2', './useDetectTruncation-fe08e17f', './WarningS-e21778cb', './ErrorS-608c8d2d', './InformationS-544853dc', './SuccessS-3359f16d', './mergeProps-bcfa6a92', './useTabBarItemTooltip-e12a923f', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './HiddenAccessible-037ef42d', './useHover-8b8a1496', './EmbeddedIconButton-2630c4ed', './Close-64214e2e', './safeHref-e764caa8', './clientHints-dabdb010', './Badge-5d689f6d'], (function(e,a,t,s,r,n,o,i,l,c,d,m,u,b,x,h,g,p,v,j,f,B,I,T,S,y,C,H,R,k,w,E){"use strict";const F=e=>{e.preventDefault()};function N({itemKey:e,label:N,icon:P,badge:L,metadata:W,severity:z="none",isRemovable:O=!1,showFocusRingOverride:A,selectionOverride:D,displayOverride:K,labelMaxWidth:V,href:M,onPointerSelect:U,"aria-controls":_,"aria-haspopup":$}){const q=x.useTranslationBundle("@oracle/oraclejet-preact"),{onSelect:G,selection:J,currentKey:Q,showFocusRing:X,hideTooltip:Y,layout:Z,onRemove:ee,display:ae,size:te,isEdgeBottom:se,tabItemPrefix:re}=l.useTabBarContext(),ne=Q===e,{ref:oe,...ie}=g.useConveyorBeltItem({isCurrent:ne}),le=t.useCallback((a=>{a.target instanceof Element&&a.target.closest("[data-oj-tabbar-item-remove-icon]")||(U?.({value:!(a instanceof KeyboardEvent)}),G?.({value:e}))}),[e,U,G]),{pressProps:ce}=r.usePress(le),{hoverProps:de,isHover:me}=C.useHover({isDisabled:!O}),ue=J===e,be="stacked"===ae,xe=!!("icons"===ae||K&&"icons"===K),he="lg"===te,ge=N&&!(" "===N&&void 0===N),pe=!("none"===z||void 0===z),ve=e=>{switch(e){case"error":return a.jsx(j.SvgErrorS,{color:"danger",accessibleLabel:q.tabBar_tabContainsErrors()});case"warning":return a.jsx(v.SvgWarningS,{color:"warning"});case"info":return a.jsx(f.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(B.SvgSuccessS,{color:"success"});default:return null}},{direction:je}=n.useUser(),fe=void 0!==A?A:X,Be=void 0!==D?D:ue,{classes:Ie,styles:{tabBarItemIcon:Te,tabBarItemIconStacked:Se,tabBarItemMetadata:ye,tabBarItemStackedBadge:Ce,tabBarItemStackedBadgeRtl:He,tabBarItemRemoveIcon:Re,tabBarItemLabel:ke,tabBarItemLabelTruncated:we,tabBarItemLink:Ee}}=b.useComponentTheme(h.TabBarItemRedwoodTheme,{selection:Be?"isSelected":"notSelected",current:ne?"isCurrent":"notCurrent",focusRing:fe?"showFocusRing":"noFocusRing",edgeBottom:se?"isBottom":"notBottom"}),Fe=s.classNames([Ie]),Ne=s.classNames([ke,void 0!==V&&we]),Pe=s.classNames([Te,(be||xe||!ge)&&Se]),Le=s.classNames([ye]),We=s.classNames([Ce,"rtl"===je&&He]),ze="primary"===w.getClientHints().touchSupport?ue:me||ue||ne,Oe=s.classNames([Re]),Ae=s.classNames([Ee]),De=t.useCallback((()=>{ee?.({value:e})}),[e,ee]),Ke=O?a.jsx("span",{class:Oe,"data-oj-tabbar-item-remove-icon":!0,children:a.jsx(H.EmbeddedIconButton,{"aria-label":q.tabBarNavigationList_removeCueText(),size:"xs",onAction:De,children:ze&&a.jsx(R.SvgClose,{})})}):null,Ve=c.mergeInterpolations([...Object.values(d.flexitemInterpolations),...Object.values(m.dimensionInterpolations),...Object.values(u.boxAlignmentInterpolations)]),Me=Ve({flex:"stretch"===Z?"1 0 auto":"0 0 auto",minWidth:"10.5x",height:he?S.tabBarItemVars.lgHeight:S.tabBarItemVars.mdHeight,gap:"2x"}),Ue=Ve({flex:"stretch"===Z?"1 0 auto":"0 0 auto"}),_e=c.mergeInterpolations([...Object.values(m.dimensionInterpolations)])({maxWidth:void 0!==V?`calc(max(96px,${V}))`:"100%"}),{detectTruncationProps:$e,isTextTruncated:qe}=p.useDetectTruncation(void 0===V),Ge=xe||qe,{tooltipContent:Je,tooltipEventHandlerProps:Qe,onLogicalFocus:Xe,onLogicalBlur:Ye}=T.useTabBarItemTooltip({label:N,isDisabled:!Ge}),Ze=Ge&&ne&&X&&!Y,ea=t.useRef(!1);t.useLayoutEffect((()=>{const e=ea.current;!e&&Ze&&oe.current?Xe(oe.current):e&&!Ze&&Ye(),ea.current=Ze}),[Ye,Xe,oe,Ze]);const aa=L||W||"none"!==z||be||xe,ta=null!=M,sa=()=>a.jsxs(a.Fragment,{children:[a.jsxs(i.Flex,{align:"center",justify:"center",flex:"1 1 auto",gap:"2x",children:[!xe&&!be&&P&&ge&&a.jsx("span",{class:Pe,"data-oj-tab-icon":"startIcon",children:P}),!xe&&ge&&a.jsx("span",{class:Ne,style:_e,...$e,children:a.jsx(o.Text,{size:"md",weight:"semiBold",children:N})})]}),!ta&&O&&Ke]}),ra=()=>a.jsxs(i.Flex,{flex:"1 1 auto",children:[a.jsxs(i.Flex,{minWidth:"10.5x",minHeight:he?S.tabBarItemVars.lgHeight:"100%",height:be&&ge?S.tabBarItemVars.stackedHeight:S.tabBarItemVars.mdHeight,direction:be&&ge?"column":"row",gap:"2x",align:"center",justify:"center",alignSelf:"center",flex:"1 1 auto",children:[(be||xe)&&a.jsxs("div",{class:Pe,children:[xe&&a.jsx(y.HiddenAccessible,{id:"hiddenLabel",children:N}),P,a.jsx("span",{class:We,children:L?a.jsx(E.Badge,{size:"xs",variant:"neutral",children:L}):null})]}),!xe&&!be&&P&&ge&&a.jsx("span",{class:Pe,"data-oj-tab-icon":"startIcon",children:P}),!xe&&ge&&a.jsx("span",{class:Ne,style:_e,...$e,children:a.jsx(o.Text,{size:"md",weight:"semiBold",children:N})}),!be&&!xe&&L&&ge&&a.jsx("span",{"data-oj-tab-badge":L,children:a.jsx(E.Badge,{size:"md",variant:"neutralSubtle",children:L})}),W&&a.jsx("span",{class:Le,"data-oj-tab-metadata":W,children:a.jsx(o.Text,{size:"md",weight:"normal",children:"( "+W+" )"})}),pe&&a.jsx("span",{class:Pe,"data-oj-tab-severity":z,children:ve(z)})]}),!ta&&Ke]});return ta?(()=>{const t=k.getSafeHref(M,"TabBar");return a.jsxs("span",{ref:oe,class:Fe,...I.mergeProps(de,ce,Qe,ie),style:aa?Ue:Me,children:[a.jsx("a",{onClick:F,class:Ae,href:t,"data-oj-key":e,"data-oj-removable":O?"true":void 0,id:re+e,role:"tab",tabindex:-1,"aria-controls":_,"aria-selected":ue,"aria-haspopup":$,children:aa?ra():sa()}),Je]})})():a.jsxs("div",{"data-oj-key":e,"data-oj-removable":O?"true":void 0,id:re+e,class:Fe,role:"tab","aria-controls":_,"aria-selected":ue,"aria-haspopup":$,...I.mergeProps(de,ce,Qe,ie),ref:oe,style:aa?Ue:Me,children:[aa?ra():sa(),Je]})}e.BaseTabBarItem=N,e.TabBarItem=function({itemKey:e,label:t,icon:s,badge:r,metadata:n,severity:o,isRemovable:i,labelMaxWidth:l,"aria-controls":c}){return a.jsx(N,{"aria-controls":c,itemKey:e,label:t,icon:s,badge:r,metadata:n,severity:o,isRemovable:i,labelMaxWidth:l})}}));
+//# sourceMappingURL=TabBarItem-60866864.js.map

package/amd/{TabBarItem-191d0223.js.map → TabBarItem-60866864.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarItem-191d0223.js","sources":["../../src/UNSAFE_TabBarCommon/BaseTabBarItem.tsx","../../src/UNSAFE_TabBarCommon/TabBarItem.tsx"],"sourcesContent":["import { ComponentChild } from 'preact';\nimport { useCallback, useLayoutEffect, useRef } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Text } from '../UNSAFE_Text';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { TabBarItemVariantOptions } from './themes/TabBarItemStyles.css';\nimport { TabBarItemRedwoodTheme } from './themes/redwood/TabBarItemTheme';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useConveyorBeltItem } from '../UNSAFE_ConveyorBelt/useConveyorBeltItem';\nimport { useDetectTruncation } from '../hooks/PRIVATE_useDetectTruncation';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabBarItemTooltip } from './useTabBarItemTooltip';\nimport { tabBarItemVars } from './themes/TabBarItemContract.css';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { getSafeHref } from '#utils/PRIVATE_safeHref';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nconst REMOVE_ICON_SELECTOR = '[data-oj-tabbar-item-remove-icon]';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\n\ntype AriaProps = {\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  'aria-controls'?: string;\n  /**\n   * Used by an item that renders an interactive popup\n   */\n  'aria-haspopup'?: boolean;\n};\n\nexport type BaseTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  itemKey: K;\n  /**\n   * Label of the TabBarItem. For icon only display this label is the content\n   * for aria-label and tooltip text of the Tab.\n   */\n  label: string;\n  /**\n   * The icon before the label in non-stack case, icon above the label in\n   * stacked case or the stand alone icon when no label is specified.\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata,\n   * that appears after the label in non stack case only.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label in non stack case only.\n   */\n  severity?: Severity;\n  /**\n   * Setting it to true renders the remove icon and allows the item to be removed\n   */\n  isRemovable?: boolean;\n  /**\n   * The control for enabling and disabling focusRing\n   */\n  showFocusRingOverride?: boolean;\n  /**\n   * The control for enabling and disabling selection indicator\n   */\n  selectionOverride?: boolean;\n  /**\n   * The control for overriding display value.\n   */\n  displayOverride?: string;\n  /**\n   * Maximum width tabbar item label can have\n   */\n  labelMaxWidth?: Size;\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page.\n   */\n  href?: string;\n  /**\n   * Internal interaction signal so callers can distinguish keyboard and pointer selection.\n   */\n  onPointerSelect?: (detail: { value: boolean }) => void;\n} & AriaProps;\n\nconst onClickLink = (event: MouseEvent) => {\n  event.preventDefault();\n};\n\nexport function BaseTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity = 'none',\n  isRemovable = false,\n  showFocusRingOverride,\n  selectionOverride,\n  displayOverride,\n  labelMaxWidth,\n  href,\n  onPointerSelect,\n  'aria-controls': ariaControls,\n  'aria-haspopup': ariaHasPopup\n}: BaseTabBarItemProps<K>) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    onSelect,\n    selection,\n    currentKey,\n    showFocusRing,\n    hideTooltip,\n    layout,\n    onRemove,\n    display,\n    size,\n    isEdgeBottom,\n    tabItemPrefix\n  } = useTabBarContext();\n\n  const isCurrent = currentKey === itemKey;\n\n  const { ref, ...conveyorBeltProps } = useConveyorBeltItem({ isCurrent });\n\n  //Selection\n  //Dependency on currentKey because upon removal selectionChange does not change hence no re render\n  //and it is still holding the deleted key as selection\n  const handlePress = useCallback(\n    (event: Event) => {\n      if (event.target instanceof Element && event.target.closest(REMOVE_ICON_SELECTOR)) {\n        return;\n      }\n      onPointerSelect?.({ value: !(event instanceof KeyboardEvent) });\n      onSelect?.({ value: itemKey as K });\n    },\n    [itemKey, onPointerSelect, onSelect]\n  );\n\n  const { pressProps } = usePress(handlePress);\n  // We need hover props only for removable items since on hover the remove icon needs to show up.\n  const { hoverProps, isHover } = useHover({ isDisabled: !isRemovable });\n\n  const isSelected = selection === itemKey;\n\n  const isStacked = display === 'stacked' ? true : false;\n  const isIconOnly =\n    display === 'icons' || (displayOverride && displayOverride === 'icons') ? true : false;\n  const isTall = size === 'lg' ? true : false;\n  const labelRequirement = label && !(label === ' ' && label === undefined);\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        // As per spec acc label is required only for error severity icon.\n        return <ErrorS color=\"danger\" accessibleLabel={translations.tabBar_tabContainsErrors()} />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const { direction } = useUser();\n  const makeFocusRingVisible =\n    showFocusRingOverride !== undefined ? showFocusRingOverride : showFocusRing;\n  const makeSelectionVisible = selectionOverride !== undefined ? selectionOverride : isSelected;\n  const {\n    classes,\n    styles: {\n      tabBarItemIcon,\n      tabBarItemIconStacked,\n      tabBarItemMetadata,\n      tabBarItemStackedBadge,\n      tabBarItemStackedBadgeRtl,\n      tabBarItemRemoveIcon,\n      tabBarItemLabel,\n      tabBarItemLabelTruncated,\n      tabBarItemLink\n    }\n  } = useComponentTheme<TabBarItemVariantOptions>(TabBarItemRedwoodTheme, {\n    selection: makeSelectionVisible ? 'isSelected' : 'notSelected',\n    current: isCurrent ? 'isCurrent' : 'notCurrent',\n    focusRing: makeFocusRingVisible ? 'showFocusRing' : 'noFocusRing',\n    edgeBottom: isEdgeBottom ? 'isBottom' : 'notBottom'\n  });\n\n  const tabBarItem = classNames([classes]);\n  const tabBarItemLabelClasses = classNames([\n    tabBarItemLabel,\n    labelMaxWidth !== undefined && tabBarItemLabelTruncated\n  ]);\n  const tabBarItemIconClasses = classNames([\n    tabBarItemIcon,\n    (isStacked || isIconOnly || !labelRequirement) && tabBarItemIconStacked\n  ]);\n  const tabBarItemMetadataClasses = classNames([tabBarItemMetadata]);\n  const tabBarItemStackedBadgeClasses = classNames([\n    tabBarItemStackedBadge,\n    direction === 'rtl' && tabBarItemStackedBadgeRtl\n  ]);\n  // The remove icon should show on touch devices only when selected. In other cases it shows on hover, current, selected.\n  const isTouchPrimaryInput = getClientHints().touchSupport === 'primary';\n  const showRemoveIcon = isTouchPrimaryInput\n    ? isSelected\n    : isHover || isSelected || isCurrent;\n  const removeClass = classNames([\n    tabBarItemRemoveIcon\n  ]);\n  const tabBarItemLinkClasses = classNames([tabBarItemLink]);\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [itemKey, onRemove]);\n\n  const removeAffordance = isRemovable ? (\n    <span class={removeClass} data-oj-tabbar-item-remove-icon={true}>\n      <EmbeddedIconButton\n        aria-label={translations.tabBarNavigationList_removeCueText()}\n        size=\"xs\"\n        onAction={handleRemove}>\n        {showRemoveIcon && <Close />}\n      </EmbeddedIconButton>\n    </span>\n  ) : null;\n\n  const styleInterpolations = mergeInterpolations<\n    FlexitemProps & DimensionProps & BoxAlignmentProps\n  >([\n    ...Object.values(flexitemInterpolations),\n    ...Object.values(dimensionInterpolations),\n    ...Object.values(boxAlignmentInterpolations)\n  ]);\n\n  //This is for simple item where height and width need to be specified on the main div.\n  const tabDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto',\n    minWidth: '10.5x',\n    height: isTall ? tabBarItemVars.lgHeight : tabBarItemVars.mdHeight,\n    //This is needed for gap between icon/ label and remove icon in labelIconRenderer\n    gap: '2x'\n  });\n\n  //This is for complex item, where only flex dimensions needs to be applied as height and width comes from child Flex component.\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const maxWithInterpolation = mergeInterpolations<DimensionProps>([\n    ...Object.values(dimensionInterpolations)\n  ]);\n  //The threshold for truncation is labelMinWidth: 96px as per spec.\n  const labelMinWidth = '96px';\n  const maxWidthDimensions = maxWithInterpolation({\n    maxWidth: labelMaxWidth !== undefined ? `calc(max(${labelMinWidth},${labelMaxWidth}))` : '100%'\n  });\n\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation(\n    labelMaxWidth === undefined\n  );\n  const isTooltipAvailable = isIconOnly || isTextTruncated;\n  const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } =\n    useTabBarItemTooltip({ label, isDisabled: !isTooltipAvailable });\n  const shouldHaveLogicalFocus =\n    isTooltipAvailable && isCurrent && showFocusRing && !hideTooltip;\n  const previousLogicalFocusRef = useRef(false);\n\n  // Only update logical focus on condition changes; shared tooltip long-press bug is tracked separately.\n  useLayoutEffect(() => {\n    const hadLogicalFocus = previousLogicalFocusRef.current;\n\n    if (!hadLogicalFocus && shouldHaveLogicalFocus && ref.current) {\n      onLogicalFocus(ref.current);\n    } else if (hadLogicalFocus && !shouldHaveLogicalFocus) {\n      onLogicalBlur();\n    }\n\n    previousLogicalFocusRef.current = shouldHaveLogicalFocus;\n  }, [onLogicalBlur, onLogicalFocus, ref, shouldHaveLogicalFocus]);\n\n  const isComplexItem = badge || metadata || severity !== 'none' || isStacked || isIconOnly;\n  const isLinkItem = href != null;\n\n  const labelIconRenderer = () => {\n    return (\n      <>\n        <Flex align=\"center\" justify=\"center\" flex=\"1 1 auto\" gap=\"2x\">\n          {!isIconOnly && !isStacked && icon && labelRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-icon=\"startIcon\">\n              {icon}\n            </span>\n          )}\n          {!isIconOnly && labelRequirement && (\n            <span\n              class={tabBarItemLabelClasses}\n              style={maxWidthDimensions}\n              {...detectTruncationProps}>\n              {\n                <Text size=\"md\" weight=\"semiBold\">\n                  {label}\n                </Text>\n              }\n            </span>\n          )}\n        </Flex>\n        {!isLinkItem && isRemovable && removeAffordance}\n      </>\n    );\n  };\n\n  const complexItemRenderer = () => {\n    return (\n      <Flex flex=\"1 1 auto\">\n        <Flex\n          minWidth=\"10.5x\"\n          minHeight={isTall ? tabBarItemVars.lgHeight : '100%'}\n          height={\n            isStacked && labelRequirement ? tabBarItemVars.stackedHeight : tabBarItemVars.mdHeight\n          }\n          direction={isStacked && labelRequirement ? 'column' : 'row'}\n          gap=\"2x\"\n          align=\"center\"\n          justify=\"center\"\n          alignSelf=\"center\"\n          flex=\"1 1 auto\">\n          {(isStacked || isIconOnly) && (\n            <div class={tabBarItemIconClasses}>\n              {\n                // JET-79198 - The label is made hidden so that in can be read out by screen readers and we will not need aria-label at role=\"tab\" level to include all the content in it's children\n                isIconOnly && <HiddenAccessible id=\"hiddenLabel\">{label}</HiddenAccessible>\n              }\n              {icon}\n              <span class={tabBarItemStackedBadgeClasses}>\n                {badge ? (\n                  <Badge size=\"xs\" variant=\"neutral\">\n                    {badge}\n                  </Badge>\n                ) : null}\n              </span>\n            </div>\n          )}\n          {!isIconOnly && !isStacked && icon && labelRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-icon=\"startIcon\">\n              {icon}\n            </span>\n          )}\n          {!isIconOnly && labelRequirement && (\n            <span\n              class={tabBarItemLabelClasses}\n              style={maxWidthDimensions}\n              {...detectTruncationProps}>\n              {\n                <Text size=\"md\" weight=\"semiBold\">\n                  {label}\n                </Text>\n              }\n            </span>\n          )}\n          {!isStacked && !isIconOnly && badge && labelRequirement && (\n            <span data-oj-tab-badge={badge}>\n              <Badge size=\"md\" variant=\"neutralSubtle\">\n                {badge}\n              </Badge>\n            </span>\n          )}\n          {metadata && (\n            <span class={tabBarItemMetadataClasses} data-oj-tab-metadata={metadata}>\n              <Text size=\"md\" weight=\"normal\">\n                {'( ' + metadata + ' )'}\n              </Text>\n            </span>\n          )}\n          {severityRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-severity={severity}>\n              {IconComponent(severity)}\n            </span>\n          )}\n        </Flex>\n        {!isLinkItem && removeAffordance}\n      </Flex>\n    );\n  };\n\n  const tabBarItemRenderer = () => {\n    return (\n      <div\n        data-oj-key={itemKey}\n        data-oj-removable={isRemovable ? 'true' : undefined}\n        id={tabItemPrefix + itemKey}\n        class={tabBarItem}\n        role=\"tab\"\n        aria-controls={ariaControls}\n        aria-selected={isSelected}\n        aria-haspopup={ariaHasPopup}\n        {...mergeProps(hoverProps, pressProps, tooltipEventHandlerProps, conveyorBeltProps)}\n        ref={ref}\n        style={isComplexItem ? flexDimensions : tabDimensions}>\n        {isComplexItem ? complexItemRenderer() : labelIconRenderer()}\n        {tooltipContent}\n      </div>\n    );\n  };\n\n  const tabBarLinkItemRenderer = () => {\n    const safeHref = getSafeHref(href, 'TabBar');\n    return (\n      <span\n        ref={ref}\n        class={tabBarItem}\n        {...mergeProps(hoverProps, pressProps, tooltipEventHandlerProps, conveyorBeltProps)}\n        style={isComplexItem ? flexDimensions : tabDimensions}>\n        <a\n          onClick={onClickLink}\n          class={tabBarItemLinkClasses}\n          href={safeHref}\n          data-oj-key={itemKey}\n          data-oj-removable={isRemovable ? 'true' : undefined}\n          id={tabItemPrefix + itemKey}\n          role=\"tab\"\n          tabindex={-1}\n          aria-controls={ariaControls}\n          aria-selected={isSelected}\n          aria-haspopup={ariaHasPopup}>\n          {isComplexItem ? complexItemRenderer() : labelIconRenderer()}\n        </a>\n        {tooltipContent}\n      </span>\n    );\n  };\n  return isLinkItem ? tabBarLinkItemRenderer() : tabBarItemRenderer();\n}\n","import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\nexport type TabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'isRemovable'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n/**\n * TabBarItem content can be created by using labels or icons or both.\n */\nexport function TabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  isRemovable,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: TabBarItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      isRemovable={isRemovable}\n      labelMaxWidth={labelMaxWidth}\n    />\n  );\n}\n"],"names":["onClickLink","event","preventDefault","BaseTabBarItem","itemKey","label","icon","badge","metadata","severity","isRemovable","showFocusRingOverride","selectionOverride","displayOverride","labelMaxWidth","href","onPointerSelect","ariaControls","ariaHasPopup","translations","useTranslationBundle","onSelect","selection","currentKey","showFocusRing","hideTooltip","layout","onRemove","display","size","isEdgeBottom","tabItemPrefix","useTabBarContext","isCurrent","ref","conveyorBeltProps","useConveyorBeltItem","handlePress","useCallback","target","Element","closest","value","KeyboardEvent","pressProps","usePress","hoverProps","isHover","useHover","isDisabled","isSelected","isStacked","isIconOnly","isTall","labelRequirement","undefined","severityRequirement","IconComponent","severityValue","_jsx","jsx","ErrorS","color","accessibleLabel","tabBar_tabContainsErrors","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","direction","useUser","makeFocusRingVisible","makeSelectionVisible","classes","styles","tabBarItemIcon","tabBarItemIconStacked","tabBarItemMetadata","tabBarItemStackedBadge","tabBarItemStackedBadgeRtl","tabBarItemRemoveIcon","tabBarItemLabel","tabBarItemLabelTruncated","tabBarItemLink","useComponentTheme","TabBarItemRedwoodTheme","current","focusRing","edgeBottom","tabBarItem","classNames","tabBarItemLabelClasses","tabBarItemIconClasses","tabBarItemMetadataClasses","tabBarItemStackedBadgeClasses","showRemoveIcon","getClientHints","touchSupport","removeClass","tabBarItemLinkClasses","handleRemove","removeAffordance","class","children","EmbeddedIconButton","tabBarNavigationList_removeCueText","onAction","Close","SvgClose","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","dimensionInterpolations","boxAlignmentInterpolations","tabDimensions","flex","minWidth","height","tabBarItemVars","lgHeight","mdHeight","gap","flexDimensions","maxWidthDimensions","maxWithInterpolation","maxWidth","detectTruncationProps","isTextTruncated","useDetectTruncation","isTooltipAvailable","tooltipContent","tooltipEventHandlerProps","onLogicalFocus","onLogicalBlur","useTabBarItemTooltip","shouldHaveLogicalFocus","previousLogicalFocusRef","useRef","useLayoutEffect","hadLogicalFocus","isComplexItem","isLinkItem","labelIconRenderer","_jsxs","jsxs","_Fragment","Fragment","Flex","align","justify","style","Text","weight","complexItemRenderer","minHeight","stackedHeight","alignSelf","HiddenAccessible","id","Badge","variant","safeHref","getSafeHref","mergeProps","onClick","role","tabindex","tabBarLinkItemRenderer"],"mappings":"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"}
+{"version":3,"file":"TabBarItem-60866864.js","sources":["../../src/UNSAFE_TabBarCommon/BaseTabBarItem.tsx","../../src/UNSAFE_TabBarCommon/TabBarItem.tsx"],"sourcesContent":["import { ComponentChild } from 'preact';\nimport { useCallback, useLayoutEffect, useRef } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Text } from '../UNSAFE_Text';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { TabBarItemVariantOptions } from './themes/TabBarItemStyles.css';\nimport { TabBarItemRedwoodTheme } from './themes/redwood/TabBarItemTheme';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useConveyorBeltItem } from '../UNSAFE_ConveyorBelt/useConveyorBeltItem';\nimport { useDetectTruncation } from '../hooks/PRIVATE_useDetectTruncation';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabBarItemTooltip } from './useTabBarItemTooltip';\nimport { tabBarItemVars } from './themes/TabBarItemContract.css';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { getSafeHref } from '#utils/PRIVATE_safeHref';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nconst REMOVE_ICON_SELECTOR = '[data-oj-tabbar-item-remove-icon]';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\n\ntype AriaProps = {\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  'aria-controls'?: string;\n  /**\n   * Used by an item that renders an interactive popup\n   */\n  'aria-haspopup'?: boolean;\n};\n\nexport type BaseTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  itemKey: K;\n  /**\n   * Label of the TabBarItem. For icon only display this label is the content\n   * for aria-label and tooltip text of the Tab.\n   */\n  label: string;\n  /**\n   * The icon before the label in non-stack case, icon above the label in\n   * stacked case or the stand alone icon when no label is specified.\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata,\n   * that appears after the label in non stack case only.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label in non stack case only.\n   */\n  severity?: Severity;\n  /**\n   * Setting it to true renders the remove icon and allows the item to be removed\n   */\n  isRemovable?: boolean;\n  /**\n   * The control for enabling and disabling focusRing\n   */\n  showFocusRingOverride?: boolean;\n  /**\n   * The control for enabling and disabling selection indicator\n   */\n  selectionOverride?: boolean;\n  /**\n   * The control for overriding display value.\n   */\n  displayOverride?: string;\n  /**\n   * Maximum width tabbar item label can have\n   */\n  labelMaxWidth?: Size;\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page.\n   */\n  href?: string;\n  /**\n   * Internal interaction signal so callers can distinguish keyboard and pointer selection.\n   */\n  onPointerSelect?: (detail: { value: boolean }) => void;\n} & AriaProps;\n\nconst onClickLink = (event: MouseEvent) => {\n  event.preventDefault();\n};\n\nexport function BaseTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity = 'none',\n  isRemovable = false,\n  showFocusRingOverride,\n  selectionOverride,\n  displayOverride,\n  labelMaxWidth,\n  href,\n  onPointerSelect,\n  'aria-controls': ariaControls,\n  'aria-haspopup': ariaHasPopup\n}: BaseTabBarItemProps<K>) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    onSelect,\n    selection,\n    currentKey,\n    showFocusRing,\n    hideTooltip,\n    layout,\n    onRemove,\n    display,\n    size,\n    isEdgeBottom,\n    tabItemPrefix\n  } = useTabBarContext();\n\n  const isCurrent = currentKey === itemKey;\n\n  const { ref, ...conveyorBeltProps } = useConveyorBeltItem({ isCurrent });\n\n  //Selection\n  //Dependency on currentKey because upon removal selectionChange does not change hence no re render\n  //and it is still holding the deleted key as selection\n  const handlePress = useCallback(\n    (event: Event) => {\n      if (event.target instanceof Element && event.target.closest(REMOVE_ICON_SELECTOR)) {\n        return;\n      }\n      onPointerSelect?.({ value: !(event instanceof KeyboardEvent) });\n      onSelect?.({ value: itemKey as K });\n    },\n    [itemKey, onPointerSelect, onSelect]\n  );\n\n  const { pressProps } = usePress(handlePress);\n  // We need hover props only for removable items since on hover the remove icon needs to show up.\n  const { hoverProps, isHover } = useHover({ isDisabled: !isRemovable });\n\n  const isSelected = selection === itemKey;\n\n  const isStacked = display === 'stacked' ? true : false;\n  const isIconOnly =\n    display === 'icons' || (displayOverride && displayOverride === 'icons') ? true : false;\n  const isTall = size === 'lg' ? true : false;\n  const labelRequirement = label && !(label === ' ' && label === undefined);\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        // As per spec acc label is required only for error severity icon.\n        return <ErrorS color=\"danger\" accessibleLabel={translations.tabBar_tabContainsErrors()} />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const { direction } = useUser();\n  const makeFocusRingVisible =\n    showFocusRingOverride !== undefined ? showFocusRingOverride : showFocusRing;\n  const makeSelectionVisible = selectionOverride !== undefined ? selectionOverride : isSelected;\n  const {\n    classes,\n    styles: {\n      tabBarItemIcon,\n      tabBarItemIconStacked,\n      tabBarItemMetadata,\n      tabBarItemStackedBadge,\n      tabBarItemStackedBadgeRtl,\n      tabBarItemRemoveIcon,\n      tabBarItemLabel,\n      tabBarItemLabelTruncated,\n      tabBarItemLink\n    }\n  } = useComponentTheme<TabBarItemVariantOptions>(TabBarItemRedwoodTheme, {\n    selection: makeSelectionVisible ? 'isSelected' : 'notSelected',\n    current: isCurrent ? 'isCurrent' : 'notCurrent',\n    focusRing: makeFocusRingVisible ? 'showFocusRing' : 'noFocusRing',\n    edgeBottom: isEdgeBottom ? 'isBottom' : 'notBottom'\n  });\n\n  const tabBarItem = classNames([classes]);\n  const tabBarItemLabelClasses = classNames([\n    tabBarItemLabel,\n    labelMaxWidth !== undefined && tabBarItemLabelTruncated\n  ]);\n  const tabBarItemIconClasses = classNames([\n    tabBarItemIcon,\n    (isStacked || isIconOnly || !labelRequirement) && tabBarItemIconStacked\n  ]);\n  const tabBarItemMetadataClasses = classNames([tabBarItemMetadata]);\n  const tabBarItemStackedBadgeClasses = classNames([\n    tabBarItemStackedBadge,\n    direction === 'rtl' && tabBarItemStackedBadgeRtl\n  ]);\n  // The remove icon should show on touch devices only when selected. In other cases it shows on hover, current, selected.\n  const isTouchPrimaryInput = getClientHints().touchSupport === 'primary';\n  const showRemoveIcon = isTouchPrimaryInput\n    ? isSelected\n    : isHover || isSelected || isCurrent;\n  const removeClass = classNames([\n    tabBarItemRemoveIcon\n  ]);\n  const tabBarItemLinkClasses = classNames([tabBarItemLink]);\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [itemKey, onRemove]);\n\n  const removeAffordance = isRemovable ? (\n    <span class={removeClass} data-oj-tabbar-item-remove-icon={true}>\n      <EmbeddedIconButton\n        aria-label={translations.tabBarNavigationList_removeCueText()}\n        size=\"xs\"\n        onAction={handleRemove}>\n        {showRemoveIcon && <Close />}\n      </EmbeddedIconButton>\n    </span>\n  ) : null;\n\n  const styleInterpolations = mergeInterpolations<\n    FlexitemProps & DimensionProps & BoxAlignmentProps\n  >([\n    ...Object.values(flexitemInterpolations),\n    ...Object.values(dimensionInterpolations),\n    ...Object.values(boxAlignmentInterpolations)\n  ]);\n\n  //This is for simple item where height and width need to be specified on the main div.\n  const tabDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto',\n    minWidth: '10.5x',\n    height: isTall ? tabBarItemVars.lgHeight : tabBarItemVars.mdHeight,\n    //This is needed for gap between icon/ label and remove icon in labelIconRenderer\n    gap: '2x'\n  });\n\n  //This is for complex item, where only flex dimensions needs to be applied as height and width comes from child Flex component.\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const maxWithInterpolation = mergeInterpolations<DimensionProps>([\n    ...Object.values(dimensionInterpolations)\n  ]);\n  //The threshold for truncation is labelMinWidth: 96px as per spec.\n  const labelMinWidth = '96px';\n  const maxWidthDimensions = maxWithInterpolation({\n    maxWidth: labelMaxWidth !== undefined ? `calc(max(${labelMinWidth},${labelMaxWidth}))` : '100%'\n  });\n\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation(\n    labelMaxWidth === undefined\n  );\n  const isTooltipAvailable = isIconOnly || isTextTruncated;\n  const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } =\n    useTabBarItemTooltip({ label, isDisabled: !isTooltipAvailable });\n  const shouldHaveLogicalFocus =\n    isTooltipAvailable && isCurrent && showFocusRing && !hideTooltip;\n  const previousLogicalFocusRef = useRef(false);\n\n  // Only update logical focus on condition changes; shared tooltip long-press bug is tracked separately.\n  useLayoutEffect(() => {\n    const hadLogicalFocus = previousLogicalFocusRef.current;\n\n    if (!hadLogicalFocus && shouldHaveLogicalFocus && ref.current) {\n      onLogicalFocus(ref.current);\n    } else if (hadLogicalFocus && !shouldHaveLogicalFocus) {\n      onLogicalBlur();\n    }\n\n    previousLogicalFocusRef.current = shouldHaveLogicalFocus;\n  }, [onLogicalBlur, onLogicalFocus, ref, shouldHaveLogicalFocus]);\n\n  const isComplexItem = badge || metadata || severity !== 'none' || isStacked || isIconOnly;\n  const isLinkItem = href != null;\n\n  const labelIconRenderer = () => {\n    return (\n      <>\n        <Flex align=\"center\" justify=\"center\" flex=\"1 1 auto\" gap=\"2x\">\n          {!isIconOnly && !isStacked && icon && labelRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-icon=\"startIcon\">\n              {icon}\n            </span>\n          )}\n          {!isIconOnly && labelRequirement && (\n            <span\n              class={tabBarItemLabelClasses}\n              style={maxWidthDimensions}\n              {...detectTruncationProps}>\n              {\n                <Text size=\"md\" weight=\"semiBold\">\n                  {label}\n                </Text>\n              }\n            </span>\n          )}\n        </Flex>\n        {!isLinkItem && isRemovable && removeAffordance}\n      </>\n    );\n  };\n\n  const complexItemRenderer = () => {\n    return (\n      <Flex flex=\"1 1 auto\">\n        <Flex\n          minWidth=\"10.5x\"\n          minHeight={isTall ? tabBarItemVars.lgHeight : '100%'}\n          height={\n            isStacked && labelRequirement ? tabBarItemVars.stackedHeight : tabBarItemVars.mdHeight\n          }\n          direction={isStacked && labelRequirement ? 'column' : 'row'}\n          gap=\"2x\"\n          align=\"center\"\n          justify=\"center\"\n          alignSelf=\"center\"\n          flex=\"1 1 auto\">\n          {(isStacked || isIconOnly) && (\n            <div class={tabBarItemIconClasses}>\n              {\n                // JET-79198 - The label is made hidden so that in can be read out by screen readers and we will not need aria-label at role=\"tab\" level to include all the content in it's children\n                isIconOnly && <HiddenAccessible id=\"hiddenLabel\">{label}</HiddenAccessible>\n              }\n              {icon}\n              <span class={tabBarItemStackedBadgeClasses}>\n                {badge ? (\n                  <Badge size=\"xs\" variant=\"neutral\">\n                    {badge}\n                  </Badge>\n                ) : null}\n              </span>\n            </div>\n          )}\n          {!isIconOnly && !isStacked && icon && labelRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-icon=\"startIcon\">\n              {icon}\n            </span>\n          )}\n          {!isIconOnly && labelRequirement && (\n            <span\n              class={tabBarItemLabelClasses}\n              style={maxWidthDimensions}\n              {...detectTruncationProps}>\n              {\n                <Text size=\"md\" weight=\"semiBold\">\n                  {label}\n                </Text>\n              }\n            </span>\n          )}\n          {!isStacked && !isIconOnly && badge && labelRequirement && (\n            <span data-oj-tab-badge={badge}>\n              <Badge size=\"md\" variant=\"neutralSubtle\">\n                {badge}\n              </Badge>\n            </span>\n          )}\n          {metadata && (\n            <span class={tabBarItemMetadataClasses} data-oj-tab-metadata={metadata}>\n              <Text size=\"md\" weight=\"normal\">\n                {'( ' + metadata + ' )'}\n              </Text>\n            </span>\n          )}\n          {severityRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-severity={severity}>\n              {IconComponent(severity)}\n            </span>\n          )}\n        </Flex>\n        {!isLinkItem && removeAffordance}\n      </Flex>\n    );\n  };\n\n  const tabBarItemRenderer = () => {\n    return (\n      <div\n        data-oj-key={itemKey}\n        data-oj-removable={isRemovable ? 'true' : undefined}\n        id={tabItemPrefix + itemKey}\n        class={tabBarItem}\n        role=\"tab\"\n        aria-controls={ariaControls}\n        aria-selected={isSelected}\n        aria-haspopup={ariaHasPopup}\n        {...mergeProps(hoverProps, pressProps, tooltipEventHandlerProps, conveyorBeltProps)}\n        ref={ref}\n        style={isComplexItem ? flexDimensions : tabDimensions}>\n        {isComplexItem ? complexItemRenderer() : labelIconRenderer()}\n        {tooltipContent}\n      </div>\n    );\n  };\n\n  const tabBarLinkItemRenderer = () => {\n    const safeHref = getSafeHref(href, 'TabBar');\n    return (\n      <span\n        ref={ref}\n        class={tabBarItem}\n        {...mergeProps(hoverProps, pressProps, tooltipEventHandlerProps, conveyorBeltProps)}\n        style={isComplexItem ? flexDimensions : tabDimensions}>\n        <a\n          onClick={onClickLink}\n          class={tabBarItemLinkClasses}\n          href={safeHref}\n          data-oj-key={itemKey}\n          data-oj-removable={isRemovable ? 'true' : undefined}\n          id={tabItemPrefix + itemKey}\n          role=\"tab\"\n          tabindex={-1}\n          aria-controls={ariaControls}\n          aria-selected={isSelected}\n          aria-haspopup={ariaHasPopup}>\n          {isComplexItem ? complexItemRenderer() : labelIconRenderer()}\n        </a>\n        {tooltipContent}\n      </span>\n    );\n  };\n  return isLinkItem ? tabBarLinkItemRenderer() : tabBarItemRenderer();\n}\n","import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\nexport type TabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'isRemovable'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n/**\n * TabBarItem content can be created by using labels or icons or both.\n */\nexport function TabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  isRemovable,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: TabBarItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      isRemovable={isRemovable}\n      labelMaxWidth={labelMaxWidth}\n    />\n  );\n}\n"],"names":["onClickLink","event","preventDefault","BaseTabBarItem","itemKey","label","icon","badge","metadata","severity","isRemovable","showFocusRingOverride","selectionOverride","displayOverride","labelMaxWidth","href","onPointerSelect","ariaControls","ariaHasPopup","translations","useTranslationBundle","onSelect","selection","currentKey","showFocusRing","hideTooltip","layout","onRemove","display","size","isEdgeBottom","tabItemPrefix","useTabBarContext","isCurrent","ref","conveyorBeltProps","useConveyorBeltItem","handlePress","useCallback","target","Element","closest","value","KeyboardEvent","pressProps","usePress","hoverProps","isHover","useHover","isDisabled","isSelected","isStacked","isIconOnly","isTall","labelRequirement","undefined","severityRequirement","IconComponent","severityValue","_jsx","jsx","ErrorS","color","accessibleLabel","tabBar_tabContainsErrors","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","direction","useUser","makeFocusRingVisible","makeSelectionVisible","classes","styles","tabBarItemIcon","tabBarItemIconStacked","tabBarItemMetadata","tabBarItemStackedBadge","tabBarItemStackedBadgeRtl","tabBarItemRemoveIcon","tabBarItemLabel","tabBarItemLabelTruncated","tabBarItemLink","useComponentTheme","TabBarItemRedwoodTheme","current","focusRing","edgeBottom","tabBarItem","classNames","tabBarItemLabelClasses","tabBarItemIconClasses","tabBarItemMetadataClasses","tabBarItemStackedBadgeClasses","showRemoveIcon","getClientHints","touchSupport","removeClass","tabBarItemLinkClasses","handleRemove","removeAffordance","class","children","EmbeddedIconButton","tabBarNavigationList_removeCueText","onAction","Close","SvgClose","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","dimensionInterpolations","boxAlignmentInterpolations","tabDimensions","flex","minWidth","height","tabBarItemVars","lgHeight","mdHeight","gap","flexDimensions","maxWidthDimensions","maxWithInterpolation","maxWidth","detectTruncationProps","isTextTruncated","useDetectTruncation","isTooltipAvailable","tooltipContent","tooltipEventHandlerProps","onLogicalFocus","onLogicalBlur","useTabBarItemTooltip","shouldHaveLogicalFocus","previousLogicalFocusRef","useRef","useLayoutEffect","hadLogicalFocus","isComplexItem","isLinkItem","labelIconRenderer","_jsxs","jsxs","_Fragment","Fragment","Flex","align","justify","style","Text","weight","complexItemRenderer","minHeight","stackedHeight","alignSelf","HiddenAccessible","id","Badge","variant","safeHref","getSafeHref","mergeProps","onClick","role","tabindex","tabBarLinkItemRenderer"],"mappings":"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"}

package/amd/TabBarItemVariants.styles.css

@@ -1,17 +1,17 @@
-.TabBarItemVariants_multiVariantStyles_selection_isSelected__n5e31r0 {
+.TabBarItemVariants_multiVariantStyles_selection_isSelected__1yttea0 {
   color: var(--oj-c-tab-bar-item-label-color-selected);
   border-left: var(--borderWidthLeftRight__1vg465e1) solid transparent;
   border-bottom: var(--borderWidthBottom__1vg465e0) solid;
   border-right: var(--borderWidthLeftRight__1vg465e1) solid transparent;
 }
-.TabBarItemVariants_multiVariantStyles_compound_0__n5e31r8 {
+.TabBarItemVariants_multiVariantStyles_compound_0__1yttea8 {
   color: var(--oj-c-tab-bar-item-label-color-selected);
   outline-color: var(--oj-c-keyboard-outline-color);
   outline-offset: calc(-1 * var(--oj-c-keyboard-outline-width));
   outline-style: var(--oj-c-keyboard-outline-style);
   outline-width: var(--oj-c-keyboard-outline-width);
 }
-.TabBarItemVariants_multiVariantStyles_compound_1__n5e31r9 {
+.TabBarItemVariants_multiVariantStyles_compound_1__1yttea9 {
   border-bottom: var(--borderWidthBottom__1vg465e0) solid transparent;
   border-top: var(--borderWidthBottom__1vg465e0) solid;
 }

package/amd/TabBarItemVariants.styles2.css

@@ -1,17 +1,17 @@
-.TabBarItemVariants_multiVariantStyles_selection_isSelected__1yttea0 {
+.TabBarItemVariants_multiVariantStyles_selection_isSelected__n5e31r0 {
   color: var(--oj-c-tab-bar-item-label-color-selected);
   border-left: var(--borderWidthLeftRight__1vg465e1) solid transparent;
   border-bottom: var(--borderWidthBottom__1vg465e0) solid;
   border-right: var(--borderWidthLeftRight__1vg465e1) solid transparent;
 }
-.TabBarItemVariants_multiVariantStyles_compound_0__1yttea8 {
+.TabBarItemVariants_multiVariantStyles_compound_0__n5e31r8 {
   color: var(--oj-c-tab-bar-item-label-color-selected);
   outline-color: var(--oj-c-keyboard-outline-color);
   outline-offset: calc(-1 * var(--oj-c-keyboard-outline-width));
   outline-style: var(--oj-c-keyboard-outline-style);
   outline-width: var(--oj-c-keyboard-outline-width);
 }
-.TabBarItemVariants_multiVariantStyles_compound_1__1yttea9 {
+.TabBarItemVariants_multiVariantStyles_compound_1__n5e31r9 {
   border-bottom: var(--borderWidthBottom__1vg465e0) solid transparent;
   border-top: var(--borderWidthBottom__1vg465e0) solid;
 }

package/amd/{TabBarLinkItem-5f376f4e.js → TabBarLinkItem-7b5b5b73.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './TabBarItem-191d0223'], (function(e,a,t){"use strict";e.TabBarLinkItem=function({itemKey:e,icon:r,badge:i,metadata:n,severity:l,labelMaxWidth:s,href:b,label:o,"aria-controls":c}){return a.jsx(t.BaseTabBarItem,{"aria-controls":c,itemKey:e,label:o,icon:r,badge:i,metadata:n,severity:l,labelMaxWidth:s,href:b})}}));
-//# sourceMappingURL=TabBarLinkItem-5f376f4e.js.map
+define(['exports', 'preact/jsx-runtime', './TabBarItem-60866864'], (function(e,a,t){"use strict";e.TabBarLinkItem=function({itemKey:e,icon:r,badge:i,metadata:n,severity:l,labelMaxWidth:s,href:b,label:o,"aria-controls":c}){return a.jsx(t.BaseTabBarItem,{"aria-controls":c,itemKey:e,label:o,icon:r,badge:i,metadata:n,severity:l,labelMaxWidth:s,href:b})}}));
+//# sourceMappingURL=TabBarLinkItem-7b5b5b73.js.map

package/amd/{TabBarLinkItem-5f376f4e.js.map → TabBarLinkItem-7b5b5b73.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarLinkItem-5f376f4e.js","sources":["../../src/UNSAFE_TabBarCommon/TabBarLinkItem.tsx"],"sourcesContent":["import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page.\n   */\n  href: string;\n  /**\n   * Label of the TabBarLinkItem. For truncated labels this is the content\n   * for tooltip text of the Tab.\n   */\n  label: string;\n};\nexport type TabBarLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseTabBarItemProps<K>,\n    'itemKey' | 'icon' | 'badge' | 'metadata' | 'severity' | 'aria-controls' | 'labelMaxWidth'\n  >;\n/**\n * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function TabBarLinkItem<K extends string | number>({\n  itemKey,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: TabBarLinkItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n      href={href}></BaseTabBarItem>\n  );\n}\n"],"names":["itemKey","icon","badge","metadata","severity","labelMaxWidth","href","label","ariaControls","_jsx","jsx","BaseTabBarItem"],"mappings":"+GAqBM,UAAoDA,QACxDA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,cACRA,EAAaC,KACbA,EAAIC,MACJA,EACA,gBAAiBC,IAEjB,OACEC,EAACC,IAAAC,iBACgB,CAAA,gBAAAH,EACfR,QAASA,EACTO,MAAOA,EACPN,KAAMA,EACNC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,cAAeA,EACfC,KAAMA,GAEZ"}
+{"version":3,"file":"TabBarLinkItem-7b5b5b73.js","sources":["../../src/UNSAFE_TabBarCommon/TabBarLinkItem.tsx"],"sourcesContent":["import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page.\n   */\n  href: string;\n  /**\n   * Label of the TabBarLinkItem. For truncated labels this is the content\n   * for tooltip text of the Tab.\n   */\n  label: string;\n};\nexport type TabBarLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseTabBarItemProps<K>,\n    'itemKey' | 'icon' | 'badge' | 'metadata' | 'severity' | 'aria-controls' | 'labelMaxWidth'\n  >;\n/**\n * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function TabBarLinkItem<K extends string | number>({\n  itemKey,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: TabBarLinkItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n      href={href}></BaseTabBarItem>\n  );\n}\n"],"names":["itemKey","icon","badge","metadata","severity","labelMaxWidth","href","label","ariaControls","_jsx","jsx","BaseTabBarItem"],"mappings":"+GAqBM,UAAoDA,QACxDA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,cACRA,EAAaC,KACbA,EAAIC,MACJA,EACA,gBAAiBC,IAEjB,OACEC,EAACC,IAAAC,iBACgB,CAAA,gBAAAH,EACfR,QAASA,EACTO,MAAOA,EACPN,KAAMA,EACNC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,cAAeA,EACfC,KAAMA,GAEZ"}

package/amd/TabBarMixed-b61a657d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './LayerHost-e32470d1', './UNSAFE_Text/themes/TextStyles.css', './Flex-026e94ca', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-b2c8bca6', './boxalignment-a06c35ae', './logger-00b673c5', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './ManageTabStopsContext-e0765389', 'preact', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-13ad7944', 'css!./IconStyle.styles.css', './HiddenAccessible-037ef42d', './EmbeddedIconButton-2630c4ed', './safeHref-e764caa8', './NavigationList-fd5b6fe4', './ExpandableContext-9f96f74d', './View-ef57c267', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './NavigationListContext-1fc6d48d', 'css!./NavigationListSeparator.styles.css', './Floating-09dfd392', 'css!./LayerStyles.styles.css', './keyboardUtils-90089dc3', './tabbableUtils-737a8925', './CollectionInteractionContext-46886c0a', 'css!./dropdownStyles.styles.css', './Sheet-57c508aa', 'css!./OverflowTabBarItemStyles.styles.css', './StyledCheckbox-99c1fb3c', 'css!./SelectorStyles.styles.css', './clientUtils-d8f08ff5', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-edf8f8a1', './LiveRegion-704bfd64', './TabBarContextMenu-027af3a8', './ConveyorBeltFocusContext-7d718341'], (function(e,t,s,a,o,n,r,i,l,c,d,b,u,m,x,f,y,T,C,S,B,h,p,v,g,M,N,I,E,F,A,L,U,w,k,_,R,j,P,H,V,D,K,O,z,q,G,J,Q,W,X,Y){"use strict";const Z=a.forwardRef(((e,o)=>{const{children:n,onRemove:r,onSelect:l,selection:c,size:d,"aria-label":b,"aria-labelledby":u}=e,m=s.useRef(null),x=G.isMobile(),f=s.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=Q.getItemAttribute(e.itemKey,m.current,Q.REMOVABLE_ITEM_ATTRIBUTE)&&x){const s=e.defaultMenuItems;return t.jsx(t.Fragment,{children:s})}}return null}})),[]),{rootProps:y,tabBarContext:T,menuProps:C,contextMenuContext:B,contextMenuDescription:h,contextMenuDescriptionId:p,accStatusInfo:v}=(g={class:J.styles.tabBarBase,edge:"bottom",onRemove:r,onSelect:l,ref:m,selection:c,size:d,children:n,contextMenuConfig:f},Q.useTabBar(g));var g;const N=null!=f&&x;a.useImperativeHandle(o,(()=>({focus:()=>{m.current&&m.current.focus()},blur:()=>{m.current&&m.current.blur()}})));const[I,E]=s.useState(!1),F=s.useCallback((()=>{m.current?.focus()}),[]),A=s.useCallback((()=>{E(!0)}),[]),L=s.useCallback((()=>{E(!1)}),[]),U=s.useCallback((e=>{"Tab"!==e.key||e.shiftKey||A?.()}),[A]),w=s.useCallback((()=>{L?.()}),[L]),k=s.useMemo((()=>({focusTabbarRoot:F,isSuppressOverflowFocus:I,beginTabPass:A,endTabPass:L})),[I,F,A,L]),_=S.mergeProps(y,{onKeyDown:U,onBlur:w});return t.jsxs(Y.ConveyorBeltFocusContext.Provider,{value:k,children:[t.jsx(i.TabBarContext.Provider,{value:T,children:t.jsx("div",{..._,ref:m,"aria-label":b,"aria-labelledby":u,children:n})}),N&&p&&h&&t.jsx("span",{id:p,children:t.jsx(M.HiddenAccessible,{children:h})}),N&&v&&t.jsx(W.LiveRegion,{children:v}),N&&t.jsx(X.TabBarContextMenu,{...C,contextMenuConfig:f,contextMenuContext:B})]})}));e.TabBarMixed=Z}));
+//# sourceMappingURL=TabBarMixed-b61a657d.js.map

package/amd/{TabBarMixed-e16ca418.js.map → TabBarMixed-b61a657d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixed-e16ca418.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem** and **OverflowTabBarItem**\n   * elements should also be used. Dynamic tabs can be made removable\n   * by setting `isRemovable` to `true` on **TabBarItem**.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\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: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\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={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","getItemAttribute","itemKey","current","REMOVABLE_ITEM_ATTRIBUTE","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","options","class","styles","tabBarBase","edge","ref","contextMenuConfig","useTabBar","isContextMenuAvailable","useImperativeHandle","focus","blur","isSuppressOverflowFocus","setIsSuppressOverflowFocus","useState","focusTabbarRoot","useCallback","beginTabPass","endTabPass","onKeyDown","e","key","shiftKey","onBlur","focusContext","mergedRootProps","mergeProps","_jsxs","jsxs","ConveyorBeltFocusContext","Provider","value","TabBarContext","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"syDA2Ea,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,MAEjCC,EAAiBC,EAAAA,WACjBC,EAA2BC,EAAAA,SAAkD,KAC1E,CACLC,cAAgBC,IAEd,GAAIA,EAAS,CAGX,GADmF,MAAjFC,EAAgBA,iBAACD,EAAQE,QAAST,EAAQU,QAAUC,6BAC/BT,EAAgB,CACrC,MAAMU,EAAeL,EAAQM,iBAC7B,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAxB,SAAGmB,GACX,CACF,CACD,OAAO,IAAI,KAGd,KAEGM,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,IC9FyBC,ED+Fb,CACZC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNnC,WACAC,WACAmC,IAAK9B,EACLJ,YACAC,OACAJ,WACAsC,kBAAmB3B,GCvGhB4B,EAAAA,UAAUP,IADb,IAAyBA,ED2G3B,MAAMQ,EAAqD,MAA5B7B,GAAoCF,EAEnEgC,EAAmBA,oBAAC1C,GAAiB,KAAO,CAC1C2C,MAAO,KACDnC,EAAQU,SACVV,EAAQU,QAAQyB,OACjB,EAEHC,KAAM,KACApC,EAAQU,SACVV,EAAQU,QAAQ0B,MACjB,MAIL,MAAOC,EAAyBC,GAA8BC,EAAQA,UAAC,GAEjEC,EAAkBC,EAAAA,aAAY,KAClCzC,EAAQU,SAASyB,OAAO,GACvB,IAGGO,EAAeD,EAAAA,aAAY,KAC/BH,GAA2B,EAAK,GAC/B,IAGGK,EAAaF,EAAAA,aAAY,KAC7BH,GAA2B,EAAM,GAChC,IAEGM,EAAYH,eACfI,IAEe,QAAVA,EAAEC,KAAkBD,EAAEE,UAExBL,KACD,GAEH,CAACA,IAGGM,EAASP,EAAAA,aAAY,KAEzBE,KAAc,GACb,CAACA,IAEEM,EAAe5C,EAAAA,SACnB,KAAO,CACLmC,kBACAH,0BACAK,eACAC,gBAEF,CAACN,EAAyBG,EAAiBE,EAAcC,IAGrDO,EAAkBC,EAAAA,WAAWjC,EAAW,CAAE0B,YAAWI,WAE3D,OACEI,EAACC,KAAAC,EAAwBA,yBAACC,UAASC,MAAOP,EAAYxD,SAAA,CACpDqB,MAAC2C,EAAaA,cAACF,SAAQ,CAACC,MAAOrC,EAC7B1B,SAAAqB,EAAAA,IAAA,MAAA,CAAA,aAAiBhB,EAA4B,kBAAAC,KAAoBmD,WAC9DzD,MAGJwC,GAA0BV,GAA4BD,GACrDR,EAAMC,IAAA,OAAA,CAAA2C,GAAInC,WACRT,EAACC,IAAA4C,EAAgBA,iBAAE,CAAAlE,SAAA6B,MAGtBW,GAA0BT,GAAiBV,MAAC8C,EAAUA,WAAA,CAAAnE,SAAE+B,IACxDS,GACCnB,EAAAA,IAAC+C,EAAAA,kBACK,IAAAzC,EACJW,kBAAmB3B,EACnBiB,mBAAoBA,MAI1B"}
+{"version":3,"file":"TabBarMixed-b61a657d.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem** and **OverflowTabBarItem**\n   * elements should also be used. Dynamic tabs can be made removable\n   * by setting `isRemovable` to `true` on **TabBarItem**.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\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: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...mergedRootProps}\n            ref={rootRef}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\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={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","getItemAttribute","itemKey","current","REMOVABLE_ITEM_ATTRIBUTE","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","options","class","styles","tabBarBase","edge","ref","contextMenuConfig","useTabBar","isContextMenuAvailable","useImperativeHandle","focus","blur","isSuppressOverflowFocus","setIsSuppressOverflowFocus","useState","focusTabbarRoot","useCallback","beginTabPass","endTabPass","onKeyDown","e","key","shiftKey","onBlur","focusContext","mergedRootProps","mergeProps","_jsxs","ConveyorBeltFocusContext","Provider","value","TabBarContext","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"w0DA2Ea,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,MAEjCC,EAAiBC,EAAAA,WACjBC,EAA2BC,EAAAA,SAAkD,KAC1E,CACLC,cAAgBC,IAEd,GAAIA,EAAS,CAGX,GADmF,MAAjFC,EAAgBA,iBAACD,EAAQE,QAAST,EAAQU,QAAUC,6BAC/BT,EAAgB,CACrC,MAAMU,EAAeL,EAAQM,iBAC7B,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAxB,SAAGmB,GACX,CACF,CACD,OAAO,IAAI,KAGd,KAEGM,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,IC9FyBC,ED+Fb,CACZC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNnC,WACAC,WACAmC,IAAK9B,EACLJ,YACAC,OACAJ,WACAsC,kBAAmB3B,GCvGhB4B,EAAAA,UAAUP,IADb,IAAyBA,ED2G3B,MAAMQ,EAAqD,MAA5B7B,GAAoCF,EAEnEgC,EAAmBA,oBAAC1C,GAAiB,KAAO,CAC1C2C,MAAO,KACDnC,EAAQU,SACVV,EAAQU,QAAQyB,OACjB,EAEHC,KAAM,KACApC,EAAQU,SACVV,EAAQU,QAAQ0B,MACjB,MAIL,MAAOC,EAAyBC,GAA8BC,EAAQA,UAAC,GAEjEC,EAAkBC,EAAAA,aAAY,KAClCzC,EAAQU,SAASyB,OAAO,GACvB,IAGGO,EAAeD,EAAAA,aAAY,KAC/BH,GAA2B,EAAK,GAC/B,IAGGK,EAAaF,EAAAA,aAAY,KAC7BH,GAA2B,EAAM,GAChC,IAEGM,EAAYH,eACfI,IAEe,QAAVA,EAAEC,KAAkBD,EAAEE,UAExBL,KACD,GAEH,CAACA,IAGGM,EAASP,EAAAA,aAAY,KAEzBE,KAAc,GACb,CAACA,IAEEM,EAAe5C,EAAAA,SACnB,KAAO,CACLmC,kBACAH,0BACAK,eACAC,gBAEF,CAACN,EAAyBG,EAAiBE,EAAcC,IAGrDO,EAAkBC,EAAAA,WAAWjC,EAAW,CAAE0B,YAAWI,WAE3D,OACEI,EAAAA,KAACC,EAAAA,yBAAyBC,UAASC,MAAON,EAAYxD,SAAA,CACpDqB,EAAAA,IAAC0C,EAAAA,cAAcF,SAAS,CAAAC,MAAOpC,EAAa1B,SAC1CqB,EACMC,IAAA,MAAA,IAAAmC,EACJpB,IAAK9B,EACO,aAAAF,oBACKC,EAAcN,SAC9BA,MAGJwC,GAA0BV,GAA4BD,GACrDR,EAAMC,IAAA,OAAA,CAAA0C,GAAIlC,EAAwB9B,SAChCqB,EAAAA,IAAC4C,EAAAA,iBAAgB,CAAAjE,SAAE6B,MAGtBW,GAA0BT,GAAiBV,EAAAA,IAAC6C,EAAAA,qBAAYnC,IACxDS,GACCnB,EAAAC,IAAC6C,EAAiBA,kBACZ,IAAAxC,EACJW,kBAAmB3B,EACnBiB,mBAAoBA,MAI1B"}