@oracle/oraclejet-preact 15.1.5 → 15.1.7

package/amd/NavigationListItem-cbf6944f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListItem-cbf6944f.js","sources":["../../src/UNSAFE_NavigationList/NavigationListContext.ts","../../src/UNSAFE_NavigationList/useNavigationListItem.ts","../../src/UNSAFE_NavigationList/useNavigationListContext.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationList';\nimport { MutableRefObject } from 'preact/compat';\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  containsActiveElement: () => boolean;\n  firstItemRenderedKey?: MutableRefObject<K | undefined>;\n  onCurrentKeyChange: Required<NavigationListProps<K>>['onSelectionChange'];\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","import { useLayoutEffect, MutableRef, useRef } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\n\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from './themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\n//Little hook to run some function before first render\nexport const useWillMount = (callback: () => void) => {\n  const willMount = useRef(true);\n\n  if (willMount.current) {\n    willMount.current = false;\n    callback();\n  }\n};\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\n// default style class for items in NavigationList\nexport const ITEM_STYLE_CLASS = 'oj-c-navigationlist-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nexport function useNavigationListItem<K extends string | number>({\n  itemRef,\n  itemKey\n}: {\n  itemRef: MutableRef<HTMLLIElement>;\n  itemKey: K;\n}) {\n  const {\n    onSelectionChange,\n    selection,\n    currentKey,\n    showFocusRing,\n    containsActiveElement,\n    firstItemRenderedKey,\n    onCurrentKeyChange\n  } = useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  useWillMount(() => {\n    if (\n      currentKey === undefined &&\n      firstItemRenderedKey &&\n      firstItemRenderedKey.current === undefined\n    ) {\n      firstItemRenderedKey.current = itemKey;\n    }\n  });\n\n  const isSelected = selection === itemKey;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const {\n    classes: listItemClasses,\n    styles: { labelContainerClasses }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive'\n    }\n  );\n\n  useLayoutEffect(() => {\n    //We just focus the item if the container is the active element\n    if (containsActiveElement?.() && isCurrent) {\n      itemRef?.current?.focus();\n    }\n  }, [isCurrent, containsActiveElement]);\n\n  //Item handlers\n  const handlePress = () => {\n    onSelectionChange?.({ value: itemKey as K });\n  };\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  // We have to update current key if there no initial selection\n  const onFocus = () => {\n    if (currentKey === undefined) {\n      onCurrentKeyChange({ value: itemKey as K });\n    }\n  };\n\n  const onFocusProps = { onFocus };\n\n  return {\n    itemHandlers: mergeProps(interactionProps, pressProps, onFocusProps),\n    itemClasses: classNames([listItemClasses, ITEM_STYLE_CLASS]),\n    isItemFocusable:\n      isCurrent || (firstItemRenderedKey?.current === itemKey && currentKey === undefined)\n        ? true\n        : false,\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { ComponentChildren } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\n\nimport { NavigationListContext } from './NavigationListContext';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { useNavigationList } from './useNavigationList';\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListProps<K extends string | number> = {\n  /**\n   * A set of NavigationListItem(s) that NavigationList will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when selection has changed\n   */\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible navigationList.\n   */\n  'aria-label'?: string;\n\n  /**\n   * Specifies some a relation between navigationList and other element. Based on this specifies some\n   * screen reader text. Set it to create an accesible navigationList.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport function NavigationList<K extends string | number>({\n  children,\n  selection,\n  onSelectionChange,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelLedBy\n}: NavigationListProps<K>) {\n  const containerRef = useRef<HTMLUListElement>(null);\n\n  const {\n    firstItemRenderedKey,\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    containsActiveElement,\n    containerHandlers\n  } = useNavigationList({\n    containerRef: containerRef as MutableRef<HTMLUListElement>,\n    selection\n  });\n\n  return (\n    <ul\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelLedBy}\n      role=\"listbox\"\n      ref={containerRef}\n      tabIndex={children ? -1 : 0}\n      {...containerHandlers}\n      class={navigationListStyles.uListStyle}>\n      <NavigationListContext.Provider\n        value={{\n          selection,\n          onSelectionChange,\n          onCurrentKeyChange,\n          currentKey,\n          showFocusRing,\n          containsActiveElement,\n          firstItemRenderedKey\n        }}>\n        {children}\n      </NavigationListContext.Provider>\n    </ul>\n  );\n}\n","import { useState, useCallback, MutableRef, useRef } from 'preact/hooks';\n\nimport { keyExtractor, getPrevNextKey } from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { ITEM_SELECTOR } from './useNavigationListItem';\n\nimport { NavigationListContextProps } from './NavigationListContext';\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection\n}: {\n  containerRef: MutableRef<HTMLUListElement>;\n  selection?: K;\n}) {\n  //Ref used to track if the first item was already rendered\n  const firstItemRenderedKey = useRef<K>();\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback(({ value }: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKey(containerRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(containerRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!containerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  const containsActiveElement = useCallback(() => {\n    return !!containerRef?.current?.contains(document.activeElement);\n  }, []);\n\n  return {\n    firstItemRenderedKey,\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    containsActiveElement,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps)\n  };\n}\n","import { useRef, MutableRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem\n   */\n  label?: string;\n};\n\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label\n}: NavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    isItemFocusable,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle\n  } = useNavigationListItem({\n    itemRef: itemRef as MutableRef<HTMLLIElement>,\n    itemKey\n  });\n\n  return (\n    <li\n      role=\"option\"\n      {...itemHandlers}\n      data-oj-key={itemKey}\n      class={itemClasses}\n      tabIndex={isItemFocusable ? 0 : -1}\n      aria-selected={isSelected}\n      ref={itemRef}>\n      {label && (\n        <span class={labelContainerClasses} style={labelContainerStyle}>\n          <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n            {label}\n          </Text>\n        </span>\n      )}\n    </li>\n  );\n}\n"],"names":["NavigationListContext","createContext","useWillMount","callback","willMount","useRef","current","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyle","alignSelf","ITEM_STYLE_CLASS","ITEM_SELECTOR","useNavigationListItem","itemRef","itemKey","onSelectionChange","selection","currentKey","showFocusRing","containsActiveElement","firstItemRenderedKey","onCurrentKeyChange","useContext","isCurrent","undefined","isSelected","interactionProps","applyPseudoHoverStyle","applyHoverStyle","applyActiveStyle","useInteractionStyle","classes","listItemClasses","styles","labelContainerClasses","useComponentTheme","NavigationListItemRedwoodTheme","focusRing","selected","hybridHover","pseudoHover","active","useLayoutEffect","focus","pressProps","usePress","value","onFocusProps","onFocus","itemHandlers","mergeProps","itemClasses","classNames","isItemFocusable","labelContainerStyle","children","ariaLabel","ariaLabelLedBy","containerRef","containerHandlers","setCurrentKey","useState","useCallback","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","focusRingProps","useCollectionFocusRing","elem","contains","document","activeElement","useNavigationList","_jsx","role","ref","tabIndex","navigationListStyles","uListStyle","Provider","label","jsx","style","Text","size","weight","variant"],"mappings":"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"}

package/amd/PRIVATE_CheckboxRadioField.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './UNSAFE_Label', './UNSAFE_UserAssistance', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_stringUtils', './stringUtils-62244dce', './UNSAFE_Theme', 'css!./CheckboxRadioFieldStyles.styles.css', './UNSAFE_LabelValueLayout', './CheckboxRadioContext-2d302f5b', './Flex-cc4e4675', './utils-b994552d', './Label-1f0a7c60', 'preact/hooks', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-4d9a6584', './_curry2-99f10bc7', './InlineHelpSource-c14cf7c7', './utils/UNSAFE_classNames', './classNames-bd4a4c19', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useTranslationBundle', './index-abd879ef', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './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', './vanilla-extract-recipes-createRuntimeFn.esm-84f316bc', './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', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './utils/UNSAFE_mergeInterpolations', './_curry3-963d734c', './_has-77ad1af6', './utils/PRIVATE_clientHints', './clientHints-dd589985', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-eec8ddcf', './UNSAFE_Text', './Text-d9e2e519', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-2186bfdd', './index-2e7587a5', './hooks/UNSAFE_useUser', './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_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', './MessageDetail-9011f942', './MessageFormattingUtils-604638f0', './utils/UNSAFE_getLocale', './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_useFormFieldContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-39916028', './UNSAFE_FocusTrap', './FocusTrap-47f31a06', './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', './UNSAFE_Divider', './Divider-e1dee0ca', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.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', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-78ca48b9', './utils/UNSAFE_interpolations/flexbox', './flexbox-46d184cc', './utils/UNSAFE_interpolations/flexitem', './flexitem-70c06ae3'], (function(e,s,o,t,a,n,i,l,r,c,d,m,h,A,F,u,S,U,_,E,p,N,T,y,g,b,x,C,I,w,f,M,R,B,k,P,V,L,v,j,D,H,q,$,W,G,O,z,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,le,re,ce,de,me,he,Ae,Fe,ue,Se,Ue,_e,Ee,pe,Ne,Te,ye,ge,be,xe,Ce,Ie,we,fe,Me,Re,Be,ke,Pe,Ve,Le,ve,je,De,He,qe,$e,We,Ge,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,ls,rs,cs,ds,ms,hs,As,Fs,us,Ss,Us,_s,Es,ps,Ns,Ts,ys,gs,bs,xs,Cs,Is,ws,fs,Ms,Rs,Bs,ks,Ps,Vs,Ls,vs,js,Ds,Hs,qs,$s,Ws,Gs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,lo,ro,co,mo,ho,Ao,Fo,uo,So,Uo,_o,Eo,po,No,To,yo,go,bo,xo,Co,Io,wo,fo,Mo,Ro,Bo,ko,Po,Vo){"use strict";var Lo="CheckboxRadioFieldStyles_topUAContainerStyles_top__j1xru60",vo="CheckboxRadioFieldStyles_topUAContainerStyles_start__j1xru61";const jo=o.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:n,direction:c="column",hasValue:m,helpSourceLink:h,helpSourceText:_,isDisabled:E,isReadonly:p,isRequired:N,label:T,labelEdge:y,labelStartWidth:g="33%",parentComponentVariant:b,messages:x,userAssistanceDensity:C,role:I,children:w},f=null)=>{const M=!!a||!!h&&!!_,R=!E&&!p,B=o.useRef(null),{groupProps:k,labelProps:P,topUserAssistanceProps:V,bottomUserAssistanceProps:L}=function({ariaDescribedBy:e,baseId:s,hasValue:o,hasTopUserAssistance:t,hasBottomUserAssistance:a,isReadonly:n,isRequired:i=!1,label:c,labelEdge:m,messages:h}){const A=`${s}-group`,F=`${s}-label`,u=t?`${s}-top-ua`:void 0,S=a?`${s}-bottom-ua`:void 0,{UNSAFE_ariaLabelledBy:U}=r.useAccessibleContext(),_=""===c&&"none"===m?U:F,E="error"===l.useMessageSeverity(h);return{groupProps:{"aria-describedby":d.merge([u,S,e]),"aria-labelledby":_,"aria-required":i,...n&&{readonly:!0},...E&&{"aria-invalid":!0},id:A},labelProps:{forId:A,id:F},...t&&{topUserAssistanceProps:{id:u,variant:"reflow"}},...a&&{bottomUserAssistanceProps:{id:S,isRequiredShown:!!i&&!o}}}}({ariaDescribedBy:e,baseId:n,isRequired:N,isReadonly:p,label:T,labelEdge:y,messages:x,hasValue:m,hasTopUserAssistance:M,hasBottomUserAssistance:R});o.useImperativeHandle(f,(()=>({focus:()=>{if(!E){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[v,j]=t.useCollectionFocusRing((e=>!!B.current?.contains(e)),["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]),D=s.jsxs(s.Fragment,{children:[M&&s.jsx("div",{id:`${n}-top-ua-container`,class:"start"===y?vo:Lo,children:s.jsx(i.InlineUserAssistanceContainer,{...V,children:s.jsx(i.InlineHelp,{assistiveText:a,sourceLink:h,sourceText:_})})}),s.jsx(u.Flex,{direction:c,..."row"===c&&{gap:S.xUnits(8)},children:w}),R&&!p&&s.jsx(i.InlineUserAssistance,{...L,requiredAlignment:"start",messages:x,userAssistanceDensity:"reflow"===C?C:"efficient",id:`${n}-bottom-ua-container`})]});return s.jsxs("div",{role:I,ref:B,...k,...j,children:["none"===y&&D,"none"!==y&&s.jsx(A.LabelValueLayout,{parentComponentVariant:b,hasTopUserAssistance:M,label:s.jsx(U.Label,{...P,variant:y,userAssistanceDensity:"efficient",parentComponentVariant:b,children:T}),labelEdge:"inside"===y?"top":y,labelStartWidth:g,children:s.jsx(F.CheckboxRadioContext.Provider,{value:{isFocusRingShown:v},children:D})})]})}));e.CheckboxRadioField=jo,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './UNSAFE_Label', './UNSAFE_UserAssistance', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_stringUtils', './stringUtils-c96d07ff', './UNSAFE_Theme', 'css!./CheckboxRadioFieldStyles.styles.css', './UNSAFE_LabelValueLayout', './CheckboxRadioContext-afb8fe9a', './Flex-33235de9', './utils-4e2a6b1d', './Label-146e0f65', 'preact/hooks', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-baceb653', './_curry2-17315fd7', './InlineHelpSource-93e50c06', './utils/UNSAFE_classNames', './classNames-cba917a6', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useTranslationBundle', './index-880dac21', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './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', './vanilla-extract-recipes-createRuntimeFn.esm-1bbc7201', './UNSAFE_ComponentMessage', './ComponentMessage-7287399b', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-a435eb96', './UNSAFE_IconButton', './IconButton-650f1cd1', './UNSAFE_BaseButton', './BaseButton-51ceb4d8', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './utils/UNSAFE_mergeInterpolations', './_curry3-22cb234d', './_has-443fa3d9', './utils/PRIVATE_clientHints', './clientHints-64969ca7', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-7da9c275', './UNSAFE_Text', './Text-da38d901', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-f0a584ab', './index-dfeed5c0', './hooks/UNSAFE_useUser', './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-febac3ae', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-274475e4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2e147b11', './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-959f60dc', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-00704588', './MessageFormattingUtils-490f8de4', './utils/UNSAFE_getLocale', './Message.types-1eb10723', './MessageStartIcon-6903bcb4', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-dfe47650', './MessageTimestamp-8d8e08d7', './MessageUtils-cecd06f2', './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-94e34981', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-c9bed044', './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-b8739b21', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-4379e965', './UNSAFE_FocusTrap', './FocusTrap-fe5f852b', './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', './UNSAFE_Divider', './Divider-04e180d7', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-e79433fc', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-dc1c9d99', './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', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-8769cd52', './utils/UNSAFE_interpolations/flexbox', './flexbox-4e6013f4', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4a4c998'], (function(e,s,o,t,a,n,i,l,r,c,d,m,h,A,F,u,S,U,_,E,p,N,T,y,g,b,x,C,I,w,f,M,R,B,k,P,V,L,v,j,D,H,q,$,W,G,O,z,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,le,re,ce,de,me,he,Ae,Fe,ue,Se,Ue,_e,Ee,pe,Ne,Te,ye,ge,be,xe,Ce,Ie,we,fe,Me,Re,Be,ke,Pe,Ve,Le,ve,je,De,He,qe,$e,We,Ge,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,ls,rs,cs,ds,ms,hs,As,Fs,us,Ss,Us,_s,Es,ps,Ns,Ts,ys,gs,bs,xs,Cs,Is,ws,fs,Ms,Rs,Bs,ks,Ps,Vs,Ls,vs,js,Ds,Hs,qs,$s,Ws,Gs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,lo,ro,co,mo,ho,Ao,Fo,uo,So,Uo,_o,Eo,po,No,To,yo,go,bo,xo,Co,Io,wo,fo,Mo,Ro,Bo,ko,Po,Vo){"use strict";var Lo="CheckboxRadioFieldStyles_topUAContainerStyles_top__j1xru60",vo="CheckboxRadioFieldStyles_topUAContainerStyles_start__j1xru61";const jo=o.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:n,direction:c="column",hasValue:m,helpSourceLink:h,helpSourceText:_,isDisabled:E,isReadonly:p,isRequired:N,label:T,labelEdge:y,labelStartWidth:g="33%",parentComponentVariant:b,messages:x,userAssistanceDensity:C,role:I,children:w},f=null)=>{const M=!!a||!!h&&!!_,R=!E&&!p,B=o.useRef(null),{groupProps:k,labelProps:P,topUserAssistanceProps:V,bottomUserAssistanceProps:L}=function({ariaDescribedBy:e,baseId:s,hasValue:o,hasTopUserAssistance:t,hasBottomUserAssistance:a,isReadonly:n,isRequired:i=!1,label:c,labelEdge:m,messages:h}){const A=`${s}-group`,F=`${s}-label`,u=t?`${s}-top-ua`:void 0,S=a?`${s}-bottom-ua`:void 0,{UNSAFE_ariaLabelledBy:U}=r.useAccessibleContext(),_=""===c&&"none"===m?U:F,E="error"===l.useMessageSeverity(h);return{groupProps:{"aria-describedby":d.merge([u,S,e]),"aria-labelledby":_,"aria-required":i,...n&&{readonly:!0},...E&&{"aria-invalid":!0},id:A},labelProps:{forId:A,id:F},...t&&{topUserAssistanceProps:{id:u,variant:"reflow"}},...a&&{bottomUserAssistanceProps:{id:S,isRequiredShown:!!i&&!o}}}}({ariaDescribedBy:e,baseId:n,isRequired:N,isReadonly:p,label:T,labelEdge:y,messages:x,hasValue:m,hasTopUserAssistance:M,hasBottomUserAssistance:R});o.useImperativeHandle(f,(()=>({focus:()=>{if(!E){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[v,j]=t.useCollectionFocusRing((e=>!!B.current?.contains(e)),["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]),D=s.jsxs(s.Fragment,{children:[M&&s.jsx("div",{id:`${n}-top-ua-container`,class:"start"===y?vo:Lo,children:s.jsx(i.InlineUserAssistanceContainer,{...V,children:s.jsx(i.InlineHelp,{assistiveText:a,sourceLink:h,sourceText:_})})}),s.jsx(u.Flex,{direction:c,..."row"===c&&{gap:S.xUnits(8)},children:w}),R&&!p&&s.jsx(i.InlineUserAssistance,{...L,requiredAlignment:"start",messages:x,userAssistanceDensity:"reflow"===C?C:"efficient",id:`${n}-bottom-ua-container`})]});return s.jsxs("div",{role:I,ref:B,...k,...j,children:["none"===y&&D,"none"!==y&&s.jsx(A.LabelValueLayout,{parentComponentVariant:b,hasTopUserAssistance:M,label:s.jsx(U.Label,{...P,variant:y,userAssistanceDensity:"efficient",parentComponentVariant:b,children:T}),labelEdge:"inside"===y?"top":y,labelStartWidth:g,children:s.jsx(F.CheckboxRadioContext.Provider,{value:{isFocusRingShown:v},children:D})})]})}));e.CheckboxRadioField=jo,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_CheckboxRadioField.js.map

package/amd/PRIVATE_CheckboxRadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_CheckboxRadioField.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx","../../src/PRIVATE_CheckboxRadioField/useCheckboxRadioField.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 */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\n\n// FIXME: \ntype CalcType = `calc(${string})`;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * baseId, used to generate other element IDs.\n   */\n  baseId: string;\n  /**\n   * <RadioOption /> or <Checkbox />\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Value of the radio option.\n   */\n  hasValue?: boolean;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  // TODO: future work: extend this to support checkbox usage too\n  role?: 'radiogroup';\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  parentComponentVariant: 'radioGroup';\n};\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasTopUserAssistance = !!assistiveText || (!!helpSourceLink && !!helpSourceText);\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps } =\n      useCheckboxRadioField({\n        ariaDescribedBy,\n        baseId,\n        isRequired,\n        isReadonly,\n        label,\n        labelEdge,\n        messages,\n        hasValue,\n        hasTopUserAssistance,\n        hasBottomUserAssistance\n      });\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      (elem: Element | null) => {\n        return !!groupRef.current?.contains(elem);\n      },\n      ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex direction={direction} {...(direction === 'row' && { gap: xUnits(8) as CalcType })}>\n          {children}\n        </Flex>\n        {hasBottomUserAssistance && !isReadonly && (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={\n              userAssistanceDensity === 'reflow' ? userAssistanceDensity : 'efficient'\n            }\n            id={`${baseId}-bottom-ua-container`}\n          />\n        )}\n      </>\n    );\n\n    // TODO: spacing under label when labelEdge === 'top' and hasTopUA.\n    return (\n      <div role={role} ref={groupRef} {...groupProps} {...focusRingProps}>\n        {labelEdge === 'none' && content}\n        {labelEdge !== 'none' && (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge === 'inside' ? 'top' : labelEdge}\n            labelStartWidth={labelStartWidth}>\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {content}\n            </CheckboxRadioContext.Provider>\n          </LabelValueLayout>\n        )}\n      </div>\n    );\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useMessageSeverity } from '../hooks/PRIVATE_useMessageSeverity';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype UseCheckboxRadioFieldProps = {\n  ariaDescribedBy?: string;\n  baseId: string;\n  hasValue?: boolean;\n  hasTopUserAssistance?: boolean;\n  hasBottomUserAssistance?: boolean;\n  isFocused?: boolean; // TODO: check if this is needed\n  isReadonly?: boolean;\n  isRequired?: boolean;\n  label: string;\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  styleVariant?: 'default' | 'embedded'; // TODO: check if this is needed\n  messages?: ComponentProps<typeof InlineUserAssistance>['messages'];\n};\n\ntype GroupProps = {\n  groupProps: {\n    'aria-describedby'?: string;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-invalid'?: boolean;\n    id: string;\n    readonly?: boolean;\n  };\n  labelProps: {\n    forId: string;\n    id: string;\n    isRequiredShown?: boolean;\n  };\n  topUserAssistanceProps?: {\n    id: string;\n    variant: 'reflow';\n  };\n  bottomUserAssistanceProps?: {\n    id: string;\n    isRequiredShown: boolean;\n  };\n};\n\nexport function useCheckboxRadioField({\n  ariaDescribedBy,\n  baseId,\n  hasValue,\n  hasTopUserAssistance,\n  hasBottomUserAssistance,\n  isReadonly,\n  isRequired = false,\n  label,\n  labelEdge,\n  messages\n}: UseCheckboxRadioFieldProps): GroupProps {\n  const optionsGroupId = `${baseId}-group`;\n  const labelId = `${baseId}-label`;\n  const topUaId = hasTopUserAssistance ? `${baseId}-top-ua` : undefined;\n  const bottomUaId = hasBottomUserAssistance ? `${baseId}-bottom-ua` : undefined;\n\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = label === '' && labelEdge === 'none' ? UNSAFE_ariaLabelledBy : labelId;\n\n  const highestMessageSeverity = useMessageSeverity(messages);\n  const hasErrorMessage = highestMessageSeverity === 'error';\n\n  return {\n    groupProps: {\n      'aria-describedby': merge([topUaId, bottomUaId, ariaDescribedBy]),\n      'aria-labelledby': ariaLabelledBy,\n      'aria-required': isRequired,\n      ...(isReadonly && { readonly: true }),\n      ...(hasErrorMessage && { 'aria-invalid': true }),\n      id: optionsGroupId\n      // TODO: ariaInvalid when one of message is error type?\n    },\n    labelProps: {\n      forId: optionsGroupId,\n      id: labelId\n    },\n    // TOP UA is assistive text and help link/text\n    ...(hasTopUserAssistance && {\n      topUserAssistanceProps: {\n        id: topUaId as string,\n        // Use reflow variant so that top UA doesn't have min height\n        variant: 'reflow'\n      }\n    }),\n    // Bottom UA is required indicator or messages\n    ...(hasBottomUserAssistance && {\n      bottomUserAssistanceProps: {\n        id: bottomUaId as string,\n        isRequiredShown: !!isRequired && !hasValue\n      }\n    })\n  };\n}\n"],"names":["CheckboxRadioField","forwardRef","ariaDescribedBy","assistiveText","baseId","direction","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","labelStartWidth","parentComponentVariant","messages","userAssistanceDensity","role","children","ref","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","optionsGroupId","labelId","topUaId","undefined","bottomUaId","UNSAFE_ariaLabelledBy","useAccessibleContext","ariaLabelledBy","hasErrorMessage","useMessageSeverity","merge","readonly","id","forId","variant","isRequiredShown","useCheckboxRadioField","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","elem","content","_jsxs","_Fragment","Fragment","_jsx","class","topUAContainerStyles","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","Flex","gap","xUnits","InlineUserAssistance","requiredAlignment","LabelValueLayout","Label","CheckboxRadioContext","Provider","value"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_CheckboxRadioField.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx","../../src/PRIVATE_CheckboxRadioField/useCheckboxRadioField.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 */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\n\n// FIXME: \ntype CalcType = `calc(${string})`;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * baseId, used to generate other element IDs.\n   */\n  baseId: string;\n  /**\n   * <RadioOption /> or <Checkbox />\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Value of the radio option.\n   */\n  hasValue?: boolean;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  // TODO: future work: extend this to support checkbox usage too\n  role?: 'radiogroup';\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  parentComponentVariant: 'radioGroup';\n};\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasTopUserAssistance = !!assistiveText || (!!helpSourceLink && !!helpSourceText);\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps } =\n      useCheckboxRadioField({\n        ariaDescribedBy,\n        baseId,\n        isRequired,\n        isReadonly,\n        label,\n        labelEdge,\n        messages,\n        hasValue,\n        hasTopUserAssistance,\n        hasBottomUserAssistance\n      });\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      (elem: Element | null) => {\n        return !!groupRef.current?.contains(elem);\n      },\n      ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex direction={direction} {...(direction === 'row' && { gap: xUnits(8) as CalcType })}>\n          {children}\n        </Flex>\n        {hasBottomUserAssistance && !isReadonly && (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={\n              userAssistanceDensity === 'reflow' ? userAssistanceDensity : 'efficient'\n            }\n            id={`${baseId}-bottom-ua-container`}\n          />\n        )}\n      </>\n    );\n\n    // TODO: spacing under label when labelEdge === 'top' and hasTopUA.\n    return (\n      <div role={role} ref={groupRef} {...groupProps} {...focusRingProps}>\n        {labelEdge === 'none' && content}\n        {labelEdge !== 'none' && (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge === 'inside' ? 'top' : labelEdge}\n            labelStartWidth={labelStartWidth}>\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {content}\n            </CheckboxRadioContext.Provider>\n          </LabelValueLayout>\n        )}\n      </div>\n    );\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useMessageSeverity } from '../hooks/PRIVATE_useMessageSeverity';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype UseCheckboxRadioFieldProps = {\n  ariaDescribedBy?: string;\n  baseId: string;\n  hasValue?: boolean;\n  hasTopUserAssistance?: boolean;\n  hasBottomUserAssistance?: boolean;\n  isFocused?: boolean; // TODO: check if this is needed\n  isReadonly?: boolean;\n  isRequired?: boolean;\n  label: string;\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  styleVariant?: 'default' | 'embedded'; // TODO: check if this is needed\n  messages?: ComponentProps<typeof InlineUserAssistance>['messages'];\n};\n\ntype GroupProps = {\n  groupProps: {\n    'aria-describedby'?: string;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-invalid'?: boolean;\n    id: string;\n    readonly?: boolean;\n  };\n  labelProps: {\n    forId: string;\n    id: string;\n    isRequiredShown?: boolean;\n  };\n  topUserAssistanceProps?: {\n    id: string;\n    variant: 'reflow';\n  };\n  bottomUserAssistanceProps?: {\n    id: string;\n    isRequiredShown: boolean;\n  };\n};\n\nexport function useCheckboxRadioField({\n  ariaDescribedBy,\n  baseId,\n  hasValue,\n  hasTopUserAssistance,\n  hasBottomUserAssistance,\n  isReadonly,\n  isRequired = false,\n  label,\n  labelEdge,\n  messages\n}: UseCheckboxRadioFieldProps): GroupProps {\n  const optionsGroupId = `${baseId}-group`;\n  const labelId = `${baseId}-label`;\n  const topUaId = hasTopUserAssistance ? `${baseId}-top-ua` : undefined;\n  const bottomUaId = hasBottomUserAssistance ? `${baseId}-bottom-ua` : undefined;\n\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = label === '' && labelEdge === 'none' ? UNSAFE_ariaLabelledBy : labelId;\n\n  const highestMessageSeverity = useMessageSeverity(messages);\n  const hasErrorMessage = highestMessageSeverity === 'error';\n\n  return {\n    groupProps: {\n      'aria-describedby': merge([topUaId, bottomUaId, ariaDescribedBy]),\n      'aria-labelledby': ariaLabelledBy,\n      'aria-required': isRequired,\n      ...(isReadonly && { readonly: true }),\n      ...(hasErrorMessage && { 'aria-invalid': true }),\n      id: optionsGroupId\n      // TODO: ariaInvalid when one of message is error type?\n    },\n    labelProps: {\n      forId: optionsGroupId,\n      id: labelId\n    },\n    // TOP UA is assistive text and help link/text\n    ...(hasTopUserAssistance && {\n      topUserAssistanceProps: {\n        id: topUaId as string,\n        // Use reflow variant so that top UA doesn't have min height\n        variant: 'reflow'\n      }\n    }),\n    // Bottom UA is required indicator or messages\n    ...(hasBottomUserAssistance && {\n      bottomUserAssistanceProps: {\n        id: bottomUaId as string,\n        isRequiredShown: !!isRequired && !hasValue\n      }\n    })\n  };\n}\n"],"names":["CheckboxRadioField","forwardRef","ariaDescribedBy","assistiveText","baseId","direction","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","labelStartWidth","parentComponentVariant","messages","userAssistanceDensity","role","children","ref","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","optionsGroupId","labelId","topUaId","undefined","bottomUaId","UNSAFE_ariaLabelledBy","useAccessibleContext","ariaLabelledBy","hasErrorMessage","useMessageSeverity","merge","readonly","id","forId","variant","isRequiredShown","useCheckboxRadioField","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","elem","content","_jsxs","_Fragment","Fragment","_jsx","class","topUAContainerStyles","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","Flex","gap","xUnits","InlineUserAssistance","requiredAlignment","LabelValueLayout","Label","CheckboxRadioContext","Provider","value"],"mappings":"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"}

package/amd/PRIVATE_Collection.js

@@ -1,2 +1,2 @@
-define(['exports', './Collection-cb886825', 'preact/jsx-runtime', 'preact'], (function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Collection-aa2430ac', 'preact/jsx-runtime', 'preact'], (function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_Collection.js.map

package/amd/PRIVATE_Icons/CheckboxMixed.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-3dc6de20', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-b994552d', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-2186bfdd', 'preact/compat', '../index-2e7587a5', '../hooks/UNSAFE_useUser', '../index-abd879ef', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-4d9a6584', '../_curry2-99f10bc7', '../utils/UNSAFE_classNames', '../classNames-bd4a4c19', '../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', '../UNSAFE_Layer', '../useThemeInterpolations-35281d48', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-963d734c', '../_has-77ad1af6', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../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'], (function(e,o,s,t,l,i,n,a,c,h,F,r,m,u,S,_,d,A,U,E,N,p,T,g,k,y,C,f,I,b,x,w,v,V,B,j,z,H,M,P,R,O,L,q,D,G,J,K,Q,W,X,Y,Z,$,ee,oe,se,te,le,ie,ne,ae,ce,he,Fe){"use strict";e.CheckboxMixed=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67zM12 7v2H4V7z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-959f60dc', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-4e2a6b1d', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-f0a584ab', 'preact/compat', '../index-dfeed5c0', '../hooks/UNSAFE_useUser', '../index-880dac21', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-baceb653', '../_curry2-17315fd7', '../utils/UNSAFE_classNames', '../classNames-cba917a6', '../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-1bbc7201', '../vanilla-extract-dynamic.esm-febac3ae', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-274475e4', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-22cb234d', '../_has-443fa3d9', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-2e147b11', '../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'], (function(e,o,s,t,l,i,n,a,c,h,F,r,m,u,S,_,A,U,d,E,N,p,T,g,k,y,C,f,b,I,x,w,v,V,B,j,z,H,M,P,R,O,L,q,D,G,J,K,Q,W,X,Y,Z,$,ee,oe,se,te,le,ie,ne,ae,ce,he,Fe){"use strict";e.CheckboxMixed=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67zM12 7v2H4V7z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=CheckboxMixed.js.map

package/amd/PRIVATE_Icons/CheckboxMixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxMixed.js","sources":["../../../src/PRIVATE_Icons/CheckboxMixed/CheckboxMixed.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgCheckboxMixed = (props: Props) => (\n  <Icon viewBox=\"0 0 16 16\" {...props}>\n    <path\n      d=\"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67zM12 7v2H4V7z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\nexport { SvgCheckboxMixed as CheckboxMixed };\n"],"names":["props","_jsx","Icon","viewBox","children","jsx","d","fill","fillRule"],"mappings":"4xEAa0BA,GACxBC,MAACC,EAAAA,KAAI,CAACC,QAAQ,eAAgBH,EAC5BI,SAAAH,EAAAI,IAAA,OAAA,CACEC,EAAE,oLACFC,KAAK,eACLC,SAAS"}
+{"version":3,"file":"CheckboxMixed.js","sources":["../../../src/PRIVATE_Icons/CheckboxMixed/CheckboxMixed.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgCheckboxMixed = (props: Props) => (\n  <Icon viewBox=\"0 0 16 16\" {...props}>\n    <path\n      d=\"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67zM12 7v2H4V7z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\nexport { SvgCheckboxMixed as CheckboxMixed };\n"],"names":["props","_jsx","Icon","viewBox","children","jsx","d","fill","fillRule"],"mappings":"2xEAa0BA,GACxBC,MAACC,EAAAA,KAAI,CAACC,QAAQ,eAAgBH,EAC5BI,SAAAH,EAAAI,IAAA,OAAA,CACEC,EAAE,oLACFC,KAAK,eACLC,SAAS"}

package/amd/PRIVATE_Icons/CheckboxOff.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-3dc6de20', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-b994552d', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-2186bfdd', 'preact/compat', '../index-2e7587a5', '../hooks/UNSAFE_useUser', '../index-abd879ef', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-4d9a6584', '../_curry2-99f10bc7', '../utils/UNSAFE_classNames', '../classNames-bd4a4c19', '../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', '../UNSAFE_Layer', '../useThemeInterpolations-35281d48', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-963d734c', '../_has-77ad1af6', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../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'], (function(e,o,s,t,l,n,i,a,c,h,F,r,m,u,S,_,d,A,U,E,N,p,T,g,k,y,C,f,I,b,w,x,v,V,B,j,P,R,H,O,M,Z,z,L,q,D,G,J,K,Q,W,X,Y,$,ee,oe,se,te,le,ne,ie,ae,ce,he,Fe){"use strict";e.CheckboxOff=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67Z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-959f60dc', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-4e2a6b1d', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-f0a584ab', 'preact/compat', '../index-dfeed5c0', '../hooks/UNSAFE_useUser', '../index-880dac21', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-baceb653', '../_curry2-17315fd7', '../utils/UNSAFE_classNames', '../classNames-cba917a6', '../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-1bbc7201', '../vanilla-extract-dynamic.esm-febac3ae', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-274475e4', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-22cb234d', '../_has-443fa3d9', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-2e147b11', '../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'], (function(e,o,s,t,l,n,i,a,c,h,F,r,m,u,S,_,A,U,d,E,N,p,T,g,k,y,C,f,b,I,w,x,v,V,B,j,P,R,H,O,M,Z,z,L,q,D,G,J,K,Q,W,X,Y,$,ee,oe,se,te,le,ne,ie,ae,ce,he,Fe){"use strict";e.CheckboxOff=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67Z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=CheckboxOff.js.map

package/amd/PRIVATE_Icons/CheckboxOff.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxOff.js","sources":["../../../src/PRIVATE_Icons/CheckboxOff/CheckboxOff.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgCheckboxOff = (props: Props) => (\n  <Icon viewBox=\"0 0 16 16\" {...props}>\n    <path\n      d=\"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67Z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\nexport { SvgCheckboxOff as CheckboxOff };\n"],"names":["props","_jsx","Icon","viewBox","children","jsx","d","fill","fillRule"],"mappings":"0xEAawBA,GACtBC,MAACC,EAAAA,KAAI,CAACC,QAAQ,eAAgBH,EAC5BI,SAAAH,EAAAI,IAAA,OAAA,CACEC,EAAE,2KACFC,KAAK,eACLC,SAAS"}
+{"version":3,"file":"CheckboxOff.js","sources":["../../../src/PRIVATE_Icons/CheckboxOff/CheckboxOff.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgCheckboxOff = (props: Props) => (\n  <Icon viewBox=\"0 0 16 16\" {...props}>\n    <path\n      d=\"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67Z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\nexport { SvgCheckboxOff as CheckboxOff };\n"],"names":["props","_jsx","Icon","viewBox","children","jsx","d","fill","fillRule"],"mappings":"yxEAawBA,GACtBC,MAACC,EAAAA,KAAI,CAACC,QAAQ,eAAgBH,EAC5BI,SAAAH,EAAAI,IAAA,OAAA,CACEC,EAAE,2KACFC,KAAK,eACLC,SAAS"}

package/amd/PRIVATE_Icons/CheckboxOn.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-3dc6de20', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-b994552d', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-2186bfdd', 'preact/compat', '../index-2e7587a5', '../hooks/UNSAFE_useUser', '../index-abd879ef', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-4d9a6584', '../_curry2-99f10bc7', '../utils/UNSAFE_classNames', '../classNames-bd4a4c19', '../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', '../UNSAFE_Layer', '../useThemeInterpolations-35281d48', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-963d734c', '../_has-77ad1af6', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../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'], (function(e,o,s,t,l,n,i,a,c,h,F,r,m,u,S,_,d,A,U,E,N,p,T,g,k,y,C,f,I,b,w,x,v,V,B,j,P,R,L,O,H,M,Z,z,q,D,G,J,K,Q,W,X,Y,$,ee,oe,se,te,le,ne,ie,ae,ce,he,Fe){"use strict";e.CheckboxOn=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm-2.239 3.894-5.513 5.52-2.01-2.012L3 8.642l3.248 3.252L13 5.134l-1.239-1.24Z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-959f60dc', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-4e2a6b1d', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-f0a584ab', 'preact/compat', '../index-dfeed5c0', '../hooks/UNSAFE_useUser', '../index-880dac21', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-baceb653', '../_curry2-17315fd7', '../utils/UNSAFE_classNames', '../classNames-cba917a6', '../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-1bbc7201', '../vanilla-extract-dynamic.esm-febac3ae', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-274475e4', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-22cb234d', '../_has-443fa3d9', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-2e147b11', '../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'], (function(e,o,s,t,l,n,i,a,c,h,F,r,m,u,S,_,A,U,d,E,N,p,T,g,k,y,C,f,b,I,w,x,v,V,B,j,P,R,L,O,H,M,Z,z,q,D,G,J,K,Q,W,X,Y,$,ee,oe,se,te,le,ne,ie,ae,ce,he,Fe){"use strict";e.CheckboxOn=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm-2.239 3.894-5.513 5.52-2.01-2.012L3 8.642l3.248 3.252L13 5.134l-1.239-1.24Z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=CheckboxOn.js.map

package/amd/PRIVATE_Icons/CheckboxOn.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxOn.js","sources":["../../../src/PRIVATE_Icons/CheckboxOn/CheckboxOn.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgCheckboxOn = (props: Props) => (\n  <Icon viewBox=\"0 0 16 16\" {...props}>\n    <path\n      d=\"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm-2.239 3.894-5.513 5.52-2.01-2.012L3 8.642l3.248 3.252L13 5.134l-1.239-1.24Z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\nexport { SvgCheckboxOn as CheckboxOn };\n"],"names":["props","_jsx","Icon","viewBox","children","jsx","d","fill","fillRule"],"mappings":"yxEAauBA,GACrBC,MAACC,EAAAA,KAAI,CAACC,QAAQ,eAAgBH,EAC5BI,SAAAH,EAAAI,IAAA,OAAA,CACEC,EAAE,wJACFC,KAAK,eACLC,SAAS"}
+{"version":3,"file":"CheckboxOn.js","sources":["../../../src/PRIVATE_Icons/CheckboxOn/CheckboxOn.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgCheckboxOn = (props: Props) => (\n  <Icon viewBox=\"0 0 16 16\" {...props}>\n    <path\n      d=\"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm-2.239 3.894-5.513 5.52-2.01-2.012L3 8.642l3.248 3.252L13 5.134l-1.239-1.24Z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\nexport { SvgCheckboxOn as CheckboxOn };\n"],"names":["props","_jsx","Icon","viewBox","children","jsx","d","fill","fillRule"],"mappings":"wxEAauBA,GACrBC,MAACC,EAAAA,KAAI,CAACC,QAAQ,eAAgBH,EAC5BI,SAAAH,EAAAI,IAAA,OAAA,CACEC,EAAE,wJACFC,KAAK,eACLC,SAAS"}

package/amd/PRIVATE_List/themes/ListStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../ListStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-84f316bc'], (function(e,t,s){"use strict";var i=s.createRuntimeFn({defaultClassName:"ListStyles_listItemStyles_base__1wld4xf1",variantClassNames:{gridlineTop:{visible:"ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xfv",hidden:""},gridlineBottom:{visible:"ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xfx",hidden:""},expandable:{isExpandable:"ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xfz",notExpandable:"ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf10"},active:{isActive:"",notActive:""},focusRingVisible:{isFocusRingVisible:"ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf13",notFocusRingVisible:""},needsEventsHover:{isNeedsEventsHover:"",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{expandable:"isExpandable",pseudoHover:"isPseudoHover"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf19"],[{expandable:"isExpandable",needsEventsHover:"isNeedsEventsHover"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1a"],[{expandable:"isExpandable",active:"isActive"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1b"]]}),l=s.createRuntimeFn({defaultClassName:"ListStyles_listItemStyles_base__1wld4xf1",variantClassNames:{gridlineTop:{visible:"ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xf6",hidden:""},gridlineBottom:{visible:"ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xf8",hidden:""},selectable:{isSelectable:"",notSelectable:""},selected:{isSelected:"ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfc",notSelected:""},selectedSingle:{isSelectedSingle:"",notSelectedSingle:""},focusHighlight:{isFocusHighlight:"",notFocusHighlight:""},focusRingVisible:{isFocusRingVisible:"ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfi",notFocusRingVisible:""},active:{isActive:"",notActive:""},needsEventsHover:{isNeedsEventsHover:"",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{selected:"isSelected",selectedSingle:"isSelectedSingle"},"ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfq"],[{selectable:"isSelectable",selected:"notSelected",pseudoHover:"isPseudoHover"},"ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfr"],[{selectable:"isSelectable",selected:"notSelected",needsEventsHover:"isNeedsEventsHover"},"ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfs"],[{selected:"notSelected",focusHighlight:"isFocusHighlight"},"ListStyles_listItemMultiVariantStyles_compound_3__1wld4xft"],[{selectable:"isSelectable",selected:"notSelected",active:"isActive"},"ListStyles_listItemMultiVariantStyles_compound_4__1wld4xfu"]]});e.listGroupHeaderMultiVariantStyles=i,e.listItemMultiVariantStyles=l,e.listItemStyles={base:"ListStyles_listItemStyles_base__1wld4xf1",checkboxContainer:"ListStyles_listItemStyles_checkboxContainer__1wld4xf2"},e.listStyles={base:"ListStyles_listStyles_base__1wld4xf0"},e.skeletonStyles={container:"ListStyles_skeletonStyles_container__1wld4xf5"},e.sparkleStyles={base:"ListStyles_sparkleStyles_base__1wld4xf3",container:"ListStyles_sparkleStyles_container__1wld4xf4"},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../ListStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-1bbc7201'], (function(e,t,s){"use strict";var i=s.createRuntimeFn({defaultClassName:"ListStyles_listItemStyles_base__1wld4xf1",variantClassNames:{gridlineTop:{visible:"ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xfv",hidden:""},gridlineBottom:{visible:"ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xfx",hidden:""},expandable:{isExpandable:"ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xfz",notExpandable:"ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf10"},active:{isActive:"",notActive:""},focusRingVisible:{isFocusRingVisible:"ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf13",notFocusRingVisible:""},needsEventsHover:{isNeedsEventsHover:"",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{expandable:"isExpandable",pseudoHover:"isPseudoHover"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf19"],[{expandable:"isExpandable",needsEventsHover:"isNeedsEventsHover"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1a"],[{expandable:"isExpandable",active:"isActive"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1b"]]}),l=s.createRuntimeFn({defaultClassName:"ListStyles_listItemStyles_base__1wld4xf1",variantClassNames:{gridlineTop:{visible:"ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xf6",hidden:""},gridlineBottom:{visible:"ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xf8",hidden:""},selectable:{isSelectable:"",notSelectable:""},selected:{isSelected:"ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfc",notSelected:""},selectedSingle:{isSelectedSingle:"",notSelectedSingle:""},focusHighlight:{isFocusHighlight:"",notFocusHighlight:""},focusRingVisible:{isFocusRingVisible:"ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfi",notFocusRingVisible:""},active:{isActive:"",notActive:""},needsEventsHover:{isNeedsEventsHover:"",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{selected:"isSelected",selectedSingle:"isSelectedSingle"},"ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfq"],[{selectable:"isSelectable",selected:"notSelected",pseudoHover:"isPseudoHover"},"ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfr"],[{selectable:"isSelectable",selected:"notSelected",needsEventsHover:"isNeedsEventsHover"},"ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfs"],[{selected:"notSelected",focusHighlight:"isFocusHighlight"},"ListStyles_listItemMultiVariantStyles_compound_3__1wld4xft"],[{selectable:"isSelectable",selected:"notSelected",active:"isActive"},"ListStyles_listItemMultiVariantStyles_compound_4__1wld4xfu"]]});e.listGroupHeaderMultiVariantStyles=i,e.listItemMultiVariantStyles=l,e.listItemStyles={base:"ListStyles_listItemStyles_base__1wld4xf1",checkboxContainer:"ListStyles_listItemStyles_checkboxContainer__1wld4xf2"},e.listStyles={base:"ListStyles_listStyles_base__1wld4xf0"},e.skeletonStyles={container:"ListStyles_skeletonStyles_container__1wld4xf5"},e.sparkleStyles={base:"ListStyles_sparkleStyles_base__1wld4xf3",container:"ListStyles_sparkleStyles_container__1wld4xf4"},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ListStyles.css.js.map

package/amd/PRIVATE_List.js

@@ -1,2 +1,2 @@
-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})}));
+define(['exports', './List-d6e1b832', '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-cba917a6', './flexitem-f4a4c998', './SkeletonContainer-77f3d6c6', './UNSAFE_Flex', './UNSAFE_Skeleton', './Flex-33235de9', './Skeleton-d5e3b1fb', './utils/UNSAFE_mergeProps', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-d1cb6cbb', 'preact', './PRIVATE_Collection', './Collection-aa2430ac', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-1f0d91c9', './utils/UNSAFE_arrayUtils', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-fe5f852b', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-baceb653', './_curry2-17315fd7', './_arity-4379e965', './_curry3-22cb234d', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-880dac21', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './utils/PRIVATE_clientHints', './clientHints-64969ca7', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-959f60dc', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-4e2a6b1d', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-f0a584ab', './index-dfeed5c0', './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-1bbc7201', './vanilla-extract-dynamic.esm-febac3ae', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-274475e4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './_has-443fa3d9', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2e147b11', './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.styles.css', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useActive', './keys-8769cd52', '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-4e6013f4', './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,b,I,x,C,R,g,f,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,ce,re,de,Se,ue,he,me,_e,Ae,Ee,Fe,pe,ye,Ne,Te,Ue,ke,be,Ie,xe,Ce,Re,ge,fe,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,cs,rs,ds,Ss,us,hs,ms,_s,As,Es,Fs,ps,ys,Ns,Ts,Us,ks){"use strict";const bs="oj-c-listview-group",Is="."+bs,xs="oj-c-listview-sticky";e.List=s.List,e.SkeletonContainer=E.SkeletonContainer,e.GROUP_SELECTOR=Is,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:b}){const[I,x]=t.useState(!1),{classes:C,styles:R}=r.useComponentTheme(m.GroupedListRedwoodTheme),{interactionProps:g,applyHoverStyle:f,applyPseudoHoverStyle:V,applyActiveStyle:v}=d.useInteractionStyle(),w=h.listGroupHeaderMultiVariantStyles({expandable:U?"isExpandable":"notExpandable",needsEventsHover:f?"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,bs,w];I&&(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==b?document.body:b.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":"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"}
+{"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":"kwJA0BO,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-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})}));
+define(['exports', './LoadMoreCollection-d1cb6cbb', 'preact/jsx-runtime', 'preact', './PRIVATE_Collection', './Collection-aa2430ac', './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-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})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageCloseButton-a435eb96', './classNames-cba917a6', './MessageDetail-00704588', './MessageFormattingUtils-490f8de4', './MessageStartIcon-6903bcb4', './MessageSummary-dfe47650', './MessageTimestamp-8d8e08d7', './MessageUtils-cecd06f2', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-33235de9', './MessagesManager-94e34981', './Message.types-1eb10723', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-4e2a6b1d', './Common/themes/themeContract.css', './_curry1-baceb653', './utils/UNSAFE_mergeInterpolations', './_curry3-22cb234d', './_curry2-17315fd7', './_has-443fa3d9', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-8769cd52', './utils/UNSAFE_interpolations/flexbox', './flexbox-4e6013f4', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4a4c998', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-650f1cd1', 'preact', './UNSAFE_BaseButton', './BaseButton-51ceb4d8', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-64969ca7', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-7da9c275', './UNSAFE_Text', './Text-da38d901', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-1bbc7201', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-f0a584ab', './index-dfeed5c0', './hooks/UNSAFE_useUser', './index-880dac21', './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-febac3ae', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-274475e4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2e147b11', './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-959f60dc', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-c96d07ff', './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