@oracle/oraclejet-preact 15.1.4 → 15.1.5

package/amd/PRIVATE_List.js

@@ -1,2 +1,2 @@
-define(['exports', './List-1be89c37', 'preact/jsx-runtime', 'preact/hooks', './utils/UNSAFE_classNames', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './classNames-6767395f', './flexitem-5404a584', './SkeletonContainer-f6f3bf14', './UNSAFE_Flex', './UNSAFE_Skeleton', './Flex-21c79608', './Skeleton-2f11d677', './utils/UNSAFE_mergeProps', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-45f8e4e8', 'preact', './PRIVATE_Collection', './Collection-9855686d', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-b31c9eda', './utils/UNSAFE_arrayUtils', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-99e3a240', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-e6d9d1a5', './_curry2-52d67333', './_arity-f7a07b47', './_curry3-e07e0dfb', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-fcbf385a', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './utils/PRIVATE_clientHints', './clientHints-7c609d6d', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-f6263197', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-eb348d77', './index-88e3273c', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './vanilla-extract-dynamic.esm-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './_has-38a83b27', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles2.css', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useActive', './keys-295e5fed', 'css!./ListStyles.styles.css', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-baa962bb', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css'], (function(e,s,o,t,i,l,n,a,r,c,d,S,u,h,m,_,A,E,F,p,y,N,T,U,k,I,b,x,C,R,f,g,V,v,w,P,L,G,j,H,B,M,O,K,z,Y,D,q,J,Q,W,X,Z,$,ee,se,oe,te,ie,le,ne,ae,re,ce,de,Se,ue,he,me,_e,Ae,Ee,Fe,pe,ye,Ne,Te,Ue,ke,Ie,be,xe,Ce,Re,fe,ge,Ve,ve,we,Pe,Le,Ge,je,He,Be,Me,Oe,Ke,ze,Ye,De,qe,Je,Qe,We,Xe,Ze,$e,es,ss,os,ts,is,ls,ns,as,rs,cs,ds,Ss,us,hs,ms,_s,As,Es,Fs,ps,ys,Ns,Ts,Us,ks){"use strict";const Is="oj-c-listview-group",bs="."+Is,xs="oj-c-listview-sticky";e.List=s.List,e.SkeletonContainer=E.SkeletonContainer,e.GROUP_SELECTOR=bs,e.GroupLoadingIndicator=()=>o.jsx(E.SkeletonContainer,{minimumCount:3,children:e=>{const s={paddingLeft:10*e+"px"};return o.jsxs(y.Flex,{height:"12x",align:"center",children:[o.jsx("span",{style:s}),o.jsx(N.Skeleton,{height:"4x"})]})}}),e.ListGroupHeader=function({ariaDescribedBy:e,children:i,itemKey:u,itemIndex:E,itemDepth:F,isFocused:p,isFocusRingVisible:y,isActive:N,isGridlineVisible:T,isExpandable:U,expandedKeys:k,viewportConfig:I}){const[b,x]=t.useState(!1),{classes:C,styles:R}=c.useComponentTheme(m.GroupedListRedwoodTheme),{interactionProps:f,applyHoverStyle:g,applyPseudoHoverStyle:V,applyActiveStyle:v}=d.useInteractionStyle(),w=h.listGroupHeaderMultiVariantStyles({expandable:U?"isExpandable":"notExpandable",needsEventsHover:g?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:V?"isPseudoHover":"notPseudoHover",active:v||N?"isActive":"notActive",focusRingVisible:y&&p?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:E>0?"visible":"hidden",gridlineBottom:T?"visible":"hidden"}),P=[s.ITEM_STYLE_CLASS,Is,w];b&&(P.push(C),P.push(R.stuckHeader),P.push(xs));const L=_.classNames(P),G=S.mergeInterpolations([...Object.values(A.flexitemInterpolations)]),{class:j,...H}=G({alignSelf:"center",flex:"1 0 auto"});return a.useViewportIntersect({scroller:()=>U?null:null==I?document.body:I.scroller()},0,1,"[data-oj-key="+u+"]",(()=>{x(!1)}),(e=>{e.boundingClientRect.y!==e.intersectionRect.y&&x(!0)})),o.jsx("div",{id:n.useId(),role:"row","aria-rowindex":E+1,"aria-level":isNaN(F)?void 0:F+1,"data-oj-key":u,class:L,..."number"==typeof u&&{"data-oj-key-type":"number"},...f,children:o.jsx("div",{id:n.useId(),role:"gridcell","aria-describedby":e,"aria-colindex":1,"aria-expanded":l.containsKey(k,u),style:H,children:o.jsx(r.TabbableModeContext.Provider,{value:{isTabbable:!1},children:i})})})},e.STICKY_STYLE_CLASS=xs,e.excludeGroup=(e,s)=>{if(!s.all){const o=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),t=Array.from(s.keys.values()).filter((e=>!o.includes(e)));return{...s,keys:new Set(t)}}return s},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './List-b3266ee0', 'preact/jsx-runtime', 'preact/hooks', './utils/UNSAFE_classNames', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './classNames-bd4a4c19', './flexitem-70c06ae3', './SkeletonContainer-9733c82c', './UNSAFE_Flex', './UNSAFE_Skeleton', './Flex-cc4e4675', './Skeleton-c9a7cd89', './utils/UNSAFE_mergeProps', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-03bfa7e9', 'preact', './PRIVATE_Collection', './Collection-cb886825', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-1ded33d9', './utils/UNSAFE_arrayUtils', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-47f31a06', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-4d9a6584', './_curry2-99f10bc7', './_arity-39916028', './_curry3-963d734c', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-abd879ef', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './utils/PRIVATE_clientHints', './clientHints-dd589985', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-3dc6de20', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b994552d', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-2186bfdd', './index-2e7587a5', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-84f316bc', './vanilla-extract-dynamic.esm-1a9ba437', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-35281d48', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './_has-77ad1af6', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-bc5efb9f', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles2.css', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useActive', './keys-78ca48b9', 'css!./ListStyles.styles.css', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-46d184cc', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css'], (function(e,s,o,t,i,l,n,a,c,r,d,S,u,h,m,_,A,E,F,p,y,N,T,U,k,I,b,x,C,R,g,V,f,v,w,P,L,G,j,H,B,M,O,K,z,Y,D,q,J,Q,W,X,Z,$,ee,se,oe,te,ie,le,ne,ae,ce,re,de,Se,ue,he,me,_e,Ae,Ee,Fe,pe,ye,Ne,Te,Ue,ke,Ie,be,xe,Ce,Re,ge,Ve,fe,ve,we,Pe,Le,Ge,je,He,Be,Me,Oe,Ke,ze,Ye,De,qe,Je,Qe,We,Xe,Ze,$e,es,ss,os,ts,is,ls,ns,as,cs,rs,ds,Ss,us,hs,ms,_s,As,Es,Fs,ps,ys,Ns,Ts,Us,ks){"use strict";const Is="oj-c-listview-group",bs="."+Is,xs="oj-c-listview-sticky";e.List=s.List,e.SkeletonContainer=E.SkeletonContainer,e.GROUP_SELECTOR=bs,e.GroupLoadingIndicator=()=>o.jsx(E.SkeletonContainer,{minimumCount:3,children:e=>{const s={paddingLeft:10*e+"px"};return o.jsxs(y.Flex,{height:"12x",align:"center",children:[o.jsx("span",{style:s}),o.jsx(N.Skeleton,{height:"4x"})]})}}),e.ListGroupHeader=function({ariaDescribedBy:e,children:i,itemKey:u,itemIndex:E,itemDepth:F,isFocused:p,isFocusRingVisible:y,isActive:N,isGridlineVisible:T,isExpandable:U,expandedKeys:k,viewportConfig:I}){const[b,x]=t.useState(!1),{classes:C,styles:R}=r.useComponentTheme(m.GroupedListRedwoodTheme),{interactionProps:g,applyHoverStyle:V,applyPseudoHoverStyle:f,applyActiveStyle:v}=d.useInteractionStyle(),w=h.listGroupHeaderMultiVariantStyles({expandable:U?"isExpandable":"notExpandable",needsEventsHover:V?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:f?"isPseudoHover":"notPseudoHover",active:v||N?"isActive":"notActive",focusRingVisible:y&&p?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:E>0?"visible":"hidden",gridlineBottom:T?"visible":"hidden"}),P=[s.ITEM_STYLE_CLASS,Is,w];b&&(P.push(C),P.push(R.stuckHeader),P.push(xs));const L=_.classNames(P),G=S.mergeInterpolations([...Object.values(A.flexitemInterpolations)]),{class:j,...H}=G({alignSelf:"center",flex:"1 0 auto"});return a.useViewportIntersect({scroller:()=>U?null:null==I?document.body:I.scroller()},0,1,"[data-oj-key="+u+"]",(()=>{x(!1)}),(e=>{e.boundingClientRect.y!==e.intersectionRect.y&&x(!0)})),o.jsx("div",{id:n.useId(),role:"row","aria-rowindex":E+1,"aria-level":isNaN(F)?void 0:F+1,"data-oj-key":u,class:L,..."number"==typeof u&&{"data-oj-key-type":"number"},...g,children:o.jsx("div",{id:n.useId(),role:"gridcell","aria-describedby":e,"aria-colindex":1,"aria-expanded":l.containsKey(k,u),style:H,children:o.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:!1},children:i})})})},e.STICKY_STYLE_CLASS=xs,e.excludeGroup=(e,s)=>{if(!s.all){const o=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),t=Array.from(s.keys.values()).filter((e=>!o.includes(e)));return{...s,keys:new Set(t)}}return s},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_List.js.map

package/amd/PRIVATE_List.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_List.js","sources":["../../src/PRIVATE_List/ListGroupHeader.tsx","../../src/PRIVATE_List/GroupLoadingIndicator.tsx","../../src/PRIVATE_List/ListUtils.ts"],"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 { ComponentChildren } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { ITEM_STYLE_CLASS } from '../PRIVATE_List/ListItem';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { GroupedListStyles } from 'src/UNSAFE_GroupedList/themes/GroupedListStyles.css';\nimport { listGroupHeaderMultiVariantStyles } from './themes/ListStyles.css';\nimport { GroupedListRedwoodTheme } from '../UNSAFE_GroupedList/themes/redwood/GroupedListTheme';\n\n// default style class for items in ListView\nexport const GROUP_STYLE_CLASS = 'oj-c-listview-group';\nexport const GROUP_SELECTOR = '.' + GROUP_STYLE_CLASS;\nexport const STICKY_STYLE_CLASS = 'oj-c-listview-sticky';\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K> = {\n  children: ComponentChildren;\n  itemKey: K;\n  itemIndex: number;\n  itemDepth: number;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isActive: boolean;\n  isGridlineVisible: boolean;\n  isExpandable: boolean;\n  expandedKeys: Keys<K>;\n  ariaDescribedBy?: string;\n  onToggle?: (detail: ToggleDetail<K>) => void;\n  viewportConfig?: ViewportConfig;\n};\n\n/**\n * The internal component used to render a group header in ExpandableList and GroupedList.\n */\nexport function ListGroupHeader<K extends string | number>({\n  ariaDescribedBy,\n  children,\n  itemKey,\n  itemIndex,\n  itemDepth,\n  isFocused,\n  isFocusRingVisible,\n  isActive,\n  isGridlineVisible,\n  isExpandable,\n  expandedKeys,\n  viewportConfig\n}: Props<K>) {\n  const [isStuck, setStuck] = useState(false);\n\n  const { classes: groupedListThemeClasses, styles: groupedListStyles } = useComponentTheme<\n    never,\n    GroupedListStyles\n  >(GroupedListRedwoodTheme);\n\n  const { interactionProps, applyHoverStyle, applyPseudoHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const variantClasses = listGroupHeaderMultiVariantStyles({\n    expandable: isExpandable ? 'isExpandable' : 'notExpandable',\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    active: applyActiveStyle || isActive ? 'isActive' : 'notActive',\n    focusRingVisible:\n      isFocusRingVisible && isFocused ? 'isFocusRingVisible' : 'notFocusRingVisible',\n    gridlineTop: itemIndex > 0 ? 'visible' : 'hidden',\n    gridlineBottom: isGridlineVisible ? 'visible' : 'hidden'\n  });\n\n  const baseClasses = [ITEM_STYLE_CLASS, GROUP_STYLE_CLASS, variantClasses];\n  if (isStuck) {\n    baseClasses.push(groupedListThemeClasses);\n    baseClasses.push(groupedListStyles.stuckHeader);\n    baseClasses.push(STICKY_STYLE_CLASS);\n  }\n\n  const classes = classNames(baseClasses);\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const { class: cls, ...cellStyles } = styleInterpolations({\n    alignSelf: 'center',\n    flex: '1 0 auto'\n  });\n\n  useViewportIntersect(\n    {\n      scroller: () => {\n        if (isExpandable) {\n          return null;\n        }\n        if (viewportConfig == null) {\n          return document.body;\n        }\n        return viewportConfig.scroller();\n      }\n    },\n    0,\n    1,\n    '[data-oj-key=' + itemKey + ']',\n    () => {\n      setStuck(false);\n    },\n    (entry: IntersectionObserverEntry) => {\n      if (entry.boundingClientRect.y !== entry.intersectionRect.y) {\n        setStuck(true);\n      }\n    }\n  );\n  return (\n    <div\n      id={useId()}\n      role=\"row\"\n      aria-rowindex={itemIndex + 1}\n      aria-level={isNaN(itemDepth) ? undefined : itemDepth + 1}\n      data-oj-key={itemKey}\n      class={classes}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n      {...interactionProps}>\n      <div\n        id={useId()}\n        role=\"gridcell\"\n        aria-describedby={ariaDescribedBy}\n        aria-colindex={1}\n        aria-expanded={containsKey(expandedKeys, itemKey)}\n        style={cellStyles}>\n        <TabbableModeContext.Provider value={{ isTabbable: false }}>\n          {children}\n        </TabbableModeContext.Provider>\n      </div>\n    </div>\n  );\n}\n","/**\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 { Flex } from '../UNSAFE_Flex';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { SkeletonContainer } from './SkeletonContainer';\n\nexport const GroupLoadingIndicator = () => (\n  <SkeletonContainer minimumCount={3}>\n    {(index: number) => {\n      const padding = { paddingLeft: index * 10 + 'px' };\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <span style={padding}></span>\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","/**\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 { FlattenedDataState } from '../UNSAFE_Collection';\nimport { Keys } from '../utils/UNSAFE_keys';\n\n/**\n * Helper function to only include keys of leaf items.\n */\nexport const excludeGroup = <K, D>(data: FlattenedDataState<K, D>, keys: Keys<K>) => {\n  if (!keys.all) {\n    const groups = data.data\n      .filter((dataMetadata) => {\n        return !dataMetadata.metadata.isLeaf;\n      })\n      .map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n    const leafOnly = Array.from(keys.keys.values()).filter((key: K) => {\n      return !groups.includes(key);\n    });\n    return { ...keys, keys: new Set(leafOnly) };\n  }\n  return keys;\n};\n"],"names":["GROUP_STYLE_CLASS","GROUP_SELECTOR","STICKY_STYLE_CLASS","_jsx","jsx","SkeletonContainer","minimumCount","index","padding","paddingLeft","_jsxs","jsxs","Flex","height","align","children","style","Skeleton","ariaDescribedBy","itemKey","itemIndex","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","viewportConfig","isStuck","setStuck","useState","classes","groupedListThemeClasses","styles","groupedListStyles","useComponentTheme","GroupedListRedwoodTheme","interactionProps","applyHoverStyle","applyPseudoHoverStyle","applyActiveStyle","useInteractionStyle","variantClasses","listGroupHeaderMultiVariantStyles","expandable","needsEventsHover","pseudoHover","active","focusRingVisible","gridlineTop","gridlineBottom","baseClasses","ITEM_STYLE_CLASS","push","stuckHeader","classNames","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","cls","cellStyles","alignSelf","flex","useViewportIntersect","scroller","document","body","entry","boundingClientRect","y","intersectionRect","id","useId","role","isNaN","undefined","containsKey","TabbableModeContext","Provider","value","isTabbable","data","keys","all","groups","filter","dataMetadata","metadata","isLeaf","map","key","leafOnly","Array","from","includes","Set"],"mappings":"mwJA0BO,MAAMA,GAAoB,sBACpBC,GAAiB,IAAMD,GACvBE,GAAqB,yHCjBG,IACnCC,EAAAC,IAACC,oBAAiB,CAACC,aAAc,WAC7BC,IACA,MAAMC,EAAU,CAAEC,YAAqB,GAARF,EAAa,MAC5C,OACEG,EAACC,KAAAC,OAAK,CAAAC,OAAO,MAAMC,MAAM,SACvBC,SAAA,CAAAZ,MAAA,OAAA,CAAMa,MAAOR,IACbL,MAACc,EAAAA,SAAQ,CAACJ,OAAO,SAEnB,sBDgCF,UAAqDK,gBACzDA,EAAeH,SACfA,EAAQI,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,UACTA,EAASC,mBACTA,EAAkBC,SAClBA,EAAQC,kBACRA,EAAiBC,aACjBA,EAAYC,aACZA,EAAYC,eACZA,IAEA,MAAOC,EAASC,GAAYC,EAAQA,UAAC,IAE7BC,QAASC,EAAyBC,OAAQC,GAAsBC,EAAAA,kBAGtEC,EAAAA,0BAEIC,iBAAEA,EAAgBC,gBAAEA,EAAeC,sBAAEA,EAAqBC,iBAAEA,GAChEC,EAAAA,sBAEIC,EAAiBC,EAAAA,kCAAkC,CACvDC,WAAYnB,EAAe,eAAiB,gBAC5CoB,iBAAkBP,EAAkB,qBAAuB,sBAC3DQ,YAAaP,EAAwB,gBAAkB,iBACvDQ,OAAQP,GAAoBjB,EAAW,WAAa,YACpDyB,iBACE1B,GAAsBD,EAAY,qBAAuB,sBAC3D4B,YAAa9B,EAAY,EAAI,UAAY,SACzC+B,eAAgB1B,EAAoB,UAAY,WAG5C2B,EAAc,CAACC,EAAAA,iBAAkBrD,GAAmB2C,GACtDd,IACFuB,EAAYE,KAAKrB,GACjBmB,EAAYE,KAAKnB,EAAkBoB,aACnCH,EAAYE,KAAKpD,KAGnB,MAAM8B,EAAUwB,aAAWJ,GACrBK,EAAsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,6BAEXC,MAAOC,KAAQC,GAAeP,EAAoB,CACxDQ,UAAW,SACXC,KAAM,aA2BR,OAxBAC,uBACE,CACEC,SAAU,IACJ1C,EACK,KAEa,MAAlBE,EACKyC,SAASC,KAEX1C,EAAewC,YAG1B,EACA,EACA,gBAAkBjD,EAAU,KAC5B,KACEW,GAAS,EAAM,IAEhByC,IACKA,EAAMC,mBAAmBC,IAAMF,EAAMG,iBAAiBD,GACxD3C,GAAS,EACV,IAIH3B,aACEwE,GAAIC,EAAAA,QACJC,KAAK,sBACUzD,EAAY,EACf,aAAA0D,MAAMzD,QAAa0D,EAAY1D,EAAY,EAC1C,cAAAF,EACb2C,MAAO9B,KACiB,iBAAZb,GAAwB,CAAE,mBAAoB,aACtDmB,WACJnC,MACE,MAAA,CAAAwE,GAAIC,EAAKA,QACTC,KAAK,WACa,mBAAA3D,kBACH,EAAC,gBACD8D,EAAAA,YAAYrD,EAAcR,GACzCH,MAAOgD,EACPjD,SAAAZ,EAAAC,IAAC6E,EAAmBA,oBAACC,UAASC,MAAO,CAAEC,YAAY,GAAOrE,SACvDA,OAKX,yCEzI4B,CAAOsE,EAAgCC,KACjE,IAAKA,EAAKC,IAAK,CACb,MAAMC,EAASH,EAAKA,KACjBI,QAAQC,IACCA,EAAaC,SAASC,SAE/BC,KAAKH,GACGA,EAAaC,SAASG,MAE3BC,EAAWC,MAAMC,KAAKX,EAAKA,KAAK1B,UAAU6B,QAAQK,IAC9CN,EAAOU,SAASJ,KAE1B,MAAO,IAAKR,EAAMA,KAAM,IAAIa,IAAIJ,GACjC,CACD,OAAOT,CAAI"}
+{"version":3,"file":"PRIVATE_List.js","sources":["../../src/PRIVATE_List/ListGroupHeader.tsx","../../src/PRIVATE_List/GroupLoadingIndicator.tsx","../../src/PRIVATE_List/ListUtils.ts"],"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 { ComponentChildren } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { ITEM_STYLE_CLASS } from '../PRIVATE_List/ListItem';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { GroupedListStyles } from 'src/UNSAFE_GroupedList/themes/GroupedListStyles.css';\nimport { listGroupHeaderMultiVariantStyles } from './themes/ListStyles.css';\nimport { GroupedListRedwoodTheme } from '../UNSAFE_GroupedList/themes/redwood/GroupedListTheme';\n\n// default style class for items in ListView\nexport const GROUP_STYLE_CLASS = 'oj-c-listview-group';\nexport const GROUP_SELECTOR = '.' + GROUP_STYLE_CLASS;\nexport const STICKY_STYLE_CLASS = 'oj-c-listview-sticky';\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K> = {\n  children: ComponentChildren;\n  itemKey: K;\n  itemIndex: number;\n  itemDepth: number;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isActive: boolean;\n  isGridlineVisible: boolean;\n  isExpandable: boolean;\n  expandedKeys: Keys<K>;\n  ariaDescribedBy?: string;\n  onToggle?: (detail: ToggleDetail<K>) => void;\n  viewportConfig?: ViewportConfig;\n};\n\n/**\n * The internal component used to render a group header in ExpandableList and GroupedList.\n */\nexport function ListGroupHeader<K extends string | number>({\n  ariaDescribedBy,\n  children,\n  itemKey,\n  itemIndex,\n  itemDepth,\n  isFocused,\n  isFocusRingVisible,\n  isActive,\n  isGridlineVisible,\n  isExpandable,\n  expandedKeys,\n  viewportConfig\n}: Props<K>) {\n  const [isStuck, setStuck] = useState(false);\n\n  const { classes: groupedListThemeClasses, styles: groupedListStyles } = useComponentTheme<\n    never,\n    GroupedListStyles\n  >(GroupedListRedwoodTheme);\n\n  const { interactionProps, applyHoverStyle, applyPseudoHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const variantClasses = listGroupHeaderMultiVariantStyles({\n    expandable: isExpandable ? 'isExpandable' : 'notExpandable',\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    active: applyActiveStyle || isActive ? 'isActive' : 'notActive',\n    focusRingVisible:\n      isFocusRingVisible && isFocused ? 'isFocusRingVisible' : 'notFocusRingVisible',\n    gridlineTop: itemIndex > 0 ? 'visible' : 'hidden',\n    gridlineBottom: isGridlineVisible ? 'visible' : 'hidden'\n  });\n\n  const baseClasses = [ITEM_STYLE_CLASS, GROUP_STYLE_CLASS, variantClasses];\n  if (isStuck) {\n    baseClasses.push(groupedListThemeClasses);\n    baseClasses.push(groupedListStyles.stuckHeader);\n    baseClasses.push(STICKY_STYLE_CLASS);\n  }\n\n  const classes = classNames(baseClasses);\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const { class: cls, ...cellStyles } = styleInterpolations({\n    alignSelf: 'center',\n    flex: '1 0 auto'\n  });\n\n  useViewportIntersect(\n    {\n      scroller: () => {\n        if (isExpandable) {\n          return null;\n        }\n        if (viewportConfig == null) {\n          return document.body;\n        }\n        return viewportConfig.scroller();\n      }\n    },\n    0,\n    1,\n    '[data-oj-key=' + itemKey + ']',\n    () => {\n      setStuck(false);\n    },\n    (entry: IntersectionObserverEntry) => {\n      if (entry.boundingClientRect.y !== entry.intersectionRect.y) {\n        setStuck(true);\n      }\n    }\n  );\n  return (\n    <div\n      id={useId()}\n      role=\"row\"\n      aria-rowindex={itemIndex + 1}\n      aria-level={isNaN(itemDepth) ? undefined : itemDepth + 1}\n      data-oj-key={itemKey}\n      class={classes}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n      {...interactionProps}>\n      <div\n        id={useId()}\n        role=\"gridcell\"\n        aria-describedby={ariaDescribedBy}\n        aria-colindex={1}\n        aria-expanded={containsKey(expandedKeys, itemKey)}\n        style={cellStyles}>\n        <TabbableModeContext.Provider value={{ isTabbable: false }}>\n          {children}\n        </TabbableModeContext.Provider>\n      </div>\n    </div>\n  );\n}\n","/**\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 { Flex } from '../UNSAFE_Flex';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { SkeletonContainer } from './SkeletonContainer';\n\nexport const GroupLoadingIndicator = () => (\n  <SkeletonContainer minimumCount={3}>\n    {(index: number) => {\n      const padding = { paddingLeft: index * 10 + 'px' };\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <span style={padding}></span>\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","/**\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 { FlattenedDataState } from '../UNSAFE_Collection';\nimport { Keys } from '../utils/UNSAFE_keys';\n\n/**\n * Helper function to only include keys of leaf items.\n */\nexport const excludeGroup = <K, D>(data: FlattenedDataState<K, D>, keys: Keys<K>) => {\n  if (!keys.all) {\n    const groups = data.data\n      .filter((dataMetadata) => {\n        return !dataMetadata.metadata.isLeaf;\n      })\n      .map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n    const leafOnly = Array.from(keys.keys.values()).filter((key: K) => {\n      return !groups.includes(key);\n    });\n    return { ...keys, keys: new Set(leafOnly) };\n  }\n  return keys;\n};\n"],"names":["GROUP_STYLE_CLASS","GROUP_SELECTOR","STICKY_STYLE_CLASS","_jsx","jsx","SkeletonContainer","minimumCount","index","padding","paddingLeft","_jsxs","jsxs","Flex","height","align","children","style","Skeleton","ariaDescribedBy","itemKey","itemIndex","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","viewportConfig","isStuck","setStuck","useState","classes","groupedListThemeClasses","styles","groupedListStyles","useComponentTheme","GroupedListRedwoodTheme","interactionProps","applyHoverStyle","applyPseudoHoverStyle","applyActiveStyle","useInteractionStyle","variantClasses","listGroupHeaderMultiVariantStyles","expandable","needsEventsHover","pseudoHover","active","focusRingVisible","gridlineTop","gridlineBottom","baseClasses","ITEM_STYLE_CLASS","push","stuckHeader","classNames","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","cls","cellStyles","alignSelf","flex","useViewportIntersect","scroller","document","body","entry","boundingClientRect","y","intersectionRect","id","useId","role","isNaN","undefined","containsKey","TabbableModeContext","Provider","value","isTabbable","data","keys","all","groups","filter","dataMetadata","metadata","isLeaf","map","key","leafOnly","Array","from","includes","Set"],"mappings":"owJA0BO,MAAMA,GAAoB,sBACpBC,GAAiB,IAAMD,GACvBE,GAAqB,yHCjBG,IACnCC,EAAAC,IAACC,oBAAiB,CAACC,aAAc,WAC7BC,IACA,MAAMC,EAAU,CAAEC,YAAqB,GAARF,EAAa,MAC5C,OACEG,EAACC,KAAAC,OAAK,CAAAC,OAAO,MAAMC,MAAM,SACvBC,SAAA,CAAAZ,MAAA,OAAA,CAAMa,MAAOR,IACbL,MAACc,EAAAA,SAAQ,CAACJ,OAAO,SAEnB,sBDgCF,UAAqDK,gBACzDA,EAAeH,SACfA,EAAQI,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,UACTA,EAASC,mBACTA,EAAkBC,SAClBA,EAAQC,kBACRA,EAAiBC,aACjBA,EAAYC,aACZA,EAAYC,eACZA,IAEA,MAAOC,EAASC,GAAYC,EAAQA,UAAC,IAE7BC,QAASC,EAAyBC,OAAQC,GAAsBC,EAAAA,kBAGtEC,EAAAA,0BAEIC,iBAAEA,EAAgBC,gBAAEA,EAAeC,sBAAEA,EAAqBC,iBAAEA,GAChEC,EAAAA,sBAEIC,EAAiBC,EAAAA,kCAAkC,CACvDC,WAAYnB,EAAe,eAAiB,gBAC5CoB,iBAAkBP,EAAkB,qBAAuB,sBAC3DQ,YAAaP,EAAwB,gBAAkB,iBACvDQ,OAAQP,GAAoBjB,EAAW,WAAa,YACpDyB,iBACE1B,GAAsBD,EAAY,qBAAuB,sBAC3D4B,YAAa9B,EAAY,EAAI,UAAY,SACzC+B,eAAgB1B,EAAoB,UAAY,WAG5C2B,EAAc,CAACC,EAAAA,iBAAkBrD,GAAmB2C,GACtDd,IACFuB,EAAYE,KAAKrB,GACjBmB,EAAYE,KAAKnB,EAAkBoB,aACnCH,EAAYE,KAAKpD,KAGnB,MAAM8B,EAAUwB,aAAWJ,GACrBK,EAAsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,6BAEXC,MAAOC,KAAQC,GAAeP,EAAoB,CACxDQ,UAAW,SACXC,KAAM,aA2BR,OAxBAC,uBACE,CACEC,SAAU,IACJ1C,EACK,KAEa,MAAlBE,EACKyC,SAASC,KAEX1C,EAAewC,YAG1B,EACA,EACA,gBAAkBjD,EAAU,KAC5B,KACEW,GAAS,EAAM,IAEhByC,IACKA,EAAMC,mBAAmBC,IAAMF,EAAMG,iBAAiBD,GACxD3C,GAAS,EACV,IAIH3B,aACEwE,GAAIC,EAAAA,QACJC,KAAK,sBACUzD,EAAY,EACf,aAAA0D,MAAMzD,QAAa0D,EAAY1D,EAAY,EAC1C,cAAAF,EACb2C,MAAO9B,KACiB,iBAAZb,GAAwB,CAAE,mBAAoB,aACtDmB,WACJnC,MACE,MAAA,CAAAwE,GAAIC,EAAKA,QACTC,KAAK,WACa,mBAAA3D,kBACH,EAAC,gBACD8D,EAAAA,YAAYrD,EAAcR,GACzCH,MAAOgD,EACPjD,SAAAZ,EAAAC,IAAC6E,EAAmBA,oBAACC,UAASC,MAAO,CAAEC,YAAY,GAAOrE,SACvDA,OAKX,yCEzI4B,CAAOsE,EAAgCC,KACjE,IAAKA,EAAKC,IAAK,CACb,MAAMC,EAASH,EAAKA,KACjBI,QAAQC,IACCA,EAAaC,SAASC,SAE/BC,KAAKH,GACGA,EAAaC,SAASG,MAE3BC,EAAWC,MAAMC,KAAKX,EAAKA,KAAK1B,UAAU6B,QAAQK,IAC9CN,EAAOU,SAASJ,KAE1B,MAAO,IAAKR,EAAMA,KAAM,IAAIa,IAAIJ,GACjC,CACD,OAAOT,CAAI"}

package/amd/PRIVATE_LoadMoreCollection.js

@@ -1,2 +1,2 @@
-define(['exports', './LoadMoreCollection-45f8e4e8', 'preact/jsx-runtime', 'preact', './PRIVATE_Collection', './Collection-9855686d', './hooks/UNSAFE_useViewportIntersect', 'preact/hooks'], (function(e,o,t,r,c,l,i,n){"use strict";e.LOADMORE_STYLE_CLASS=o.LOADMORE_STYLE_CLASS,e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './LoadMoreCollection-03bfa7e9', 'preact/jsx-runtime', 'preact', './PRIVATE_Collection', './Collection-cb886825', './hooks/UNSAFE_useViewportIntersect', 'preact/hooks'], (function(e,o,t,c,r,l,i,n){"use strict";e.LOADMORE_STYLE_CLASS=o.LOADMORE_STYLE_CLASS,e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_LoadMoreCollection.js.map

package/amd/PRIVATE_Message.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageCloseButton-6b33ec18', './classNames-6767395f', './MessageDetail-454cfbe8', './MessageFormattingUtils-9b06a7e6', './MessageStartIcon-d539c05d', './MessageSummary-f9097eae', './MessageTimestamp-8443f617', './MessageUtils-66cba86e', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-21c79608', './MessagesManager-805ef794', './Message.types-6c259c61', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './Common/themes/themeContract.css', './_curry1-e6d9d1a5', './utils/UNSAFE_mergeInterpolations', './_curry3-e07e0dfb', './_curry2-52d67333', './_has-38a83b27', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-295e5fed', './utils/UNSAFE_interpolations/flexbox', './flexbox-baa962bb', './utils/UNSAFE_interpolations/flexitem', './flexitem-5404a584', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-6cc25d3a', 'preact', './UNSAFE_BaseButton', './BaseButton-6624aede', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-7c609d6d', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-f0d694e3', './UNSAFE_Text', './Text-f6c939ec', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-eb348d77', './index-88e3273c', './hooks/UNSAFE_useUser', './index-fcbf385a', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-f6263197', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-21c493e8', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function(e,s,t,o,a,n,r,i,l,c,m,u,d,S,g,F,h,E,A,_,y,U,N,T,p,M,f,I,x,B,b,k,C,v,V,R,P,j,w,D,H,L,O,W,$,z,G,K,q,J,Q,X,Y,Z,ee,se,te,oe,ae,ne,re,ie,le,ce,me,ue,de,Se,ge,Fe,he,Ee,Ae,_e,ye,Ue,Ne,Te,pe,Me,fe,Ie,xe,Be,be,ke,Ce,ve,Ve,Re,Pe,je,we,De,He,Le,Oe,We,$e,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,es,ss,ts,os,as,ns,rs,is,ls,cs,ms,us){"use strict";function ds({item:e,renderer:t}){const o=l.classNames([r.messageStartIconStyles.base,r.messageStartIconStyles.toast,r.messageStartIconStyles.customToast]);return s.jsx("div",{class:o,role:"presentation","data-oj-message-custom-icon":"",children:t(e)})}function Ss({children:e,variant:t="banner"}){const o=l.classNames([r.messageHeaderStyles.base,r.messageHeaderStyles[t]]);return s.jsx("div",{role:"presentation",class:o,children:e})}function gs(e){return m.isValidValueForProp(e,"severity")&&"none"!==e}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=m.formatTimestamp,e.isValidValueForProp=m.isValidValueForProp,e.MessageStartIcon=u.MessageStartIcon,e.MessageSummary=d.MessageSummary,e.MessageTimestamp=S.MessageTimestamp,e.getRenderer=g.getRenderer,e.getRendererWithoutIndex=g.getRendererWithoutIndex,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesManager=A.MessagesManager,e.severities=_.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:o,iconRenderer:n,index:A=-1,item:_,onClose:y,messageRef:U=(()=>{}),variant:N="pageBanner",translations:T}){const{closeAffordance:p="on",severity:M="error",sound:f,summary:I,timestamp:x}=_.data,{autoTimeout:B="off"}=_.data,b=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(N),k=t.useCallback((()=>{y?.(_)}),[_,y]),C=t.useCallback((e=>{"Escape"===e.key&&"on"===p&&y?.(_)}),[p,_,y]),v="toast"===b&&"off"!==B,V=t.useRef(),R="on"===B?5e3:"number"==typeof B?B:5e3,P=t.useCallback((()=>{V.current||(V.current=new a.Timer(k,R))}),[k,R]),j=t.useCallback((()=>{V.current&&(V.current.clear(),V.current=void 0)}),[]),w=t.useCallback((()=>{V.current?.pause()}),[]),D=t.useCallback((()=>{V.current?.resume()}),[]);t.useEffect((()=>(m.isValidValueForProp(f)&&g.playSound(f),v&&P(),()=>{j()})),[]);const{variantClasses:H}=F.useComponentTheme(h.MessageBannerRedwoodTheme,{severity:M}),L=l.classNames(["banner"===b&&H,r.messageStyles.base[b],"toast"!==N&&g.severityBasedStyleClass(M,b),"sectionBanner"===N&&r.messageStyles.section]),O=l.classNames([r.messageStyles.content.base,r.messageStyles.content[b]]);return s.jsx("div",{ref:U,class:L,role:"alert","aria-atomic":"true","data-oj-key":`${typeof _.key}-${_.key}`,tabIndex:0,onKeyUp:C,onfocusin:w,onfocusout:D,children:s.jsxs("div",{class:O,children:[n?s.jsx(ds,{item:{..._,index:A},renderer:n}):gs(M)?s.jsx(u.MessageStartIcon,{severity:M,variant:b,translations:T}):null,s.jsxs(E.Flex,{direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x",children:[s.jsxs(Ss,{variant:b,children:[s.jsx(d.MessageSummary,{variant:b,text:I}),m.isValidValueForProp(x,"timestamp")&&"toast"!==N&&s.jsx(S.MessageTimestamp,{variant:b,value:x})]}),s.jsx(c.MessageDetail,{variant:b,item:{..._,index:A},renderer:o})]}),"on"===p&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:T?.close,variant:b,onAction:k})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageCloseButton-9a221db8', './classNames-bd4a4c19', './MessageDetail-9011f942', './MessageFormattingUtils-604638f0', './MessageStartIcon-79e8fcf1', './MessageSummary-1e459b81', './MessageTimestamp-1a0d1118', './MessageUtils-75fa8dae', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-cc4e4675', './MessagesManager-d1ae0a38', './Message.types-003fd957', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b994552d', './Common/themes/themeContract.css', './_curry1-4d9a6584', './utils/UNSAFE_mergeInterpolations', './_curry3-963d734c', './_curry2-99f10bc7', './_has-77ad1af6', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-78ca48b9', './utils/UNSAFE_interpolations/flexbox', './flexbox-46d184cc', './utils/UNSAFE_interpolations/flexitem', './flexitem-70c06ae3', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-e8c0693d', 'preact', './UNSAFE_BaseButton', './BaseButton-ae9a6dc8', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-dd589985', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-eec8ddcf', './UNSAFE_Text', './Text-d9e2e519', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-84f316bc', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-2186bfdd', './index-2e7587a5', './hooks/UNSAFE_useUser', './index-abd879ef', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-1a9ba437', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-35281d48', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-bc5efb9f', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-3dc6de20', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-62244dce', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function(e,s,t,o,a,n,r,i,l,c,m,u,d,S,g,F,h,E,A,_,y,U,N,T,p,M,f,I,x,B,b,k,C,v,V,R,P,j,w,D,H,L,O,W,$,z,G,K,q,J,Q,X,Y,Z,ee,se,te,oe,ae,ne,re,ie,le,ce,me,ue,de,Se,ge,Fe,he,Ee,Ae,_e,ye,Ue,Ne,Te,pe,Me,fe,Ie,xe,Be,be,ke,Ce,ve,Ve,Re,Pe,je,we,De,He,Le,Oe,We,$e,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,es,ss,ts,os,as,ns,rs,is,ls,cs,ms,us){"use strict";function ds({item:e,renderer:t}){const o=l.classNames([r.messageStartIconStyles.base,r.messageStartIconStyles.toast,r.messageStartIconStyles.customToast]);return s.jsx("div",{class:o,role:"presentation","data-oj-message-custom-icon":"",children:t(e)})}function Ss({children:e,variant:t="banner"}){const o=l.classNames([r.messageHeaderStyles.base,r.messageHeaderStyles[t]]);return s.jsx("div",{role:"presentation",class:o,children:e})}function gs(e){return m.isValidValueForProp(e,"severity")&&"none"!==e}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=m.formatTimestamp,e.isValidValueForProp=m.isValidValueForProp,e.MessageStartIcon=u.MessageStartIcon,e.MessageSummary=d.MessageSummary,e.MessageTimestamp=S.MessageTimestamp,e.getRenderer=g.getRenderer,e.getRendererWithoutIndex=g.getRendererWithoutIndex,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesManager=A.MessagesManager,e.severities=_.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:o,iconRenderer:n,index:A=-1,item:_,onClose:y,messageRef:U=(()=>{}),variant:N="pageBanner",translations:T}){const{closeAffordance:p="on",severity:M="error",sound:f,summary:I,timestamp:x}=_.data,{autoTimeout:B="off"}=_.data,b=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(N),k=t.useCallback((()=>{y?.(_)}),[_,y]),C=t.useCallback((e=>{"Escape"===e.key&&"on"===p&&y?.(_)}),[p,_,y]),v="toast"===b&&"off"!==B,V=t.useRef(),R="on"===B?5e3:"number"==typeof B?B:5e3,P=t.useCallback((()=>{V.current||(V.current=new a.Timer(k,R))}),[k,R]),j=t.useCallback((()=>{V.current&&(V.current.clear(),V.current=void 0)}),[]),w=t.useCallback((()=>{V.current?.pause()}),[]),D=t.useCallback((()=>{V.current?.resume()}),[]);t.useEffect((()=>(m.isValidValueForProp(f)&&g.playSound(f),v&&P(),()=>{j()})),[]);const{variantClasses:H}=F.useComponentTheme(h.MessageBannerRedwoodTheme,{severity:M}),L=l.classNames(["banner"===b&&H,r.messageStyles.base[b],"toast"!==N&&g.severityBasedStyleClass(M,b),"sectionBanner"===N&&r.messageStyles.section]),O=l.classNames([r.messageStyles.content.base,r.messageStyles.content[b]]);return s.jsx("div",{ref:U,class:L,role:"alert","aria-atomic":"true","data-oj-key":`${typeof _.key}-${_.key}`,tabIndex:0,onKeyUp:C,onfocusin:w,onfocusout:D,children:s.jsxs("div",{class:O,children:[n?s.jsx(ds,{item:{..._,index:A},renderer:n}):gs(M)?s.jsx(u.MessageStartIcon,{severity:M,variant:b,translations:T}):null,s.jsxs(E.Flex,{direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x",children:[s.jsxs(Ss,{variant:b,children:[s.jsx(d.MessageSummary,{variant:b,text:I}),m.isValidValueForProp(x,"timestamp")&&"toast"!==N&&s.jsx(S.MessageTimestamp,{variant:b,value:x})]}),s.jsx(c.MessageDetail,{variant:b,item:{..._,index:A},renderer:o})]}),"on"===p&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:T?.close,variant:b,onAction:k})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_Message.js.map

package/amd/PRIVATE_Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.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 */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageStartIconStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem } from './Message.types';\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast,\n    messageStartIconStyles.customToast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\" data-oj-message-custom-icon=\"\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageHeaderStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\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 { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { messageStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageBannerVariantOptions } from '../UNSAFE_MessageBanner';\nimport { MessageBannerRedwoodTheme } from '../UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme';\n\n// TODO: Refactor Message Item types\n// \n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const { variantClasses } = useComponentTheme<MessageBannerVariantOptions>(\n    MessageBannerRedwoodTheme,\n    {\n      severity\n    }\n  );\n\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n  const rootClasses = cx([\n    baseVariant === 'banner' && variantClasses,\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      data-oj-key={`${typeof item.key}-${item.key}`}\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["MessageCustomStartIcon","item","renderer","classes","classNames","messageStartIconStyles","base","toast","customToast","_jsx","jsx","class","role","MessageHeader","children","variant","rootClasses","messageHeaderStyles","isSeverityIconNeeded","severity","isValidValueForProp","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","autoTimeout","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","key","shouldTimeout","currentTimerRef","useRef","timeoutDuration","MIN_SECONDS","startTimer","current","Timer","clearTimer","clear","undefined","pauseTimer","pause","resumeTimer","resume","useEffect","playSound","variantClasses","useComponentTheme","MessageBannerRedwoodTheme","cx","messageStyles","severityBasedStyleClass","section","contentClasses","content","ref","tabIndex","onKeyUp","onfocusin","onfocusout","_jsxs","MessageStartIcon","Flex","direction","flex","gap","jsxs","MessageSummary","text","MessageTimestamp","value","MessageDetail","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.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 */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageStartIconStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem } from './Message.types';\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast,\n    messageStartIconStyles.customToast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\" data-oj-message-custom-icon=\"\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageHeaderStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\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 { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { messageStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageBannerVariantOptions } from '../UNSAFE_MessageBanner';\nimport { MessageBannerRedwoodTheme } from '../UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme';\n\n// TODO: Refactor Message Item types\n// \n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const { variantClasses } = useComponentTheme<MessageBannerVariantOptions>(\n    MessageBannerRedwoodTheme,\n    {\n      severity\n    }\n  );\n\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n  const rootClasses = cx([\n    baseVariant === 'banner' && variantClasses,\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      data-oj-key={`${typeof item.key}-${item.key}`}\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["MessageCustomStartIcon","item","renderer","classes","classNames","messageStartIconStyles","base","toast","customToast","_jsx","jsx","class","role","MessageHeader","children","variant","rootClasses","messageHeaderStyles","isSeverityIconNeeded","severity","isValidValueForProp","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","autoTimeout","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","key","shouldTimeout","currentTimerRef","useRef","timeoutDuration","MIN_SECONDS","startTimer","current","Timer","clearTimer","clear","undefined","pauseTimer","pause","resumeTimer","resume","useEffect","playSound","variantClasses","useComponentTheme","MessageBannerRedwoodTheme","cx","messageStyles","severityBasedStyleClass","section","contentClasses","content","ref","tabIndex","onKeyUp","onfocusin","onfocusout","_jsxs","MessageStartIcon","Flex","direction","flex","gap","jsxs","MessageSummary","text","MessageTimestamp","value","MessageDetail","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"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"}

package/amd/PRIVATE_MessageLayer.js

@@ -1,2 +1,2 @@
-define(['exports', './index-7f62b116', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Flex', './Flex-21c79608', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './Common/themes/themeContract.css', './_curry1-e6d9d1a5', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-6767395f', './_curry3-e07e0dfb', './_curry2-52d67333', './_has-38a83b27', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-295e5fed', './utils/UNSAFE_interpolations/flexbox', './flexbox-baa962bb', './utils/UNSAFE_interpolations/flexitem', './flexitem-5404a584', './UNSAFE_WindowOverlay', './vanilla-extract-dynamic.esm-9a92ef3d', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', 'preact/hooks', './index-fcbf385a', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme'], (function(e,s,o,t,a,i,r,l,n,m,d,c,_,y,S,F,N,U,h,u,A,E,w,p,f,v,x,O,W,b,C,g,k,T,L,M,j,B,I,z,P,R,V,q,D,G,H,J,K,Q){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './index-76b9d04f', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Flex', './Flex-cc4e4675', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b994552d', './Common/themes/themeContract.css', './_curry1-4d9a6584', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-bd4a4c19', './_curry3-963d734c', './_curry2-99f10bc7', './_has-77ad1af6', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-78ca48b9', './utils/UNSAFE_interpolations/flexbox', './flexbox-46d184cc', './utils/UNSAFE_interpolations/flexitem', './flexitem-70c06ae3', './UNSAFE_WindowOverlay', './vanilla-extract-dynamic.esm-1a9ba437', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', 'preact/hooks', './index-abd879ef', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-84f316bc', './UNSAFE_Layer', './useThemeInterpolations-35281d48', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme'], (function(e,s,o,t,a,i,r,l,n,m,d,c,_,y,S,F,N,U,h,u,A,E,w,p,v,x,O,W,b,f,C,g,k,T,L,M,j,B,I,z,P,R,V,q,D,G,H,J,K,Q){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_MessageLayer.js.map

package/amd/PRIVATE_SelectCommon.css

@@ -1,16 +1,16 @@
-.co1suj{border-top-color:rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.1);border-top-style:solid;border-top-width:1px;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1cviboh{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+._1rveoj5{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+.bo21hz{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+._8yoz1b{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._8yoz1b:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._7d8ezb{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-._1v2a9x7{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._18ig55r{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
 
-._1ml2d9h{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+.xmhexc{border-top-color:rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.1);border-top-style:solid;border-top-width:1px;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
 
-.i6b54p{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;}
-.l971ie{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._15ia6j9{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.uh4905{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+.olmai{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;}
+.wbmd60{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.no1r22{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.wapw62{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
 
-.q4iyuz{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-._95lvfy{width:2.75rem;height:2.75rem;line-height:2.75rem;}
-.rqsp3s{width:2.25rem;height:2.25rem;line-height:2.25rem;}
-._1ck9n3o{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1ck9n3o:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
-._1q8wbvy{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1h7kb4{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}

package/amd/PRIVATE_SelectCommon.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./PRIVATE_SelectCommon.css', './UNSAFE_HighlightText', './PRIVATE_List', './UNSAFE_Flex', './UNSAFE_Skeleton', './utils/UNSAFE_logger', './Flex-21c79608', './HighlightText-e3a24ff2', './List-1be89c37', './SkeletonContainer-f6f3bf14', './Skeleton-2f11d677', './UNSAFE_Floating', './UNSAFE_Layer', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './utils/UNSAFE_arrayUtils', './Floating-eb348d77', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/DropdownArrowIcon', './utils/UNSAFE_classNames', './classNames-6767395f', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useFormFieldContext', './UNSAFE_UserAssistance', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_WindowOverlay', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './UNSAFE_Divider', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './Divider-8c884533', './utils/PRIVATE_clientHints', './clientHints-7c609d6d', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useComponentTheme', './_curry1-e6d9d1a5', './_curry2-52d67333', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_curry3-e07e0dfb', './_has-38a83b27', './utils/UNSAFE_interpolations/flexitem', './flexitem-5404a584', './keys-295e5fed', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-45f8e4e8', './PRIVATE_Collection', './Collection-9855686d', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-b31c9eda', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-99e3a240', './utils/PRIVATE_tabbableUtils', './_arity-f7a07b47', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-fcbf385a', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-f6263197', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './hooks/UNSAFE_useThemeInterpolations', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './index-88e3273c', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles2.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-baa962bb', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'css!./dropdownStyles.styles.css', './InlineHelpSource-f6d4a8da', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-20765f13', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-6b33ec18', './UNSAFE_IconButton', './IconButton-6cc25d3a', './UNSAFE_BaseButton', './BaseButton-6624aede', './UNSAFE_ButtonLayout', './ButtonLayout-f0d694e3', './UNSAFE_Text', './Text-f6c939ec', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-454cfbe8', './MessageFormattingUtils-9b06a7e6', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-21c493e8', './Message.types-6c259c61', './MessageStartIcon-d539c05d', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-f9097eae', './MessageTimestamp-8443f617', './MessageUtils-66cba86e', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-805ef794', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-176fa1c8', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-652bd72f', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './CompactHelpSource-ac34a5bf', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-e51b2a93', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', 'css!./mobileDropdownStyles.styles.css', 'css!./selectMobileDropdownStyles.styles.css'], (function(e,s,t,o,n,a,i,l,r,c,d,u,h,m,S,A,E,_,F,p,T,U,y,N,f,g,w,C,I,b,x,k,R,P,M,v,D,L,V,B,O,j,H,K,W,G,z,q,Y,$,J,Q,X,Z,ee,se,te,oe,ne,ae,ie,le,re,ce,de,ue,he,me,Se,Ae,Ee,_e,Fe,pe,Te,Ue,ye,Ne,fe,ge,we,Ce,Ie,be,xe,ke,Re,Pe,Me,ve,De,Le,Ve,Be,Oe,je,He,Ke,We,Ge,ze,qe,Ye,$e,Je,Qe,Xe,Ze,es,ss,ts,os,ns,as,is,ls,rs,cs,ds,us,hs,ms,Ss,As,Es,_s,Fs,ps,Ts,Us,ys,Ns,fs,gs,ws,Cs,Is,bs,xs,ks,Rs,Ps,Ms,vs,Ds,Ls,Vs,Bs,Os,js,Hs,Ks,Ws,Gs,zs,qs,Ys,$s,Js,Qs,Xs,Zs,et,st,tt,ot,nt,at,it,lt,rt,ct,dt,ut,ht,mt,St,At,Et,_t,Ft,pt,Tt,Ut,yt,Nt,ft,gt,wt,Ct,It,bt,xt,kt,Rt,Pt,Mt,vt,Dt,Lt,Vt,Bt,Ot,jt,Ht,Kt,Wt,Gt,zt,qt,Yt,$t,Jt,Qt,Xt,Zt,eo,so,to,oo,no,ao,io,lo,ro,co,uo,ho,mo,So,Ao,Eo,_o,Fo,po,To,Uo,yo){"use strict";function No(e,s){if("string"!=typeof s)return s(e);if(e.data?.hasOwnProperty(s)){const t=e.data[s];return String(t)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+s)}const fo=()=>{};const go=s.jsx(h.SkeletonContainer,{minimumCount:3,children:()=>s.jsx(c.Flex,{height:"12x",align:"center",children:s.jsx(m.Skeleton,{height:"4x"})})}),wo={TAB:"Tab",ENTER:"Enter",NUMPAD_ENTER:"NumpadEnter",ESC:"Escape",SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",SHIFT_LEFT:"ShiftLeft",SHIFT_RIGHT:"ShiftRight",CTRL_LEFT:"ControlLeft",CTRL_RIGHT:"ControlRight",ALT_LEFT:"AltLeft",ALT_RIGHT:"AltRight",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",HOME:"Home",END:"End",BACKSPACE:"Backspace",DELETE:"Delete"},Co=e=>{switch(e.code){case wo.SHIFT_LEFT:case wo.SHIFT_RIGHT:case wo.CTRL_LEFT:case wo.CTRL_RIGHT:case wo.ALT_LEFT:case wo.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},Io=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),bo=e=>Co(e)||Io(e),xo=e=>0===e.button&&!e.ctrlKey,ko=e=>{e.currentTarget===e.target&&e.preventDefault()},Ro=e=>e?.ownerDocument??document,Po=({isDisabled:e=!1,ref:s,handler:o})=>{t.useEffect((()=>{const t=_.coerceArray(s);if(!o||e||t.length>0&&t.findIndex((e=>null===e.current))>-1)return;const n=e=>{((e,s)=>{const t=e.target;if(t&&!Ro(t).contains(t))return!1;return s.every((e=>!e.current?.contains(t)))})(e,t)&&o?.(e)},a=t[0],i=Ro(a.current);return i?(i.addEventListener("mousedown",n,!0),()=>{i.removeEventListener("mousedown",n,!0)}):void 0}),[e,o,s])},Mo="bottom-start";const vo="q4iyuz",Do="_95lvfy",Lo="rqsp3s",Vo="_1ck9n3o",Bo="_1q8wbvy",Oo=()=>{};const jo="i6b54p",Ho="l971ie",Ko="_15ia6j9",Wo="uh4905";function Go({children:e,id:t,isOpen:o}){return o?s.jsx(A.Layer,{children:s.jsx(C.WindowOverlay,{children:s.jsx("div",{id:t,class:I.mobileDropdownStyles.base,role:"dialog","aria-modal":"true",children:s.jsx(c.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:e})})})}):null}e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:n,data:a,itemRenderer:i,itemText:l,onCurrentKeyChange:r,onItemAction:h,onLoadRange:m=fo,onSelectionChange:S,searchText:A,selectedKeys:E,selectionMode:_}){const F=t.useCallback((e=>{const t={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:A,selectedKeys:E,onSelectionChange:({target:e,value:s})=>{S?.({target:e,value:{all:!1,keys:s}})}},o={data:e.data,key:e.metadata.key,metadata:e.metadata};return i?i(t):s.jsxs(c.Flex,{children:[e.selector&&e.selector(),s.jsx("div",{class:"_1ml2d9h",children:s.jsx(d.HighlightText,{matchText:A,children:No(o,l)})})]})}),[i,l,S,A,E]),p=t.useMemo((()=>({all:!1,keys:E??new Set})),[E]);return s.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentKey:n,data:a??null,loadingIndicator:go,onCurrentKeyChange:r,onItemAction:h,onLoadRange:m,onSelectionChange:S,role:"listbox",selectedKeys:p,selectionMode:_,children:e=>F(e)})},e.Dropdown=function({anchorRef:e,children:o,dropdownRef:n,id:a,isOpen:i,onAutoDismiss:l,onPosition:r}){const[c,d]=t.useState(Mo);t.useEffect((()=>{i||d(Mo)}),[i,d]);const u=t.useCallback((e=>{d(e.placement),r?.(e)}),[r,d]),h=t.useCallback((e=>{l?.(e)}),[l]),m=t.useCallback((e=>{if(!e.defaultPrevented&&!bo(e))switch(e.code){case wo.ESC:case wo.TAB:h(e)}}),[h]);Po({isDisabled:!i,ref:[e,n],handler:h});const S=i?{minWidth:`${e.current?.offsetWidth}px`}:{};return i?s.jsx(A.Layer,{logicalParentRef:e,children:s.jsx(F.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:n,placement:c,offsetValue:{mainAxis:4,crossAxis:0},onPosition:u,children:s.jsx("div",{class:E.dropdownStyles.base,id:a,style:S,onKeyDown:m,onMouseDown:ko,children:o})})}):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:o,size:n="md"}){const a=t.useCallback((e=>{e.preventDefault()}),[]),{pressProps:i}=p.usePress(o??Oo,{isDisabled:e}),l=y.classNames([vo,"sm"===n?Lo:Do,e?Bo:Vo]);return s.jsx("span",{"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:a,...i,children:s.jsx(T.DropdownArrowIcon,{})})},e.DropdownList=function({children:e,hasBottomGap:t=!0,isLoading:o=!1}){const n=y.classNames([jo,Ho,t&&Ko,o&&Wo]);return s.jsx(N.CollectionGestureContext.Provider,{value:"embedded",children:s.jsx("div",{class:n,onMouseDown:ko,children:e})})},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(f.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:"co1suj",onMouseDown:o,children:s.jsx(g.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=w.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:"_1v2a9x7",onMouseDown:ko,children:e.select_noMatchesFound()})},e.KEYS=wo,e.MobileDropdown=Go,e.SelectMobileDropdown=function({children:e,footer:t,header:o,id:n,isOpen:a}){return s.jsxs(Go,{id:n,isOpen:a,children:[o,s.jsx(k.Divider,{}),s.jsx("div",{class:x.selectMobileDropdownStyles.content,children:e}),s.jsx(k.Divider,{}),t]})},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=Co,e.isControlOrFunctionKey=bo,e.isFunctionKey=Io,e.isMobile=function(){const e=P.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===P.getClientHints().deviceType},e.isSimpleClick=xo,e.isTablet=function(){return"tablet"===P.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=ko,e.renderItemText=No,e.useSelectCommon=function({data:e,inputRef:s,isFocused:o,onFilter:n}){const a=t.useRef(null),i=t.useRef(null),[l,r]=t.useState(!1),[c,d]=t.useState(!1),[u,h]=t.useState({rowKey:void 0}),[m,S]=t.useState(),[A,E]=t.useState(!1),[_,F]=t.useState(),[p,T]=t.useState(),U=t.useCallback((e=>{!e.defaultPrevented&&xo(e)&&(l||r(!0),setTimeout((function(){s.current?.focus()}),0))}),[s,l]),y=t.useCallback((()=>{r(!l),s.current?.focus()}),[s,l]),N=t.useCallback((e=>{if(l)switch(r(!1),e?.type){case"keydown":if(e.code===wo.ESC)s.current?.focus();break;case"mousedown":i.current?.contains(document.activeElement)&&s.current?.focus()}}),[s,l]),f=t.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),g=t.useCallback((s=>{if(l){const s=i.current?.querySelector('[tabindex="0"]');s?.focus(),void 0!==e&&void 0===u.rowKey&&h({rowKey:e?.data?.[0]?.metadata?.key})}else r(!0);s.preventDefault()}),[u,e,l]),w=t.useCallback((e=>{if(!bo(e))switch(e.code){case wo.PAGE_UP:case wo.PAGE_DOWN:return void e.preventDefault();case wo.UP:case wo.DOWN:e.preventDefault();break;case wo.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}}),[l]),C=t.useCallback((e=>{if(!bo(e))switch(e.code){case wo.UP:case wo.DOWN:g(e)}}),[g]),I=t.useCallback((e=>{l||r(!0),E(!0),F(e.value);const s=e.value?.trim();T(s),n?.({searchText:s})}),[l,n]),b=t.useCallback((e=>{h({rowKey:e.value})}),[]),x=t.useCallback((()=>{E(!1),F(""),T("")}),[]);return t.useEffect((()=>{l||o||!A||x()}),[l,o,A,x]),t.useEffect((()=>{l&&!A&&n?.({searchText:void 0})}),[l,A,n]),t.useEffect((()=>{l||d(!1)}),[l]),{currentRow:u,dropdownRef:i,handleDropdownArrowClick:y,handleDropdownAutoDismiss:N,handleDropdownPosition:f,handleInput:I,handleMainFieldKeyDown:w,handleMainFieldKeyUp:C,handleUpDownArrowKeys:g,isDropdownAbove:c,isDropdownOpen:l,isFocused:o||l,isUserFiltering:A,mainFieldRef:a,onCurrentKeyChange:b,onMouseDown:U,searchText:p,selectedKeys:m,setCurrentRow:h,setDropdownOpen:r,setSelectedKeys:S,setUserInput:F,stopFiltering:x,userInput:_}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./PRIVATE_SelectCommon.css', './UNSAFE_HighlightText', './PRIVATE_List', './UNSAFE_Flex', './UNSAFE_Skeleton', './utils/UNSAFE_logger', './Flex-cc4e4675', './HighlightText-bfc808b6', './List-b3266ee0', './SkeletonContainer-9733c82c', './Skeleton-c9a7cd89', './UNSAFE_Floating', './UNSAFE_Layer', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './utils/UNSAFE_arrayUtils', './Floating-2186bfdd', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/DropdownArrowIcon', './utils/UNSAFE_classNames', './classNames-bd4a4c19', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useFormFieldContext', './UNSAFE_UserAssistance', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_WindowOverlay', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './UNSAFE_Divider', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './Divider-e1dee0ca', './utils/PRIVATE_clientHints', './clientHints-dd589985', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useComponentTheme', './_curry1-4d9a6584', './_curry2-99f10bc7', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_curry3-963d734c', './_has-77ad1af6', './utils/UNSAFE_interpolations/flexitem', './flexitem-70c06ae3', './keys-78ca48b9', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-84f316bc', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-03bfa7e9', './PRIVATE_Collection', './Collection-cb886825', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-1ded33d9', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-47f31a06', './utils/PRIVATE_tabbableUtils', './_arity-39916028', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-abd879ef', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-3dc6de20', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b994552d', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-bc5efb9f', './hooks/UNSAFE_useThemeInterpolations', './useThemeInterpolations-35281d48', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './index-2e7587a5', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-1a9ba437', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles2.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-46d184cc', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'css!./dropdownStyles.styles.css', './InlineHelpSource-c14cf7c7', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-927aa23c', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-9a221db8', './UNSAFE_IconButton', './IconButton-e8c0693d', './UNSAFE_BaseButton', './BaseButton-ae9a6dc8', './UNSAFE_ButtonLayout', './ButtonLayout-eec8ddcf', './UNSAFE_Text', './Text-d9e2e519', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-9011f942', './MessageFormattingUtils-604638f0', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-62244dce', './Message.types-003fd957', './MessageStartIcon-79e8fcf1', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-1e459b81', './MessageTimestamp-1a0d1118', './MessageUtils-75fa8dae', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-d1ae0a38', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-c7d035a7', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-b6c2ccd6', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './CompactHelpSource-1e95c783', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-e6cf986b', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', 'css!./mobileDropdownStyles.styles.css', 'css!./selectMobileDropdownStyles.styles.css'], (function(e,s,t,o,n,a,i,l,r,c,d,u,h,m,S,A,E,_,F,p,T,U,y,N,w,g,f,C,b,I,x,k,R,P,M,v,D,L,V,B,O,j,H,K,W,G,z,q,Y,$,J,Q,X,Z,ee,se,te,oe,ne,ae,ie,le,re,ce,de,ue,he,me,Se,Ae,Ee,_e,Fe,pe,Te,Ue,ye,Ne,we,ge,fe,Ce,be,Ie,xe,ke,Re,Pe,Me,ve,De,Le,Ve,Be,Oe,je,He,Ke,We,Ge,ze,qe,Ye,$e,Je,Qe,Xe,Ze,es,ss,ts,os,ns,as,is,ls,rs,cs,ds,us,hs,ms,Ss,As,Es,_s,Fs,ps,Ts,Us,ys,Ns,ws,gs,fs,Cs,bs,Is,xs,ks,Rs,Ps,Ms,vs,Ds,Ls,Vs,Bs,Os,js,Hs,Ks,Ws,Gs,zs,qs,Ys,$s,Js,Qs,Xs,Zs,et,st,tt,ot,nt,at,it,lt,rt,ct,dt,ut,ht,mt,St,At,Et,_t,Ft,pt,Tt,Ut,yt,Nt,wt,gt,ft,Ct,bt,It,xt,kt,Rt,Pt,Mt,vt,Dt,Lt,Vt,Bt,Ot,jt,Ht,Kt,Wt,Gt,zt,qt,Yt,$t,Jt,Qt,Xt,Zt,eo,so,to,oo,no,ao,io,lo,ro,co,uo,ho,mo,So,Ao,Eo,_o,Fo,po,To,Uo,yo){"use strict";function No(e,s){if("string"!=typeof s)return s(e);if(e.data?.hasOwnProperty(s)){const t=e.data[s];return String(t)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+s)}const wo=()=>{};const go=s.jsx(h.SkeletonContainer,{minimumCount:3,children:()=>s.jsx(c.Flex,{height:"12x",align:"center",children:s.jsx(m.Skeleton,{height:"4x"})})}),fo={TAB:"Tab",ENTER:"Enter",NUMPAD_ENTER:"NumpadEnter",ESC:"Escape",SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",SHIFT_LEFT:"ShiftLeft",SHIFT_RIGHT:"ShiftRight",CTRL_LEFT:"ControlLeft",CTRL_RIGHT:"ControlRight",ALT_LEFT:"AltLeft",ALT_RIGHT:"AltRight",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",HOME:"Home",END:"End",BACKSPACE:"Backspace",DELETE:"Delete"},Co=e=>{switch(e.code){case fo.SHIFT_LEFT:case fo.SHIFT_RIGHT:case fo.CTRL_LEFT:case fo.CTRL_RIGHT:case fo.ALT_LEFT:case fo.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},bo=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),Io=e=>Co(e)||bo(e),xo=e=>0===e.button&&!e.ctrlKey,ko=e=>{e.currentTarget===e.target&&e.preventDefault()},Ro=e=>e?.ownerDocument??document,Po=({isDisabled:e=!1,ref:s,handler:o})=>{t.useEffect((()=>{const t=_.coerceArray(s);if(!o||e||t.length>0&&t.findIndex((e=>null===e.current))>-1)return;const n=e=>{((e,s)=>{const t=e.target;if(t&&!Ro(t).contains(t))return!1;return s.every((e=>!e.current?.contains(t)))})(e,t)&&o?.(e)},a=t[0],i=Ro(a.current);return i?(i.addEventListener("mousedown",n,!0),()=>{i.removeEventListener("mousedown",n,!0)}):void 0}),[e,o,s])},Mo="bottom-start";const vo="_1cviboh",Do="_1rveoj5",Lo="bo21hz",Vo="_8yoz1b",Bo="_7d8ezb",Oo=()=>{};const jo="olmai",Ho="wbmd60",Ko="no1r22",Wo="wapw62";function Go({children:e,id:t,isOpen:o}){return o?s.jsx(A.Layer,{children:s.jsx(C.WindowOverlay,{children:s.jsx("div",{id:t,class:b.mobileDropdownStyles.base,role:"dialog","aria-modal":"true",children:s.jsx(c.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:e})})})}):null}e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:n,data:a,itemRenderer:i,itemText:l,onCurrentKeyChange:r,onItemAction:h,onLoadRange:m=wo,onSelectionChange:S,searchText:A,selectedKeys:E,selectionMode:_}){const F=t.useCallback((e=>{const t={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:A,selectedKeys:E,onSelectionChange:({target:e,value:s})=>{S?.({target:e,value:{all:!1,keys:s}})}},o={data:e.data,key:e.metadata.key,metadata:e.metadata};return i?i(t):s.jsxs(c.Flex,{children:[e.selector&&e.selector(),s.jsx("div",{class:"_18ig55r",children:s.jsx(d.HighlightText,{matchText:A,children:No(o,l)})})]})}),[i,l,S,A,E]),p=t.useMemo((()=>({all:!1,keys:E??new Set})),[E]);return s.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentKey:n,data:a??null,loadingIndicator:go,onCurrentKeyChange:r,onItemAction:h,onLoadRange:m,onSelectionChange:S,role:"listbox",selectedKeys:p,selectionMode:_,children:e=>F(e)})},e.Dropdown=function({anchorRef:e,children:o,dropdownRef:n,id:a,isOpen:i,onAutoDismiss:l,onPosition:r}){const[c,d]=t.useState(Mo);t.useEffect((()=>{i||d(Mo)}),[i,d]);const u=t.useCallback((e=>{d(e.placement),r?.(e)}),[r,d]),h=t.useCallback((e=>{l?.(e)}),[l]),m=t.useCallback((e=>{if(!e.defaultPrevented&&!Io(e))switch(e.code){case fo.ESC:case fo.TAB:h(e)}}),[h]);Po({isDisabled:!i,ref:[e,n],handler:h});const S=i?{minWidth:`${e.current?.offsetWidth}px`}:{};return i?s.jsx(A.Layer,{logicalParentRef:e,children:s.jsx(F.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:n,placement:c,offsetValue:{mainAxis:4,crossAxis:0},onPosition:u,children:s.jsx("div",{class:E.dropdownStyles.base,id:a,style:S,onKeyDown:m,onMouseDown:ko,children:o})})}):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:o,size:n="md"}){const a=t.useCallback((e=>{e.preventDefault()}),[]),{pressProps:i}=p.usePress(o??Oo,{isDisabled:e}),l=y.classNames([vo,"sm"===n?Lo:Do,e?Bo:Vo]);return s.jsx("span",{"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:a,...i,children:s.jsx(T.DropdownArrowIcon,{})})},e.DropdownList=function({children:e,hasBottomGap:t=!0,isLoading:o=!1}){const n=y.classNames([jo,Ho,t&&Ko,o&&Wo]);return s.jsx(N.CollectionGestureContext.Provider,{value:"embedded",children:s.jsx("div",{class:n,onMouseDown:ko,children:e})})},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(w.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:"xmhexc",onMouseDown:o,children:s.jsx(g.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=f.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:"_1h7kb4",onMouseDown:ko,children:e.select_noMatchesFound()})},e.KEYS=fo,e.MobileDropdown=Go,e.SelectMobileDropdown=function({children:e,footer:t,header:o,id:n,isOpen:a}){return s.jsxs(Go,{id:n,isOpen:a,children:[o,s.jsx(k.Divider,{}),s.jsx("div",{class:x.selectMobileDropdownStyles.content,children:e}),s.jsx(k.Divider,{}),t]})},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=Co,e.isControlOrFunctionKey=Io,e.isFunctionKey=bo,e.isMobile=function(){const e=P.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===P.getClientHints().deviceType},e.isSimpleClick=xo,e.isTablet=function(){return"tablet"===P.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=ko,e.renderItemText=No,e.useSelectCommon=function({data:e,inputRef:s,isFocused:o,onFilter:n}){const a=t.useRef(null),i=t.useRef(null),[l,r]=t.useState(!1),[c,d]=t.useState(!1),[u,h]=t.useState({rowKey:void 0}),[m,S]=t.useState(),[A,E]=t.useState(!1),[_,F]=t.useState(),[p,T]=t.useState(),U=t.useCallback((e=>{!e.defaultPrevented&&xo(e)&&(l||r(!0),setTimeout((function(){s.current?.focus()}),0))}),[s,l]),y=t.useCallback((()=>{r(!l),s.current?.focus()}),[s,l]),N=t.useCallback((e=>{if(l)switch(r(!1),e?.type){case"keydown":if(e.code===fo.ESC)s.current?.focus();break;case"mousedown":i.current?.contains(document.activeElement)&&s.current?.focus()}}),[s,l]),w=t.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),g=t.useCallback((s=>{if(l){const s=i.current?.querySelector('[tabindex="0"]');s?.focus(),void 0!==e&&void 0===u.rowKey&&h({rowKey:e?.data?.[0]?.metadata?.key})}else r(!0);s.preventDefault()}),[u,e,l]),f=t.useCallback((e=>{if(!Io(e))switch(e.code){case fo.PAGE_UP:case fo.PAGE_DOWN:return void e.preventDefault();case fo.UP:case fo.DOWN:e.preventDefault();break;case fo.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}}),[l]),C=t.useCallback((e=>{if(!Io(e))switch(e.code){case fo.UP:case fo.DOWN:g(e)}}),[g]),b=t.useCallback((e=>{l||r(!0),E(!0),F(e.value);const s=e.value?.trim();T(s),n?.({searchText:s})}),[l,n]),I=t.useCallback((e=>{h({rowKey:e.value})}),[]),x=t.useCallback((()=>{E(!1),F(""),T("")}),[]);return t.useEffect((()=>{l||o||!A||x()}),[l,o,A,x]),t.useEffect((()=>{l&&!A&&n?.({searchText:void 0})}),[l,A,n]),t.useEffect((()=>{l||d(!1)}),[l]),{currentRow:u,dropdownRef:i,handleDropdownArrowClick:y,handleDropdownAutoDismiss:N,handleDropdownPosition:w,handleInput:b,handleMainFieldKeyDown:f,handleMainFieldKeyUp:C,handleUpDownArrowKeys:g,isDropdownAbove:c,isDropdownOpen:l,isFocused:o||l,isUserFiltering:A,mainFieldRef:a,onCurrentKeyChange:I,onMouseDown:U,searchText:p,selectedKeys:m,setCurrentRow:h,setDropdownOpen:r,setSelectedKeys:S,setUserInput:F,stopFiltering:x,userInput:_}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_SelectCommon.js.map