@oracle/oraclejet-preact 17.0.9 → 17.0.11

package/es/UNSAFE_TabBarMixed.js

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
-export { T as TabBarMixed } from './TabBarMixed-1742d71e.js';
+export { T as TabBarMixed } from './TabBarMixed-3658d3d2.js';
 export { T as TabBarMixedSeparator } from './TabBarMixedSeparator-8ab78880.js';
 export { T as TabBarItem } from './TabBarItem-c681fa07.js';
 export { R as RemovableTabBarItem } from './RemovableTabBarItem-217d4a0b.js';
-export { O as OverflowTabBarItem } from './OverflowTabBarItem-d0a9dae6.js';
+export { O as OverflowTabBarItem } from './OverflowTabBarItem-f4360269.js';
 import './useTabBarContext-0071d2a7.js';
 import 'preact/hooks';
 export { T as TabBarLayout } from './TabBarLayout-a0d89ec4.js';
@@ -85,26 +85,8 @@ import './TooltipContentVariants.styles.css';
 import './EnvironmentProvider-f543a463.js';
 import './LayerManager-625d2503.js';
 import './IconStyle.styles.css';
-import './NavigationList-40cfa2f7.js';
-import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
-import './NavigationListStyles.styles.css';
-import './collectionUtils-d72c7c40.js';
-import './keys-df361af9.js';
-import './clientHints-c76a913b.js';
-import './useCollectionFocusRing-d0c80397.js';
-import './useCurrentKey-db7d3bb9.js';
-import './useNavigationListItem-5f7cd66b.js';
-import './usePress-97fc1cf1.js';
-import './useInteractionStyle-d65c72b6.js';
-import './useActive-7d9737a5.js';
-import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
-import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
-import './NavigationListItemStyles.styles.css';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
-import './NavigationListItemVariants.styles.css';
 import './keyboardUtils-4db21770.js';
+import './clientHints-c76a913b.js';
 import './tabbableUtils-dca964ca.js';
 import './head-6f17c50c.js';
 import './_arity-be492b9e.js';
@@ -131,6 +113,10 @@ import './OverflowTabBarItemStyles.styles.css';
 import './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js';
 import './TabBarMixedStyles.styles.css';
 import './useTabBar-8af19c50.js';
+import './collectionUtils-d72c7c40.js';
+import './keys-df361af9.js';
+import './useCollectionFocusRing-d0c80397.js';
+import './useCurrentKey-db7d3bb9.js';
 import './View-6013acac.js';
 import './borders-98a63040.js';
 import './colors-aab9ed12.js';
@@ -140,6 +126,7 @@ import './useDensity-60cfa748.js';
 import './equals-160da165.js';
 import './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js';
 import './TabBarMixedSeparator.styles.css';
+import './usePress-97fc1cf1.js';
 import './Text-da8588ce.js';
 import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js';
 import './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js';
@@ -165,6 +152,7 @@ import './Close-97d45aca.js';
 import './useTranslationBundle-cd815e10.js';
 import './EmbeddedIconButton-2bee9a35.js';
 import './BaseButton-5b2791b1.js';
+import './useActive-7d9737a5.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a3a351d0.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
@@ -180,13 +168,23 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
 import './ButtonLabelLayoutVariants.styles.css';
-import './NavigationListItem-1efd88f0.js';
-import './BaseNavigationListItem-f3bf5d85.js';
 import './Dropdown-717319bb.js';
 import './usePopupAnimation-4be04290.js';
 import './popupAnimationUtils-d4c27cd1.js';
 import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
 import './useOutsideMousedown-7307de8b.js';
 import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
-import './RemovableNavigationListItem-d55724ff.js';
+import './NavigationListItem-f44c1083.js';
+import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
+import './NavigationListStyles.styles.css';
+import './BaseNavigationListItem-3a377d46.js';
+import './useInteractionStyle-d65c72b6.js';
+import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
+import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
+import './NavigationListItemStyles.styles.css';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
+import './NavigationListItemVariants.styles.css';
+import './RemovableNavigationListItem-4c86bec8.js';
 //# sourceMappingURL=UNSAFE_TabBarMixed.js.map

package/es/UNSAFE_TabBarMixed.js.map

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

package/es/UNSAFE_TextArea.js

@@ -1,5 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
-export { M as MaxLengthCounter, T as TextArea } from './TextArea-979496a0.js';
+export { T as TextArea } from './TextArea-d97aac1f.js';
+export { M as MaxLengthCounter } from './MaxLengthCounter-cead2dac.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import './FormContext-4d71f9c7.js';
@@ -226,7 +227,7 @@ import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
 import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
 import './ReadonlyTextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
-import './ReadonlyTextFieldVariants.styles2.css';
+import './ReadonlyTextFieldVariants.styles.css';
 import './TextField-323fe0e9.js';
 import './MaxLengthLiveRegion-cd15b075.js';
 import './useDebounce-fa5a80e9.js';
@@ -258,6 +259,6 @@ import './CompactUserAssistance-41c32c6f.js';
 import './Separator-93c70737.js';
 import './useLengthFilter-f72f45ac.js';
 import './lengthFilter-d249a7ab.js';
-import './MaxLengthCounterStyles.styles.css';
 import './useCurrentValueReducer-bdf796fa.js';
+import './MaxLengthCounterStyles.styles.css';
 //# sourceMappingURL=UNSAFE_TextArea.js.map

package/es/UNSAFE_TextArea.js.map

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

package/es/UNSAFE_TextAreaAutosize.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { T as TextAreaAutosize } from './TextAreaAutosize-b73aaa2f.js';
+export { T as TextAreaAutosize } from './TextAreaAutosize-68a4786d.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import './FormContext-4d71f9c7.js';
@@ -226,7 +226,7 @@ import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
 import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
 import './ReadonlyTextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
-import './ReadonlyTextFieldVariants.styles2.css';
+import './ReadonlyTextFieldVariants.styles.css';
 import './TextField-323fe0e9.js';
 import './MaxLengthLiveRegion-cd15b075.js';
 import './useDebounce-fa5a80e9.js';
@@ -259,6 +259,6 @@ import './Separator-93c70737.js';
 import './useLengthFilter-f72f45ac.js';
 import './lengthFilter-d249a7ab.js';
 import './useCurrentValueReducer-bdf796fa.js';
-import './TextArea-979496a0.js';
+import './MaxLengthCounter-cead2dac.js';
 import './MaxLengthCounterStyles.styles.css';
 //# sourceMappingURL=UNSAFE_TextAreaAutosize.js.map

package/es/UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js

@@ -4,7 +4,7 @@ import { multiVariantStyles } from './ReadonlyTextFieldVariants.css.js';
 import './../../../SkeletonStyles.styles.css';
 import './../../../TextFieldLoadingStyles.styles.css';
 import './../../../ReadonlyTextFieldStyles.styles.css';
-import './../../../ReadonlyTextFieldVariants.styles2.css';
+import './../../../ReadonlyTextFieldVariants.styles.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 const ReadonlyTextFieldRedwoodTheme = {

package/es/UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js

@@ -2,7 +2,7 @@
 import './../../../SkeletonStyles.styles.css';
 import './../../../TextFieldLoadingStyles.styles.css';
 import './../../../ReadonlyTextFieldStyles.styles.css';
-import './../../../ReadonlyTextFieldVariants.styles2.css';
+import './../../../ReadonlyTextFieldVariants.styles.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'ReadonlyTextFieldStyles_readOnlyBase__71tiu80',variantClassNames:{insideNonReadonlyForm:{isInsideNonReadonlyForm:'ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0',notInsideNonReadonlyForm:'ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1'},insideLabel:{hasInsideLabel:'',noInsideLabel:''},textarea:{isTextArea:'ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4',notTextArea:''},loading:{isLoading:'TextFieldLoadingStyles_loadingStyles__1aqgcm00',notLoading:''},inputGroupPosition:{groupLeft:'',groupRight:'',groupMiddle:''},withinGroup:{isWithinGroup:''},resize:{horizontal:'ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc',vertical:'ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod',both:'ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe',none:'ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof'}},defaultVariants:{},compoundVariants:[[{textarea:'isTextArea',insideNonReadonlyForm:'notInsideNonReadonlyForm'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog'],[{insideLabel:'hasInsideLabel',insideNonReadonlyForm:'isInsideNonReadonlyForm'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh'],[{insideLabel:'hasInsideLabel',insideNonReadonlyForm:'isInsideNonReadonlyForm',textarea:'isTextArea'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupLeft'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupRight'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupMiddle'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol'],[{withinGroup:'isWithinGroup',insideLabel:'noInsideLabel'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom']]});

package/es/UNSAFE_TextField/themes/stable/ReadonlyTextFieldTheme.js

@@ -4,7 +4,7 @@ import { multiVariantStyles } from './ReadonlyTextFieldVariants.css.js';
 import './../../../SkeletonStyles.styles.css';
 import './../../../TextFieldLoadingStyles.styles.css';
 import './../../../ReadonlyTextFieldStyles.styles.css';
-import './../../../ReadonlyTextFieldVariants.styles.css';
+import './../../../ReadonlyTextFieldVariants.styles2.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 const ReadonlyTextFieldStableTheme = {

package/es/UNSAFE_TextField/themes/stable/ReadonlyTextFieldVariants.css.js

@@ -2,7 +2,7 @@
 import './../../../SkeletonStyles.styles.css';
 import './../../../TextFieldLoadingStyles.styles.css';
 import './../../../ReadonlyTextFieldStyles.styles.css';
-import './../../../ReadonlyTextFieldVariants.styles.css';
+import './../../../ReadonlyTextFieldVariants.styles2.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'ReadonlyTextFieldStyles_readOnlyBase__71tiu80',variantClassNames:{insideNonReadonlyForm:{isInsideNonReadonlyForm:'ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0',notInsideNonReadonlyForm:'ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1'},insideLabel:{hasInsideLabel:'',noInsideLabel:''},textarea:{isTextArea:'ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4',notTextArea:''},loading:{isLoading:'TextFieldLoadingStyles_loadingStyles__1aqgcm00',notLoading:''},inputGroupPosition:{groupLeft:'',groupRight:'',groupMiddle:''},withinGroup:{isWithinGroup:''},resize:{horizontal:'ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc',vertical:'ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd',both:'ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse',none:'ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf'}},defaultVariants:{},compoundVariants:[[{textarea:'isTextArea',insideNonReadonlyForm:'notInsideNonReadonlyForm'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg'],[{insideLabel:'hasInsideLabel',insideNonReadonlyForm:'isInsideNonReadonlyForm'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh'],[{insideLabel:'hasInsideLabel',insideNonReadonlyForm:'isInsideNonReadonlyForm',textarea:'isTextArea'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupLeft'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupRight'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupMiddle'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl'],[{withinGroup:'isWithinGroup',insideLabel:'noInsideLabel'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm']]});

package/es/UNSAFE_TextField.js

@@ -106,7 +106,7 @@ import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
 import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
 import './ReadonlyTextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
-import './ReadonlyTextFieldVariants.styles2.css';
+import './ReadonlyTextFieldVariants.styles.css';
 import './useTextFieldInputHandlers-fb7c06b4.js';
 import './mergeProps-88ea8306.js';
 import './UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js';

package/es/hooks/UNSAFE_useContainerBreakpointValues.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
-import { d as defaultBreakpoints } from '../useBreakpoints-13aa87e6.js';
 import { u as useContainerBreakpoints } from '../useContainerBreakpoints-3db52e52.js';
+import { d as defaultBreakpoints } from '../useBreakpoints-13aa87e6.js';
 import 'preact/hooks';
 
 /*

package/package.json

@@ -5,7 +5,7 @@
   "scripts": {},
   "devDependencies": {},
   "dependencies": {
-    "@oracle/oraclejet-testing": "17.0.9",
+    "@oracle/oraclejet-testing": "17.0.11",
     "csstype": "3.1.1"
   },
   "peerDependencies": {
@@ -33,5 +33,5 @@
       ]
     }
   },
-  "version": "17.0.9"
+  "version": "17.0.11"
 }

package/amd/Center-5f845605.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Flex-1f27b601'], (function(e,t,i){"use strict";e.Center=function({children:e,width:n="100%",height:r="100%",...c}){return t.jsx(i.Flex,{...c,justify:"center",align:"center",width:n,height:r,children:e})}}));
-//# sourceMappingURL=Center-5f845605.js.map

package/amd/CheckboxSet-9c883a32.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContextProps-4e36b4c3', 'css!./CheckboxSetStyles.styles.css', './useId-c9578d26', './CheckboxRadioField-da88bd6f'], (function(e,s,t,i,o,a,l,r,d,n,c,u){"use strict";const x=t.createContext({});var b="CheckboxSetStyles_styles_ul__68p6630";const h=o.forwardRef((({"aria-describedby":e,assistiveText:o,columnSpan:a,direction:n="column",helpSourceLink:h,helpSourceText:m,isDisabled:C,isReadonly:p,isRequired:S=!1,label:y,labelEdge:F,labelStartWidth:k,messages:v,onCommit:R,userAssistanceDensity:f,value:D,children:g,testId:j},I)=>{const A=void 0!==D&&D.size>0,P=c.useId(),{isDisabled:T,isReadonly:_,labelEdge:E,labelStartWidth:V,userAssistanceDensity:W}=l.useFormContext(),q=C??T,L=p??_,w=F??E,z=k??V,B=f??W,M=d.useFormFieldContextProps({hasValue:A,isDisabled:q,isReadonly:L}),N=i.useMemo((()=>({name:P,value:D,onCommit:R})),[P,R,D]),G=t.toChildArray(g).filter(Boolean).map((e=>s.jsx("li",{children:e})));return s.jsx(r.FormFieldContext.Provider,{value:M,children:s.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:o,baseId:P,columnSpan:a,direction:n,helpSourceLink:h,helpSourceText:m,isDisabled:q,isReadonly:L,isRequired:S,label:y,labelEdge:w,labelStartWidth:z,parentComponentVariant:"checkboxSet",messages:v,userAssistanceDensity:B,hasValue:A,role:"group",testId:j,ref:I,children:s.jsx(x.Provider,{value:N,children:s.jsx("ul",{className:b,children:G})})})})}));e.CheckboxSet=h,e.CheckboxSetContext=x,e.useCheckboxSetContext=()=>i.useContext(x)}));
-//# sourceMappingURL=CheckboxSet-9c883a32.js.map

package/amd/CheckboxSet-9c883a32.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxSet-9c883a32.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["CheckboxSetContext","createContext","CheckboxSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","children","testId","ref","hasValue","undefined","size","baseId","useId","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","checkboxSetContext","useMemo","name","wrappedChildren","toChildArray","filter","Boolean","map","item","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","className","styles","useContext"],"mappings":"6UAWA,MAAMA,EAAqBC,EAAaA,cAA0B,iDC4F3D,MAAMC,EAAcC,EAAUA,YACnC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,sBAAuBC,EACvBC,QACAC,WACAC,UAEFC,KAEA,MAAMC,OAAqBC,IAAVL,GAAsBA,EAAMM,KAAO,EAC9CC,EAASC,EAAAA,SAGbtB,WAAYuB,EACZrB,WAAYsB,EACZlB,UAAWmB,EACXjB,gBAAiBkB,EACjBd,sBAAuBe,GACrBC,EAAcA,iBAGZ5B,EAAaC,GAAkBsB,EAC/BrB,EAAaC,GAAkBqB,EAC/BlB,EAAYC,GAAiBkB,EAC7BjB,EAAkBC,GAAuBiB,EACzCd,EAAwBC,GAA6Bc,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDZ,WACAlB,aACAE,eAGI6B,EAAqBC,EAAAA,SACzB,KAAO,CACLC,KAAMZ,EACNP,QACAH,cAEF,CAACU,EAAQV,EAAUG,IAKfoB,EADgBC,EAAAA,aAAapB,GAAUqB,OAAOC,SACdC,KAAKC,GAASC,MAAA,KAAA,CAAAzB,SAAKwB,MAEzD,OACEC,EAAAA,IAACC,EAAAA,iBAAiBC,UAAS5B,MAAOe,EAAgBd,SAChDyB,EAAAA,IAACG,EAAAA,uCACmBjD,EAClBC,cAAeA,EACf0B,OAAQA,EACRzB,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjBoC,uBAAuB,cACvBlC,SAAUA,EACVE,sBAAuBA,EACvBM,SAAUA,EACV2B,KAAK,QACL7B,OAAQA,EACRC,IAAKA,EACLF,SAAAyB,EAAAM,IAACxD,EAAmBoD,SAAQ,CAAC5B,MAAOiB,EAAkBhB,SACpDyB,EAAAA,UAAIO,UAAWC,EAASjC,SAAGmB,SAIjC,mEDpLwB,IAAMe,EAAAA,WAAW3D"}

package/amd/CompactLabelAssistance-91aeaa2e.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useTooltip-d28e9b0f', './useTooltipControlled-abf886f2', './useTranslationBundle-6ef0dab6', './classNames-08d99695', './CompactHelpSource-7de24d56', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,r,a,o,l,n){"use strict";e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:r,helpSourceText:c,isRequiredShown:i,labelEdge:d})=>{const u=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:p,tooltipProps:m}=t.useTooltip({text:u,offset:{mainAxis:8}}),x=o.classNames([n.requiredIconBase,"start"===d&&n.requiredIconLabelEdgeStart]),f=i&&s.jsxs("span",{children:[s.jsx("span",{class:x,...m}),p]}),h=(r||c)&&s.jsx(l.CompactHelpSource,{id:e,labelEdge:d,source:r,children:c});return s.jsxs(s.Fragment,{children:["start"!==d&&f,h,"start"===d&&f]})}}));
-//# sourceMappingURL=CompactLabelAssistance-91aeaa2e.js.map

package/amd/HighlightText-ad9bc1f8.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'css!./HighlightTextStyles.styles.css', './useTestId-82cf22a4'], (function(e,t,s,n){"use strict";const i="__@@__",c=`${i}$&${i}`;e.HighlightText=function({children:e="",matchText:s="",testId:l}){const h=n.useTestId(l);if(s.length>0&&e.length>0){const n=s.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),l=e.replace(new RegExp(n,"gi"),c).split(i).map(((e,s)=>s%2==0?e:t.jsx("span",{class:"HighlightTextStyles_highlightStyles__6s5c4p0",children:e})));return t.jsx("span",{...h,children:l})}return t.jsx("span",{...h,children:e})}}));
-//# sourceMappingURL=HighlightText-ad9bc1f8.js.map

package/amd/Layer-3cc44164.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-eab40731', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-41cbd433'], (function(e,t,r,s,o,a,n){"use strict";const l=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=l,e.Layer=({children:e,logicalParentRef:c,priority:i="popup",level:y="nearestAncestor"})=>{const u=r.useContext(s.LayerContext),[p,d]=r.useState(null),L=r.useRef(null),m=e=>{L.current=e,d(e)},g=n.useThemeInterpolations();let b=a.styles.popupPriorityStyle;switch(i){case"dialog":b=a.styles.dialogPriorityStyle;break;case"messages":b=a.styles.messagesPriorityStyle;break;default:b=a.styles.popupPriorityStyle}const f=o.classNames([g,a.baseStyle,b]);r.useLayoutEffect((()=>{const e="topLevel"===y?u.getRootLayerHost?.(i):u.getLayerHost?.(i);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer","true"),c&&(t[l]=c.current),e.appendChild(t),m(t),()=>{e&&t&&e.contains(t)&&(delete t[l],e.removeChild(t)),u.onLayerUnmount&&u.onLayerUnmount(t),m(null)}}),[c,u,y,i]),p&&(p.className=f);const S=()=>p;let h={};return u.getLayerHost&&(h={getRootLayerHost:u.getRootLayerHost?.bind(null,i),getLayerHost:S.bind(null)}),t.jsx(s.LayerContext.Provider,{value:h,children:p&&r.createPortal(e,p)})}}));
-//# sourceMappingURL=Layer-3cc44164.js.map

package/amd/ListItemLayout-dba9e24b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Grid-85171367', './classNames-08d99695', './UNSAFE_ListItemLayout/themes/ListItemLayoutStyles.css'], (function(s,e,l,t,i){"use strict";s.ListItemLayout=function({children:s,selector:a,leading:n,primary:c,secondary:r,tertiary:d,overline:y,metadata:o,trailing:m,action:h,quaternary:u,navigation:x}){const{columnsTemplate:j,firstCell:S,secondCell:v,lastCell:N,hasSecondRow:p}=function(s,l,a,n,c,r,d){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:i.styles.selectorStyles,children:s}));let m=null;l&&(y.push("auto"),m=e.jsx("div",{className:i.styles.centerVerticalStyles,children:l}));y.push("1fr");let h=null;(a||n||c||d)&&(y.push("auto"),h=e.jsxs("div",{className:i.styles.flexRowStyles,children:[e.jsx("div",{className:t.classNames([i.styles.centerVerticalStyles,a?i.styles.leftPaddingStyles:""]),children:a}),e.jsx("div",{className:t.classNames([i.styles.centerVerticalStyles,n?i.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([i.styles.centerVerticalStyles,c?i.styles.actionStyles:""]),children:c})]}));const u=y.join(" "),x=!(!r&&!d);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:x}}(a,n,o,m,h,u,x),f=s?e.jsx("div",{className:i.styles.childrenStyles,children:s}):e.jsxs("div",{className:i.styles.flexColumnStyles,children:[e.jsx("div",{children:y}),e.jsx("div",{children:c}),e.jsx("div",{children:r}),e.jsx("div",{children:d})]}),g=p?[S&&e.jsx("span",{children:" "}),v&&e.jsx("span",{children:" "}),e.jsx("div",{className:i.styles.rowAlignStyles,children:u}),N&&e.jsx("div",{className:i.styles.endJustifyStyles,children:x})]:null;return e.jsxs(l.Grid,{gap:"4x",gridTemplateColumns:j,children:[S,v,e.jsx("div",{className:i.styles.centerVerticalStyles,children:f}),N,g]})}}));
-//# sourceMappingURL=ListItemLayout-dba9e24b.js.map

package/amd/LiveRegion-be6f36d7.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-82cf22a4'], (function(e,t,s,i,c){"use strict";e.LiveRegion=function({testId:e,atomic:i="false",children:n="",timeout:o=100,type:a="polite"}){const u=function(e,t){const[i,c]=s.useState(""),n=s.useCallback((()=>c(e)),[e]),o=s.useCallback((()=>setTimeout(n,t)),[n,t]);return s.useEffect((()=>{const e=o();return()=>clearTimeout(e)}),[o]),i}(n,o),r=c.useTestId(e);return t.jsx("span",{"aria-live":a,"aria-atomic":i,class:"LiveRegionStyles_offScreenStyle__1uvpdtw0",...r,children:u})}}));
-//# sourceMappingURL=LiveRegion-be6f36d7.js.map

package/amd/MaxLengthLiveRegion-23d7e335.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-6ef0dab6', './LiveRegion-be6f36d7'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({maxLength:e,testId:a,valueLength:r=0}){const s=t.useDebounce(e-r,500),u=i.useTranslationBundle("@oracle/oraclejet-preact").formControl_maxLengthRemaining({CHARACTER_COUNT:`${s}`});return n.jsx(o.LiveRegion,{testId:a,children:u})}}));
-//# sourceMappingURL=MaxLengthLiveRegion-23d7e335.js.map

package/amd/MessageLayer-d2c49999.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Flex-1f27b601', './WindowOverlay-c09fece2', './useUser-6dd85af9', './Layer-3cc44164', 'preact/compat', './LayerHost-eab40731'], (function(t,e,o,s,r,i,a,n){"use strict";t.MessageLayer=({children:t,offset:a,testId:n,position:c="bottom"})=>{const l=c.split("-")[0];let p;p="number"==typeof a?{mainAxis:a,crossAxis:a}:"top"==l||"bottom"==l?{mainAxis:a?.vertical,crossAxis:a?.horizontal}:{mainAxis:a?.horizontal,crossAxis:a?.vertical};const{direction:d}=r.useUser(),m="ltr"===d;let b;switch(c){case"top-left":b=m?"top-start":"top-end";break;case"top-right":b=m?"top-end":"top-start";break;case"bottom-left":b=m?"bottom-start":"bottom-end";break;case"bottom-right":b=m?"bottom-end":"bottom-start";break;default:b=c}return e.jsx(i.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:b,offset:p,children:e.jsx("div",{"data-testid":n,children:e.jsx(o.Flex,{direction:"column",gap:"2x",children:t})})})})},t.positions=["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]}));
-//# sourceMappingURL=MessageLayer-d2c49999.js.map

package/amd/SectionedContent-655a773a.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-de472a1d', './Flex-1f27b601', './FocusTrap-eb3989cb', './keyboardUtils-244467a7', './useTestId-82cf22a4', './View-8701dec6'], (function(e,n,o,t,i,a,d,s,r){"use strict";const c="bottom-start";e.SectionedContent=({"aria-label":e,contentRef:t,gap:c,footer:l,hasFocusTrap:p=!1,header:u,main:x,paddingBlockEnd:g="4x",paddingBlockStart:b="4x",paddingInlineEnd:f="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const I=s.useTestId(S),j=o.useRef(null),m=t??j,w=o.useCallback((e=>{e.code===d.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(i.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:g,paddingBlockStart:b,paddingInlineEnd:f,paddingInlineStart:h,children:x}),l]}),T=p?n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:m,role:k,...I,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:i,onPosition:a,...d})=>{const[s,r]=o.useState(c),[l,p]=o.useState(i);l!==i&&(p(i),i||r(c));const u=o.useCallback((e=>{r(e.placement),a?.(e)}),[a,r]);return n.jsx(t.Dropdown,{isOpen:i,onPosition:u,placement:s,...d,children:e})}}));
-//# sourceMappingURL=SectionedContent-655a773a.js.map

package/amd/SelectionCard-0ecc7773.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './dimensions-89f18413', './padding-3551ce8e', './colors-86fa94ea', './aria-232c9168', './mergeInterpolations-9ede4cf7', './useTestId-82cf22a4', './UNSAFE_SelectionCard/themes/SelectionCardStyles.css', './useHover-1890d6a0'], (function(e,s,t,o,r,a,l,n,c,i,d){"use strict";const u=[...Object.values(o.dimensionInterpolations),...Object.values(a.colorInterpolations),...Object.values(l.ariaInterpolations),...Object.values(r.paddingInterpolations)],p=n.mergeInterpolations(u);e.SelectionCard=({children:e,isSelected:o=!1,testId:r,...a})=>{const{hoverProps:l,isHover:n}=d.useHover(),{class:u,...v}=p(a),S=t.classNames([i.baseStyle,u,n&&i.hoverStyle,o&&(n?i.selectedHoverStyle:i.selectedStyle)]),I=c.useTestId(r);return s.jsx("div",{role:"region",...l,class:S,style:v,...I,children:e})}}));
-//# sourceMappingURL=SelectionCard-0ecc7773.js.map

package/amd/TabBarMixedSeparator-10a52b13.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './View-8701dec6', './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css'], (function(e,r,a,s){"use strict";e.TabBarMixedSeparator=function(e){const{padding:t=0}=e;return r.jsx(a.View,{padding:[0,t,0,t],children:r.jsx("div",{class:s.styles.separator,role:"presentation"})})}}));
-//# sourceMappingURL=TabBarMixedSeparator-10a52b13.js.map

package/amd/VisNoData-bfb5065e.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css', './Flex-1f27b601', './classNames-08d99695', './useTranslationBundle-6ef0dab6', './layoutUtils-3c2d340e'], (function(e,a,l,i,s,t,r){"use strict";function d({children:e,...t}){const r=s.classNames([t.isSelectable?"":l.userSelectStyles,l.baseStyles]);return a.jsx("div",{class:r,tabIndex:0,role:"application",id:t.id,"aria-label":t["aria-label"],"aria-describedby":t["aria-describedby"],"aria-labelledby":t["aria-labelledby"],children:a.jsx(i.Flex,{width:"100%",height:"100%",justify:"center",align:"center",children:e})})}const n=e=>{const a=e.ariaLabel?r.getRandomId():void 0;return{ariaLabelledBy:`${e.ariaLabelledby??""} ${a??""} ${e.textId}`.trim(),id:a}};e.VisNoData=function(e){const l=t.useTranslationBundle("@oracle/oraclejet-preact").vis_noData(),i=r.getRandomId(),{ariaLabelledBy:s,id:b}=n({ariaLabel:e["aria-label"],ariaLabelledby:e["aria-labelledby"],textId:i});return a.jsx(d,{id:b,"aria-label":e["aria-label"],"aria-describedby":e["aria-describedby"],"aria-labelledby":s,children:a.jsx("span",{id:i,children:l})})},e.VisStatusMessage=d}));
-//# sourceMappingURL=VisNoData-bfb5065e.js.map

package/amd/index-17fdb080.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-17fdb080.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/useCssVars-948d1e7c.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useUser-6dd85af9', './useTheme-1941efb7', './useColorScheme-711c1e4b', './useScale-e6b83382'], (function(e,s,r,t,o,n,u){"use strict";e.useCssVars=function(e){const c=r.useRef(null),[a,f]=r.useState({}),{forcedColors:l}=t.useUser(),{name:d}=o.useTheme(),i=u.useScale(),p=n.useColorScheme(),h=e.reduce(((e,s)=>(s.cssProp&&(e[s.cssProp]=s.tokenVar),e)),{}),m=s.jsx("div",{ref:c,style:{display:"none",...h}});return r.useLayoutEffect((()=>{if(!c.current)return;const s=window.getComputedStyle(c.current),r={};e.forEach((e=>{const t=e.cssProp||function(e){const s=e.match(/var\((--[a-zA-Z_0-9\-]+)\)/);return s&&s.length>1?s[1]:""}(e.tokenVar);r[e.key]=s.getPropertyValue(t)})),f(r)}),[l,d,p,i,e]),{resolvedVars:a,cssContent:m}}}));
-//# sourceMappingURL=useCssVars-948d1e7c.js.map

package/amd/useCurrentKey-00f81f0b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './keys-cc1cb01d', './useUser-6dd85af9'], (function(e,t,r,s){"use strict";e.useCurrentKey=function(e,n,c,i,o,u,l,a,f){const{direction:y}=s.useUser(),K=t.useCallback(((e,t)=>f?f(e,t):e===t),[f]),d=t.useCallback((e=>{if(a&&r.isKeyDefined(l)){const t="rtl"===y,s={ArrowUp:c,ArrowDown:i,ArrowLeft:t?u:o,ArrowRight:t?o:u};if(Object.keys(s).includes(e.key)&&(n||!e.shiftKey)&&!e.metaKey&&!e.ctrlKey){const t=s[e.key]?.();r.isKeyDefined(t)&&!K(l,t)&&a({value:t}),e.preventDefault()}}}),[l,a,c,i,o,u,K,n,y]),k=t.useCallback((t=>{if(a&&!t.shiftKey){const s=e(t.target);r.isKeyDefined(s)&&!K(l,s)&&a({value:s})}}),[l,e,a,K]);return{currentKeyProps:null==a?{}:{onClickCapture:k,onKeyDown:d}}}}));
-//# sourceMappingURL=useCurrentKey-00f81f0b.js.map

package/amd/useKeyboardEvents-e9a2b72b.js

@@ -1,2 +0,0 @@
-define(['exports', './useUser-6dd85af9'], (function(e,a){"use strict";const r=(e,a,r)=>{r?.({value:e}),a.current=e},t=e=>{e.preventDefault(),e.stopPropagation()};e.handleInput=r,e.useKeyboardEvents=function(e,n,s,o,c,i,u){const{direction:b}=a.useUser(),h="rtl"===b;return{onKeyUp:a=>{switch(a.key){case"Enter":i?.({value:e}),t(a);break;case"Tab":r(e,c,u),t(a);break;case"Home":r(n,c,u),t(a);break;case"End":r(s,c,u),t(a)}},onKeyDown:a=>{switch(a.key){case"Tab":return;case"ArrowDown":r(Math.max(n,e-o),c,u),t(a);break;case"ArrowUp":r(Math.min(s,e+o),c,u),t(a);break;case"ArrowLeft":{const i=h?Math.min(s,e+o):Math.max(n,e-o);r(i,c,u),t(a);break}case"ArrowRight":{const i=h?Math.max(n,e-o):Math.min(s,e+o);r(i,c,u),t(a);break}}}}}}));
-//# sourceMappingURL=useKeyboardEvents-e9a2b72b.js.map

package/amd/usePrefixSuffix-6ad5569e.js

@@ -1,2 +0,0 @@
-define(['exports', './stringUtils-0ae982c2', './useUser-6dd85af9'], (function(e,i,s){"use strict";e.usePrefixSuffix=({baseId:e,hasEndContent:t,hasInsideLabel:d,hasStartContent:a,hasValue:r,isDisabled:n,isFocused:f,labelId:o,prefix:u,suffix:l,value:x})=>{const{direction:$}=s.useUser(),v=`${e}-prefix`,c=`${e}-suffix`,h=void 0!==u&&""!==u,b=void 0!==l&&""!==l,p=h&&!n&&(r||f),I=b&&!n&&(r||f),P=h||b?function(e,i,s,t,d){if(!i)return d;const a="ltr"===e,r=void 0===s?"":a?`${s} `:` ${s}`,n=void 0===t?"":a?` ${t}`:`${t} `,f=`${r}${d}${n}`,o=`${n}${d}${r}`;return a?f:o}($,r,u,l,x):x;return{shouldRenderPrefix:p,shouldRenderSuffix:I,prefixProps:{id:v,hasEndContent:t,hasInsideLabel:d,hasStartContent:a,isDisabled:n,isFocused:f,text:u??"",variant:"prefix"},suffixProps:{id:c,hasInsideLabel:d,isDisabled:n,isFocused:f,text:l??"",variant:"suffix"},valuePrefixSuffix:P,ariaLabelledBy:h||b?i.merge([o,h?v:void 0,b?c:void 0]):void 0}}}));
-//# sourceMappingURL=usePrefixSuffix-6ad5569e.js.map

package/amd/useSelection-0440840d.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './eventsUtils-5d567a9d', 'preact/jsx-runtime', './BaseButton-83ce1d00', './Text-e132dec0', './useTranslationBundle-6ef0dab6', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', './Layer-3cc44164', 'preact/compat', './LayerHost-eab40731', './Floating-85851b1a'], (function(e,t,n,o,l,r,c,i,s,a,u,d){"use strict";const p=({onAction:e})=>{const t=`${c.useTranslationBundle("@oracle/oraclejet-preact").vis_clearSelection()}`;return o.jsx("div",{class:i.clearButtonStyles.base,children:o.jsx(l.BaseButton,{styling:["default"],elementDetails:{type:"span",isFocusable:!1,isLabel:!0},variant:"outlined",onAction:e,children:o.jsx(r.Text,{truncation:"ellipsis",weight:"inherit",children:t})})})},y=18;const g=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],f=(e,t,o,l,r,c)=>{let i=new Set([]);if(null!=e){i=new Set(t);const n=t.has(e);"toggle"===l?n?i.delete(e):"single"===o?i=new Set([e]):i.add(e):n||(i=new Set([e]))}n.isEqual(i,t)||c?.({ids:[...i],data:[...i].map(r)})};e.useSelection=function({selection:e=[],selectionMode:n="none",idExtracter:l,onChange:r,isDrillEnabled:c,isKeyboardSelection:i,getDataById:a}){const u=t.useRef(),{clearSelectionContent:x,tryToggleClearButton:h}=function({clearSelection:e}){const[n,l]=t.useState(!1),r=t.useRef({x:0,y:0}),c={mainAxis:2*y},i={current:r.current};return{clearSelectionContent:n?o.jsx(s.Layer,{children:o.jsx(d.Floating,{anchorRef:i,offsetValue:c,placement:"top",flipOptions:{crossAxis:!1,mainAxis:!1},shiftOptions:{crossAxis:!0,mainAxis:!0},children:o.jsx(p,{onAction:()=>{l(!1),e()}})})}):null,tryToggleClearButton:(e,t,o,c)=>"touch"===e.pointerType&&void 0===t&&"multiple"===o&&c.size>1&&(l(!n),r.current={x:e.clientX,y:e.clientY},!0)}}({clearSelection:()=>{f(void 0,new Set(e),n,"replace",a,r)}}),S=t.useCallback((t=>{const o=new Set(e);if(u.current&&c)return clearTimeout(u.current),void(u.current=void 0);const i=l(t);if(h(t,i,n,o))return;const s=t.metaKey,d=t.ctrlKey;t.defaultPrevented||null==i&&(s||d)||(c?u.current=setTimeout((()=>{f(i,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,r),u.current=void 0}),250):f(i,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,r))}),[e,n,r,l,c,a,h]),w=t.useCallback((t=>{const o=l(t),c=t.ctrlKey;f(o,new Set(e),n,c?"toggle":"replace",a,r)}),[e,n,r,l,a]),m=t.useCallback((t=>{const o=t.shiftKey,c=t.ctrlKey&&" "===t.key,s=-1!==g.indexOf(t.key),u=l(t);if(s||c||i&&i(t)){const t=o||c?"toggle":"replace";f(u,new Set(e),n,t,a,r)}}),[e,n,r,l,i,a]);return{selectionContent:x,selectionProps:"none"===n||null==r?{}:{onKeyUp:m,onContextMenu:w,onPointerUp:S}}}}));
-//# sourceMappingURL=useSelection-0440840d.js.map

package/amd/useSelection-f1d96ce9.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './keys-cc1cb01d', './useUser-6dd85af9', './textSelectionUtils-06c7855d'], (function(e,t,r,n,l){"use strict";const o=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"]),i=e=>"click"===e.type?"shiftClick":"keyup"===e.type&&" "===e.key?"shiftSpace":"keydown"===e.type&&o.has(e.key)?"shiftArrowKeys":void 0,s=(e,t,n,l,o,s,c,y,u,a)=>{const k=t(e.target);if(null==k)return;if(e.shiftKey&&void 0!==y&&a&&((e,t,n,l)=>"multiple"===n&&(l||r.containsKey(t,e)))(y,n,l,"click"===e.type)){const t=r.containsKey(n,k),l=i(e);if(t&&"shiftSpace"===l){const t=r.removeKey(n,k,s);u?.({value:t,target:e.target})}else a({value:{start:y,end:k},eventType:l});return void(c&&(c.current=k))}let p=n;r.containsKey(n,k)?"Enter"!==e.key&&("toggle"===o||e.ctrlKey||e.metaKey||" "===e.key?p=r.removeKey(n,k,s):"multiple"===l&&(n.all||n.keys.size>1)&&(p={all:!1,keys:new Set([k])})):p="single"===l||"Enter"===e.key||"replace"===o&&!e.ctrlKey&&!e.metaKey?{all:!1,keys:new Set([k])}:r.addKey(n,k),n!=p&&u&&(u({value:p,target:e.target}),"click"===e.type&&e.stopPropagation())};e.useSelection=function(e,o,c,y,u,a,k,p,f,d,K,v,w){const g=t.useRef(),h=t.useRef(!1),m=t.useCallback((e=>{h.current="touch"===e.pointerType,e.shiftKey&&"multiple"===c&&e.preventDefault()}),[h]),A=t.useCallback((t=>{l.getIsSelectionPending()||(s(t,e,o,c,h.current?"toggle":u,y,g,f,k,w),t.shiftKey||(g.current=void 0))}),[e,o,c,u,y,g,f,k,w]),S=t.useCallback((t=>{(" "===t.key||"Enter"===t.key&&a)&&s(t,e,o,c,u,y,g,p,k,t.shiftKey&&" "===t.key?w:void 0)}),[e,o,c,u,y,p,k,w,a]),{direction:D}=n.useUser(),b=t.useCallback((e=>{if(" "===e.key)return void e.preventDefault();const t=g.current||f,n="rtl"===D,l={ArrowUp:d?.(t,!0),ArrowDown:d?.(t,!1),ArrowLeft:K?.(t,!n),ArrowRight:K?.(t,n)},s=d&&K;if(Object.keys(l).includes(e.key))if(e.shiftKey&&v&&"multiple"===c){e.preventDefault();let t=o;!g.current&&r.isKeyDefined(f)&&(t={all:!1,keys:new Set([f])});const n=l[e.key],c=n?.();null!=c&&(v(c),s?w&&null!=f&&w({value:{start:f,end:c},eventType:i(e)}):(r.containsKey(t,c)?null!=g.current&&g.current!==c&&(t=r.removeKey(t,g.current,y)):t=r.addKey(t,c),o!=t&&k&&k({value:t,target:e.target})),g.current=c)}else g.current=void 0}),[o,y,k,f,d,K,v,D,w,c]);return{selectionProps:"none"===c||null==k?{}:{onPointerDown:m,onClick:A,onKeyDown:b,onKeyUp:S}}}}));
-//# sourceMappingURL=useSelection-f1d96ce9.js.map

package/amd/useThemeInterpolations-41cbd433.js

@@ -1,2 +0,0 @@
-define(['exports', './useColorScheme-711c1e4b', './useScale-e6b83382', './theme-a8f3d819', './mergeInterpolations-9ede4cf7', './LayerHost-eab40731'], (function(e,o,t,s,n,c){"use strict";e.useThemeInterpolations=function(){const e=o.useColorScheme(),r=t.useScale(),a=r!==c.DefaultEnvironment.scale?r:void 0,l=n.mergeInterpolations([...Object.values(s.themeInterpolations)]),{class:u}=l({colorScheme:e,scale:a});return u}}));
-//# sourceMappingURL=useThemeInterpolations-41cbd433.js.map

package/amd/useTooltip-d28e9b0f.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useTooltipControlled-abf886f2'], (function(t,o,e){"use strict";t.useTooltip=({text:t,position:s="bottom",isDisabled:i=!1,anchor:n={x:"element",y:"element"},offset:l,variant:a="tooltip",testId:p})=>{const[r,u]=o.useState(!1),c=i||!t,f=l||{mainAxis:8,crossAxis:0},d=o.useCallback((t=>{u(t.value)}),[]),{tooltipContent:x,tooltipProps:b}=e.useTooltipControlled({text:t,isOpen:r,position:s,isDisabled:c,offset:f,anchor:n,variant:a,onToggle:d,testId:p});return{tooltipContent:x,tooltipProps:b}}}));
-//# sourceMappingURL=useTooltip-d28e9b0f.js.map

package/es/BaseNavigationListItem-f3bf5d85.js

@@ -1,47 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, jsx } from 'preact/jsx-runtime';
-import { useRef } from 'preact/hooks';
-import { T as Text } from './Text-da8588ce.js';
-import { a as useNavigationListItem } from './useNavigationListItem-5f7cd66b.js';
-import { F as Flex } from './Flex-24628925.js';
-import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { S as SvgWarningS } from './WarningS-dc71c91a.js';
-import { S as SvgErrorS } from './ErrorS-e6e7e0e2.js';
-import { S as SvgInformationS } from './InformationS-170eee52.js';
-import { S as SvgSuccessS } from './SuccessS-b342103c.js';
-import { NavigationListItemRedwoodTheme } from './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
-import { B as Badge } from './Badge-a458c469.js';
-
-/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */
-function BaseNavigationListItem({ itemKey, label, badge, metadata, severity = 'none', removeIcon }) {
-    const itemRef = useRef(null);
-    //Logic of the component handled here
-    const { itemId, itemHandlers, itemClasses, isSelected, labelContainerClasses, labelContainerStyle } = useNavigationListItem({
-        itemKey
-    });
-    const severityRequirement = !(severity === 'none' || severity === undefined);
-    const IconComponent = (severityValue) => {
-        switch (severityValue) {
-            case 'error':
-                return jsx(SvgErrorS, { color: "danger" });
-            case 'warning':
-                return jsx(SvgWarningS, { color: "warning" });
-            case 'info':
-                return jsx(SvgInformationS, { color: "info" });
-            case 'confirmation':
-                return jsx(SvgSuccessS, { color: "success" });
-            default:
-                return null;
-        }
-    };
-    const { styles: { iconLabelContainer, iconContainer, navigationItemMetadata } } = useComponentTheme(NavigationListItemRedwoodTheme);
-    const navigationItemMatadata = classNames([navigationItemMetadata]);
-    const endIconContainerClasses = classNames([iconLabelContainer, iconContainer]);
-    const { styles: { navigationlistRemoveIcon } } = useComponentTheme(NavigationListItemRedwoodTheme);
-    const removeClass = classNames([navigationlistRemoveIcon]);
-    return (jsxs("li", { role: "tab", ...itemHandlers, "data-oj-key": itemKey, id: itemId, class: itemClasses, "aria-selected": isSelected, ref: itemRef, children: [label && (jsx("span", { class: labelContainerClasses, style: labelContainerStyle, children: jsx(Text, { size: "inherit", weight: "inherit", variant: "inherit", children: label }) })), (metadata || severityRequirement || badge || removeIcon) && (jsxs(Flex, { gap: "2x", align: "center", justify: "end", flex: "1 1 auto", children: [' ', badge && (jsx("span", { class: endIconContainerClasses, children: jsx(Badge, { size: "md", variant: "neutralSubtle", children: badge }) })), metadata && (jsx("span", { class: navigationItemMatadata, children: jsx(Text, { children: '( ' + metadata + ' )' }) })), severityRequirement && (jsx("span", { class: endIconContainerClasses, children: IconComponent(severity) })), removeIcon && jsx("span", { class: removeClass, children: removeIcon })] }))] }));
-}
-
-export { BaseNavigationListItem as B };
-//# sourceMappingURL=BaseNavigationListItem-f3bf5d85.js.map

package/es/BaseNavigationListItem-f3bf5d85.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseNavigationListItem-f3bf5d85.js","sources":["../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.tsx"],"sourcesContent":["import { useRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\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 {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { ComponentChildren } from 'preact';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\n\nexport type BaseNavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem.\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem.\n   */\n  label?: string;\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   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label.\n   */\n  severity?: Severity;\n  /**\n   * The content to be rendered for remove icon\n   */\n  removeIcon?: ComponentChildren;\n};\n\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function BaseNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity = 'none',\n  removeIcon\n}: BaseNavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    itemId,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle\n  } = useNavigationListItem({\n    itemKey\n  });\n\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        return <ErrorS color=\"danger\" />;\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 {\n    styles: { iconLabelContainer, iconContainer, navigationItemMetadata }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const navigationItemMatadata = classNames([navigationItemMetadata]);\n\n  const endIconContainerClasses = classNames([iconLabelContainer, iconContainer]);\n  const {\n    styles: { navigationlistRemoveIcon }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const removeClass = classNames([navigationlistRemoveIcon]);\n\n  return (\n    <li\n      role=\"tab\"\n      {...itemHandlers}\n      data-oj-key={itemKey}\n      id={itemId}\n      class={itemClasses}\n      aria-selected={isSelected}\n      ref={itemRef}>\n      {label && (\n        <span class={labelContainerClasses} style={labelContainerStyle}>\n          <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n            {label}\n          </Text>\n        </span>\n      )}\n      {(metadata || severityRequirement || badge || removeIcon) && (\n        <Flex gap=\"2x\" align=\"center\" justify=\"end\" flex=\"1 1 auto\">\n          {' '}\n          {badge && (\n            <span class={endIconContainerClasses}>\n              <Badge size=\"md\" variant=\"neutralSubtle\">\n                {badge}\n              </Badge>\n            </span>\n          )}\n          {metadata && (\n            <span class={navigationItemMatadata}>\n              <Text>{'( ' + metadata + ' )'}</Text>\n            </span>\n          )}\n          {severityRequirement && (\n            <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n          )}\n          {removeIcon && <span class={removeClass}>{removeIcon}</span>}\n        </Flex>\n      )}\n    </li>\n  );\n}\n"],"names":["_jsx","ErrorS","WarningS","InformationS","SuccessS","_jsxs"],"mappings":"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"}

package/es/CheckboxSet-836e3263.js

@@ -1,49 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { createContext, toChildArray } from 'preact';
-import { useContext, useMemo } from 'preact/hooks';
-import { forwardRef } from 'preact/compat';
-import './FormContext-4d71f9c7.js';
-import { u as useFormContext } from './useFormContext-875cacd7.js';
-import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
-import { u as useFormFieldContextProps } from './useFormFieldContextProps-d07cd618.js';
-import './CheckboxSetStyles.styles.css';
-import { u as useId } from './useId-03dbfdf0.js';
-import { C as CheckboxRadioField } from './CheckboxRadioField-c7c4643e.js';
-
-const CheckboxSetContext = createContext({});
-const useCheckboxSetContext = () => useContext(CheckboxSetContext);
-
-var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
-
-/**
- * A CheckboxSet set allows the user to select one or more options from a set.
- */
-const CheckboxSet = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, children, testId }, ref) => {
-    const hasValue = value !== undefined ? value.size > 0 : false;
-    const baseId = useId();
-    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
-    // default to FormContext values if component properties are not specified
-    const isDisabled = propIsDisabled ?? isFormDisabled;
-    const isReadonly = propIsReadonly ?? isFormReadonly;
-    const labelEdge = propLabelEdge ?? formLabelEdge;
-    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
-    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
-    const formFieldContext = useFormFieldContextProps({
-        hasValue,
-        isDisabled,
-        isReadonly
-    });
-    const checkboxSetContext = useMemo(() => ({
-        name: baseId,
-        value,
-        onCommit
-    }), [baseId, onCommit, value]);
-    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
-    const childrenArray = toChildArray(children).filter(Boolean);
-    const wrappedChildren = childrenArray.map((item) => jsx("li", { children: item }));
-    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, direction: direction, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsx(CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }));
-});
-
-export { CheckboxSet as C, CheckboxSetContext as a, useCheckboxSetContext as u };
-//# sourceMappingURL=CheckboxSet-836e3263.js.map

package/es/CheckboxSet-836e3263.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxSet-836e3263.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,kBAAkB,GAAG,aAAa,CAA0B,EAA6B,EAAE;AAC3F,MAAA,qBAAqB,GAAG,MAAM,UAAU,CAAC,kBAAkB;;;;ACwFjE;;AAEG;AACI,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,kBAAkB,EAAE,eAAe,EACnC,aAAa,EACb,UAAU,EACV,SAAS,GAAG,QAAQ,EACpB,cAAc,EACd,cAAc,EACd,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EACR,QAAQ,EACR,qBAAqB,EAAE,yBAAyB,EAChD,KAAK,EACL,QAAQ,EACR,MAAM,EACA,EACR,GAA0B,KACxB;AACF,IAAA,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC;AAC9D,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,MAAM,EACJ,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,qBAAqB,EAAE,yBAAyB,EACjD,GAAG,cAAc,EAAE,CAAC;;AAGrB,IAAA,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,CAAC;AACpD,IAAA,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,CAAC;AACpD,IAAA,MAAM,SAAS,GAAG,aAAa,IAAI,aAAa,CAAC;AACjD,IAAA,MAAM,eAAe,GAAG,mBAAmB,IAAI,mBAAmB,CAAC;AACnE,IAAA,MAAM,qBAAqB,GAAG,yBAAyB,IAAI,yBAAyB,CAAC;IAErF,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;QAChD,QAAQ;QACR,UAAU;QACV,UAAU;AACX,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAChC,OAAO;AACL,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC1B,CAAC;;IAGF,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC7D,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,KAAKA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,IAAI,EAAA,CAAM,CAAC,CAAC;IAErE,QACEA,GAAC,CAAA,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,EAAA,QAAA,EAChDA,GAAC,CAAA,kBAAkB,wBACC,eAAe,EACjC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAC,aAAa,EACpC,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAA,EAAAA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,kBAAkB,EAAA,QAAA,EACpDA,YAAI,SAAS,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAG,eAAe,EAAA,CAAM,EACpB,CAAA,EAAA,CACX,EACK,CAAA,EAC5B;AACJ,CAAC;;;;"}

package/es/NavigationList-40cfa2f7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationList-40cfa2f7.js","sources":["../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx"],"sourcesContent":["import { useState, useCallback, MutableRef, useRef, useEffect } from 'preact/hooks';\nimport {\n  keyExtractor,\n  getFirstVisibleKey,\n  getKey,\n  getPrevNextKeyUsingRef,\n  findElementByKey\n} from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { NavigationListContextProps } from '../UNSAFE_NavigationListCommon';\n\nimport { ComponentChildren } from 'preact';\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n  reason: 'pointer' | 'keyboard';\n};\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection,\n  onRemove,\n  onSelectionChange,\n  children\n}: {\n  containerRef: MutableRef<HTMLUListElement>;\n  selection?: K;\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  children: ComponentChildren;\n}) {\n  const ITEM_SELECTOR = '[role=\"tab\"]';\n  const REMOVAL_ICON_SELECTOR = '[data-oj-navigationlist-item-remove-icon]';\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(detail.value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? (extractOnlyItemKey(element, ITEM_SELECTOR, REMOVAL_ICON_SELECTOR) as K)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKeyUsingRef(containerRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(containerRef, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(containerRef, [\n    'Home',\n    'End',\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  const onFocus = useCallback(() => {\n    if (containerRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(containerRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  }, [currentKey, containerRef]);\n\n  const onFocusProps = { onFocus };\n  const prevNavItems = useRef<K[]>();\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const navListItemKeys = Array.from(\n        containerRef.current.querySelectorAll(ITEM_SELECTOR),\n        (elem) => getKey(elem as HTMLElement) as K\n      );\n      if (currentKey != null && navListItemKeys.indexOf(currentKey) !== -1) {\n        const navListItem = findElementByKey(\n          containerRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as any;\n        if (navListItem.scrollIntoViewIfNeeded) {\n          // for some browsers, we'll need the non-standard scrollIntoViewIfNeeded\n          navListItem.scrollIntoViewIfNeeded();\n        } else {\n          navListItem.scrollIntoView({ block: 'nearest' });\n        }\n      } else {\n        if (currentKey && navListItemKeys.indexOf(currentKey) === -1) {\n          prevNavItems.current\n            ? setCurrentKey(findNextCurrentKey(currentKey, navListItemKeys, prevNavItems.current))\n            : setCurrentKey(navListItemKeys[0] as K);\n        }\n        prevNavItems.current = navListItemKeys;\n      }\n    }\n  }, [children, currentKey, containerRef]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === 'Home' || event.key === 'End') && containerRef.current && currentKey) {\n        const navListItemKey = Array.from(\n          containerRef.current.querySelectorAll(ITEM_SELECTOR),\n          (elem) => getKey(elem as HTMLElement) as K\n        );\n        onCurrentKeyChange?.({\n          value: navListItemKey[event.key === 'Home' ? 0 : navListItemKey.length - 1] as K\n        });\n      }\n      if (currentKey && event.key === 'Enter') {\n        onSelectionChange?.({\n          value: currentKey as K,\n          reason: 'keyboard'\n        });\n      }\n      if (currentKey && event.key === 'Delete') {\n        onRemove?.({ value: currentKey as K });\n      }\n    },\n    [currentKey, onSelectionChange, onRemove, onCurrentKeyChange, containerRef]\n  );\n\n  return {\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    onKeyDown,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps, onFocusProps)\n  };\n}\n\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const navigationListItem = element.closest(itemSelector);\n  const removeButton = element.closest(itemEliminator);\n  return navigationListItem?.contains(removeButton) ? null : keyExtractor(element, itemSelector);\n};\n\nconst findNextCurrentKey = <K>(currentKey: K, currNavs: K[], prevNavs: K[]) => {\n  const index = prevNavs.indexOf(currentKey);\n  if (index > 0) {\n    const nextIndex = index === prevNavs.length - 1 ? index - 1 : index + 1;\n    const nextKey = prevNavs[nextIndex];\n    if (currNavs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currNavs[0];\n};\n","import { Ref } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { useNavigationList } from './useNavigationList';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { NavigationListProps, NavigationListContext } from '../UNSAFE_NavigationListCommon';\nexport { RemovableNavigationListItem } from '../UNSAFE_NavigationListCommon';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\nexport const NavigationList = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      selection,\n      onSelectionChange,\n      onRemove,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelLedBy,\n      testId\n    }: NavigationListProps<K> & TestIdProps,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const containerRef = useRef<HTMLUListElement>(null);\n\n    const { showFocusRing, currentKey, onCurrentKeyChange, containerHandlers, onKeyDown } =\n      useNavigationList({\n        containerRef: containerRef as MutableRef<HTMLUListElement>,\n        selection,\n        onRemove,\n        onSelectionChange,\n        children\n      });\n\n    const eventProps = { onKeyDown };\n    const navigationListClass = classNames([navigationListStyles.uListStyle]);\n    const navigationListItemPrefix = useId() + '_';\n    const testIdProps = useTestId(testId);\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      }\n    }));\n\n    return (\n      <ul\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelLedBy}\n        role=\"tablist\"\n        ref={containerRef}\n        aria-orientation={'vertical'}\n        tabIndex={0}\n        aria-activedescendant={currentKey ? navigationListItemPrefix + currentKey : ''}\n        {...mergeProps(eventProps, containerHandlers)}\n        {...testIdProps}\n        class={navigationListClass}>\n        <NavigationListContext.Provider\n          value={{\n            selection,\n            onSelectionChange,\n            onCurrentKeyChange,\n            currentKey,\n            showFocusRing,\n            navigationListItemPrefix,\n            onRemove\n          }}>\n          {children}\n        </NavigationListContext.Provider>\n      </ul>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":"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"}