@oracle/oraclejet-preact 20.1.1 → 20.1.2

package/amd/DragHandle-29eba15d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useTestId-f4240cbd', './DragV-91606b4a', './UNSAFE_DragHandle/themes/DragHandleStyles.css'], (function(e,s,a,t,r,c,d,i){"use strict";e.DragHandle=function({testId:e}){const{isActive:n,activeProps:l}=r.useActive(),g=c.useTestId(e),o=a.classNames([i.iconStyle,n?i.activeStyle:i.hoverStyle]);return s.jsx("div",{...t.mergeProps(l,g),"data-oj-draggable":"",draggable:!0,class:o,role:"presentation",children:s.jsx(d.SvgDragV,{})})}}));
+//# sourceMappingURL=DragHandle-29eba15d.js.map

package/amd/{DragHandle-652ffa0f.js.map → DragHandle-29eba15d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DragHandle-652ffa0f.js","sources":["../../src/UNSAFE_DragHandle/DragHandle.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { DragHandleIcon } from '../PRIVATE_ThemedIcons/DragHandleIcon';\nimport { iconStyle, hoverStyle, activeStyle } from './themes/DragHandleStyles.css';\n\ntype Props = TestIdProps;\n\n/**\n * A draggable icon that shows grab cursor when users hover the mouse on it,\n * and shows grabbing cursor when users click the icon.\n */\nexport function DragHandle({ testId }: Props) {\n  const { isActive, activeProps } = useActive();\n  const testIdProps = useTestId(testId);\n  const classes = classNames([iconStyle, isActive ? activeStyle : hoverStyle]);\n  return (\n    <div\n      {...mergeProps(activeProps, testIdProps)}\n      data-oj-draggable=\"\"\n      draggable={true}\n      class={classes}\n      role=\"presentation\">\n      <DragHandleIcon />\n    </div>\n  );\n}\n"],"names":["testId","isActive","activeProps","useActive","testIdProps","useTestId","classes","classNames","iconStyle","activeStyle","hoverStyle","_jsx","jsx","mergeProps","draggable","class","role","children","DragHandleIcon","SvgDragV"],"mappings":"gQAagB,UAAWA,OAAEA,IAC3B,MAAMC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,YACrCC,EAAcC,YAAUL,GACxBM,EAAUC,EAAAA,WAAW,CAACC,EAAAA,UAAWP,EAAWQ,EAAWA,YAAGC,EAAUA,aAC1E,OACEC,EAAAC,IAAA,MAAA,IACMC,EAAUA,WAACX,EAAaE,GACV,oBAAA,GAClBU,WAAW,EACXC,MAAOT,EACPU,KAAK,eACLC,SAAAN,EAAAA,IAACO,EAAcC,SAAA,KAGrB"}
+{"version":3,"file":"DragHandle-29eba15d.js","sources":["../../src/UNSAFE_DragHandle/DragHandle.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { DragHandleIcon } from '../PRIVATE_ThemedIcons/DragHandleIcon';\nimport { iconStyle, hoverStyle, activeStyle } from './themes/DragHandleStyles.css';\n\ntype Props = TestIdProps;\n\n/**\n * A draggable icon that shows grab cursor when users hover the mouse on it,\n * and shows grabbing cursor when users click the icon.\n */\nexport function DragHandle({ testId }: Props) {\n  const { isActive, activeProps } = useActive();\n  const testIdProps = useTestId(testId);\n  const classes = classNames([iconStyle, isActive ? activeStyle : hoverStyle]);\n  return (\n    <div\n      {...mergeProps(activeProps, testIdProps)}\n      data-oj-draggable=\"\"\n      draggable={true}\n      class={classes}\n      role=\"presentation\">\n      <DragHandleIcon />\n    </div>\n  );\n}\n"],"names":["testId","isActive","activeProps","useActive","testIdProps","useTestId","classes","classNames","iconStyle","activeStyle","hoverStyle","_jsx","jsx","mergeProps","draggable","class","role","children","DragHandleIcon","SvgDragV"],"mappings":"gQAagB,UAAWA,OAAEA,IAC3B,MAAMC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,YACrCC,EAAcC,YAAUL,GACxBM,EAAUC,EAAAA,WAAW,CAACC,EAAAA,UAAWP,EAAWQ,EAAWA,YAAGC,EAAUA,aAC1E,OACEC,EAAAC,IAAA,MAAA,IACMC,EAAUA,WAACX,EAAaE,GACV,oBAAA,GAClBU,WAAW,EACXC,MAAOT,EACPU,KAAK,eACLC,SAAAN,EAAAA,IAACO,EAAcC,SAAA,KAGrB"}

package/amd/{DrawerPopup-ff31d785.js → DrawerPopup-c9e6374e.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './refUtils-77e97004', './Layer-64bf71ad', './LayerHost-1a734852', './Modal-95bf034f', './FocusTrap-038b32c3', './tabbableUtils-f95361a6', './positionUtils-6e4daa31', './clientHints-6d361eaa', './useOutsideClick-ace4f686', './useAnimation-d90c433f', './useUser-e0677e8d', './useTestId-6160e7a2', './useSwipe-d22a98f1', './useComponentTheme-5aa41a8f', './colors-a9482873', './mergeInterpolations-9ede4cf7', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme'], (function(e,t,n,r,o,s,a,i,u,l,c,d,f,m,p,b,h,g,v,y,w){"use strict";const E="0px",C=250,O=r.forwardRef((({children:e,isOpen:r=!1,autoFocusRef:a,placement:O="start",modality:R="modal",onClose:k,onTransitionEnd:x,"aria-label":A,"aria-labelledby":P,"aria-describedby":T,testId:F,...D},S)=>{const[j,I]=n.useState(r?"initial":"unmounted"),M=n.useRef(r?"initial":"unmounted"),L=e=>{M.current=e,I(e)},[U,H]=n.useState("hidden"),[N,W]=n.useState(!r),[X,Y]=n.useState("overlay"),z=n.useRef("unmounted"),$=n.useRef(null),K=n.useRef(null),B=n.useMemo((()=>o.mergeRefs($,S)),[$,S]),_="bottom"===O,q=n.useRef(!1),G={opening:()=>_?{from:{translateY:Z()},to:{translateY:E},options:{duration:C}}:{from:{translateX:V()},to:{translateX:E},options:{duration:C}},closing:()=>_?{from:{translateY:E},to:{translateY:Z()},options:{duration:C}}:{from:{translateX:E},to:{translateX:V()},options:{duration:C}}},J=b.useTestId(F),{direction:Q}=p.useUser(),V=()=>{return`${"right"===c.normalizePosition(O,Q)?"":"-"}${e=$.current,Math.round(e.getBoundingClientRect().width)}px`;var e},Z=()=>{return`${e=$.current,Math.round(e.offsetHeight)}px`;var e},ee=n.useCallback((()=>{$.current?.style?.removeProperty("transform")}),[]),{nodeRef:te}=m.useAnimation(j,{animationStates:G,isAnimatedOnMount:!0,onAnimationEnd:()=>{if("opening"===j)ee(),(()=>{if($.current){const e=l.getAutofocusFocusables($.current);if(e.length>0)return void l.focusOn(e[0]);l.focusWithin($.current)}})(),x?.(!0);else if(!r){const e=l.getActiveElement();q.current=$.current?.contains(e)||e===document.body||!1,te(null),H("hidden"),L("unmounted"),x?.(!1)}}});n.useEffect((()=>("unmounted"!==j||r||j===z.current?"unmounted"===j&&r?L("initial"):"initial"===j&&r?(te($.current),W(!1),L("opening")):"opening"===j&&r?H("visible"):r||"unmounted"===j||(W(!0),"unmounted"!==M.current&&L("closing")):q.current&&(l.focusOnElementOrNearestAncestor(K.current),q.current=!1),()=>{z.current=j})),[r,j,te]),n.useEffect((()=>()=>{$.current?.contains(l.getActiveElement())&&setTimeout((()=>{l.focusOnElementOrNearestAncestor(K.current)}),0)}),[]),n.useEffect((()=>{if("opening"===j&&(K.current=l.getActiveElement(),"modeless"===R&&K.current?.addEventListener("keydown",ne)),"closing"===j&&"modeless"===R)return()=>{K.current?.removeEventListener("keydown",ne)}}),[R,j]);const ne=e=>{K.current===l.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),l.focusWithin($.current))},re=n.useCallback((e=>{const t=K.current;switch(e.code){case"Escape":k?.({reason:"escapeKey"});break;case"F6":if("modeless"===R){e.preventDefault(),e.stopPropagation(),t&&l.focusOn(t);break}}}),[k,R]),oe=n.useCallback((()=>{k?.({reason:"outsideClick"})}),[k]),se=[$];K.current&&K.current!==document.body&&se.push(K),f.useOutsideClick({isDisabled:N,ref:se,handler:oe});const ae=d.getClientHints(),ie=n.useCallback((()=>"ios"===ae.platform?document.documentElement.clientWidth:window.innerWidth),[ae.platform]),ue=n.useCallback((()=>{const e=ie();"overlay"===X&&e<600&&Y("fullOverlay"),"fullOverlay"===X&&e>600&&Y("overlay")}),[ie,X]);n.useEffect((()=>{if($.current&&"opening"===j){const e=new ResizeObserver((()=>{ue()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}}),[j,ue]);const le=n.useCallback((()=>{k?.({reason:"swipe"})}),[k]),ce=n.useCallback((e=>{const t=e.direction;"ltr"===Q&&("start"===O&&"left"===t||"end"===O&&"right"===t)&&le(),"rtl"===Q&&("start"===O&&"right"===t||"end"===O&&"left"===t)&&le(),"bottom"===O&&"down"===t&&le()}),[Q,O,le]),{swipeProps:de}=h.useSwipe(ce,{threshold:50,maximumTime:750,tolerance:40}),{classes:fe}=g.useComponentTheme(w.DrawerPopupRedwoodTheme,{placement:_?O:"rtl"===Q?"start"===O?"right":"left":"start"===O?"left":"right",visibility:U,displayModeHorizontal:["start","end"].indexOf(O)>-1?X:void 0}),me=[...Object.values(v.colorInterpolations)],pe=y.mergeInterpolations(me),{...be}=pe(D),he=()=>t.jsx(u.FocusTrap,{autoFocusRef:a,restoreFocusRef:!1,children:t.jsx("div",{ref:B,className:fe,style:be,tabIndex:-1,role:"dialog",onKeyDown:re,"aria-label":A,"aria-labelledby":P,"aria-describedby":T,...de,...J,children:e})}),ge="unmounted"!==j;return ge?"modal"===R?t.jsx(i.LogicalParentRefContext.Provider,{value:K,children:t.jsx(i.Modal,{isOpen:ge,children:he()})}):t.jsx(s.Layer,{logicalParentRef:K,children:he()}):null}));e.DrawerPopup=O}));
-//# sourceMappingURL=DrawerPopup-ff31d785.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './refUtils-77e97004', './Layer-1971eddb', './LayerHost-0b288129', './Modal-95bf034f', './FocusTrap-038b32c3', './tabbableUtils-f95361a6', './positionUtils-6e4daa31', './clientHints-6d361eaa', './useOutsideClick-b9b661a4', './useAnimation-d90c433f', './useUser-08901aba', './useTestId-f4240cbd', './useSwipe-d22a98f1', './useComponentTheme-5aa41a8f', './colors-a9482873', './mergeInterpolations-9ede4cf7', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme'], (function(e,t,n,r,o,s,a,i,u,l,c,d,f,m,p,b,h,g,v,y,w){"use strict";const E="0px",C=250,O=r.forwardRef((({children:e,isOpen:r=!1,autoFocusRef:a,placement:O="start",modality:R="modal",onClose:k,onTransitionEnd:x,"aria-label":A,"aria-labelledby":P,"aria-describedby":T,testId:F,...D},S)=>{const[j,I]=n.useState(r?"initial":"unmounted"),M=n.useRef(r?"initial":"unmounted"),L=e=>{M.current=e,I(e)},[U,H]=n.useState("hidden"),[N,W]=n.useState(!r),[X,Y]=n.useState("overlay"),z=n.useRef("unmounted"),$=n.useRef(null),K=n.useRef(null),B=n.useMemo((()=>o.mergeRefs($,S)),[$,S]),_="bottom"===O,q=n.useRef(!1),G={opening:()=>_?{from:{translateY:Z()},to:{translateY:E},options:{duration:C}}:{from:{translateX:V()},to:{translateX:E},options:{duration:C}},closing:()=>_?{from:{translateY:E},to:{translateY:Z()},options:{duration:C}}:{from:{translateX:E},to:{translateX:V()},options:{duration:C}}},J=b.useTestId(F),{direction:Q}=p.useUser(),V=()=>{return`${"right"===c.normalizePosition(O,Q)?"":"-"}${e=$.current,Math.round(e.getBoundingClientRect().width)}px`;var e},Z=()=>{return`${e=$.current,Math.round(e.offsetHeight)}px`;var e},ee=n.useCallback((()=>{$.current?.style?.removeProperty("transform")}),[]),{nodeRef:te}=m.useAnimation(j,{animationStates:G,isAnimatedOnMount:!0,onAnimationEnd:()=>{if("opening"===j)ee(),(()=>{if($.current){const e=l.getAutofocusFocusables($.current);if(e.length>0)return void l.focusOn(e[0]);l.focusWithin($.current)}})(),x?.(!0);else if(!r){const e=l.getActiveElement();q.current=$.current?.contains(e)||e===document.body||!1,te(null),H("hidden"),L("unmounted"),x?.(!1)}}});n.useEffect((()=>("unmounted"!==j||r||j===z.current?"unmounted"===j&&r?L("initial"):"initial"===j&&r?(te($.current),W(!1),L("opening")):"opening"===j&&r?H("visible"):r||"unmounted"===j||(W(!0),"unmounted"!==M.current&&L("closing")):q.current&&(l.focusOnElementOrNearestAncestor(K.current),q.current=!1),()=>{z.current=j})),[r,j,te]),n.useEffect((()=>()=>{$.current?.contains(l.getActiveElement())&&setTimeout((()=>{l.focusOnElementOrNearestAncestor(K.current)}),0)}),[]),n.useEffect((()=>{if("opening"===j&&(K.current=l.getActiveElement(),"modeless"===R&&K.current?.addEventListener("keydown",ne)),"closing"===j&&"modeless"===R)return()=>{K.current?.removeEventListener("keydown",ne)}}),[R,j]);const ne=e=>{K.current===l.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),l.focusWithin($.current))},re=n.useCallback((e=>{const t=K.current;switch(e.code){case"Escape":k?.({reason:"escapeKey"});break;case"F6":if("modeless"===R){e.preventDefault(),e.stopPropagation(),t&&l.focusOn(t);break}}}),[k,R]),oe=n.useCallback((()=>{k?.({reason:"outsideClick"})}),[k]),se=[$];K.current&&K.current!==document.body&&se.push(K),f.useOutsideClick({isDisabled:N,ref:se,handler:oe});const ae=d.getClientHints(),ie=n.useCallback((()=>"ios"===ae.platform?document.documentElement.clientWidth:window.innerWidth),[ae.platform]),ue=n.useCallback((()=>{const e=ie();"overlay"===X&&e<600&&Y("fullOverlay"),"fullOverlay"===X&&e>600&&Y("overlay")}),[ie,X]);n.useEffect((()=>{if($.current&&"opening"===j){const e=new ResizeObserver((()=>{ue()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}}),[j,ue]);const le=n.useCallback((()=>{k?.({reason:"swipe"})}),[k]),ce=n.useCallback((e=>{const t=e.direction;"ltr"===Q&&("start"===O&&"left"===t||"end"===O&&"right"===t)&&le(),"rtl"===Q&&("start"===O&&"right"===t||"end"===O&&"left"===t)&&le(),"bottom"===O&&"down"===t&&le()}),[Q,O,le]),{swipeProps:de}=h.useSwipe(ce,{threshold:50,maximumTime:750,tolerance:40}),{classes:fe}=g.useComponentTheme(w.DrawerPopupRedwoodTheme,{placement:_?O:"rtl"===Q?"start"===O?"right":"left":"start"===O?"left":"right",visibility:U,displayModeHorizontal:["start","end"].indexOf(O)>-1?X:void 0}),me=[...Object.values(v.colorInterpolations)],pe=y.mergeInterpolations(me),{...be}=pe(D),he=()=>t.jsx(u.FocusTrap,{autoFocusRef:a,restoreFocusRef:!1,children:t.jsx("div",{ref:B,className:fe,style:be,tabIndex:-1,role:"dialog",onKeyDown:re,"aria-label":A,"aria-labelledby":P,"aria-describedby":T,...de,...J,children:e})}),ge="unmounted"!==j;return ge?"modal"===R?t.jsx(i.LogicalParentRefContext.Provider,{value:K,children:t.jsx(i.Modal,{isOpen:ge,children:he()})}):t.jsx(s.Layer,{logicalParentRef:K,children:he()}):null}));e.DrawerPopup=O}));
+//# sourceMappingURL=DrawerPopup-c9e6374e.js.map

package/amd/{DrawerPopup-ff31d785.js.map → DrawerPopup-c9e6374e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DrawerPopup-ff31d785.js","sources":["../../src/UNSAFE_DrawerPopup/DrawerPopup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useRef, useEffect, useCallback, useMemo } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { LogicalParentRefContext } from '../UNSAFE_Layer/LogicalParentRefContext';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport {\n  getAutofocusFocusables,\n  focusOn,\n  focusWithin,\n  getActiveElement,\n  focusOnElementOrNearestAncestor\n} from '../utils/PRIVATE_tabbableUtils';\nimport { normalizePosition } from '../utils/PRIVATE_floatingUtils';\nimport { RtlSide } from '../UNSAFE_Floating';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\n// Hooks\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useSwipe } from '../hooks/UNSAFE_useSwipe';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { DrawerPopupVariantOptions } from './themes/DrawerPopupStyles.css';\nimport { colorInterpolations, ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { DrawerPopupRedwoodTheme } from './themes/redwood/DrawerPopupTheme';\n\n// Types\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Placement = 'start' | 'end' | 'bottom';\ntype NormalizedPlacement = 'left' | 'right' | 'bottom';\ntype Status = 'unmounted' | 'initial' | 'opening' | 'closing';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype DisplayModeHorizontal = 'overlay' | 'fullOverlay';\ntype OnCloseDetail = {\n  reason: 'outsideClick' | 'escapeKey' | 'swipe';\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * Specifies whether the Drawer is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies at what edge the Drawer opens.\n     * Supported values are:\n     * <p><code>start</code>, <code>end</code>, <code>bottom</code></p>\n     * Default is <code>start</code>.\n     */\n    placement?: Placement;\n    /**\n     * Specifies modality of the Darwer.\n     * Supported values are:\n     * <p><code>modal</code>, <code>modeless</code></p>\n     * Default is <code>modal</code>.\n     */\n    modality?: 'modal' | 'modeless';\n    /**\n     * Specifies callback triggered when a user tries to close a Drawer through UI interaction.\n     * The parent should listen to this event and close the Drawer. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     * Supported detail values are:\n     * <p><code>outsideClick</code>, <code>escapeKey</code></p>, <code>swipe</code>\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Optional ref for an element to focus on when component mounts.\n     */\n    autoFocusRef?: RefObject<{ focus: () => void }>;\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  } & TestIdProps;\n\n// Constants\nconst displayModefullWidthThreshold = 600;\nconst zero = '0px';\nconst duration = 250;\n\nconst getElementHeight = (element: HTMLDivElement): number => {\n  return Math.round(element.offsetHeight);\n};\n\nconst getElementWidth = (element: HTMLDivElement): number => {\n  return Math.round(element.getBoundingClientRect().width);\n};\n\n/**\n * A drawer popup adds a single slide-in side content alongside some primary content to an application window.\n *\n * This drawer always overlays the page and can be placed at the 'start', 'end' or 'bottom' edge.\n */\nexport const DrawerPopup = forwardRef(\n  (\n    {\n      children,\n      isOpen = false,\n      autoFocusRef,\n      placement = 'start',\n      modality = 'modal',\n      onClose,\n      onTransitionEnd,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    // Initialize states\n    const [status, _setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n    const _status = useRef<Status>(isOpen ? 'initial' : 'unmounted');\n    const setStatus = (s: Status) => {\n      _status.current = s;\n      _setStatus(s);\n    };\n    const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n    const [isOutsideClickDisabled, setIsOutsideClickDisabled] = useState<boolean>(!isOpen);\n    const [displayModeHorizontal, setDisplayModeHorizontal] =\n      useState<DisplayModeHorizontal>('overlay');\n\n    const prevStatusRef = useRef<Status>('unmounted');\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const launcherRef = useRef<HTMLElement | null>(null);\n\n    const mergedRef = useMemo(() => mergeRefs(rootRef, ref), [rootRef, ref]);\n\n    const isBottomPlacement = placement === 'bottom';\n    const shouldReturnFocus = useRef<boolean>(false);\n\n    // Animation config\n    const animationStates = {\n      opening: () => {\n        if (isBottomPlacement) {\n          return {\n            from: {\n              translateY: getTranslateY()\n            },\n            to: {\n              translateY: zero\n            },\n            options: {\n              duration: duration\n            }\n          };\n        } else {\n          return {\n            from: {\n              translateX: getTranslateX()\n            },\n            to: {\n              translateX: zero\n            },\n            options: {\n              duration: duration\n            }\n          };\n        }\n      },\n      closing: () => {\n        if (isBottomPlacement) {\n          return {\n            from: {\n              translateY: zero\n            },\n            to: {\n              translateY: getTranslateY()\n            },\n            options: {\n              duration: duration\n            }\n          };\n        } else {\n          return {\n            from: {\n              translateX: zero\n            },\n            to: {\n              translateX: getTranslateX()\n            },\n            options: {\n              duration: duration\n            }\n          };\n        }\n      }\n    };\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    // Normalizing position\n    const { direction } = useUser();\n    const getNormalizedPlacement = (): RtlSide => {\n      return normalizePosition(placement, direction);\n    };\n\n    const getTranslateX = (): string => {\n      return `${getNormalizedPlacement() === 'right' ? '' : '-'}${getElementWidth(\n        rootRef.current as HTMLDivElement\n      )}px`;\n    };\n\n    const getTranslateY = (): string => {\n      return `${getElementHeight(rootRef.current as HTMLDivElement)}px`;\n    };\n\n    const setInitialFocus = () => {\n      if (rootRef.current) {\n        // Set focus to the first match:\n        // 1. First element inside the drawer matching [autofocus]\n        const autofocusItems: HTMLElement[] = getAutofocusFocusables(\n          rootRef.current as HTMLElement\n        );\n        if (autofocusItems.length > 0) {\n          focusOn(autofocusItems[0]);\n          return;\n        }\n        // 2. Tabbable element inside the content element\n        // 3. The drawer itself\n        focusWithin(rootRef.current as HTMLElement);\n      }\n    };\n\n    const returnFocusToLauncher = (): void => {\n      if (shouldReturnFocus.current) {\n        focusOnElementOrNearestAncestor(launcherRef.current as HTMLElement);\n        shouldReturnFocus.current = false;\n      }\n    };\n\n    // Remove style attribute left on the element by the Animation util\n    const removeAnimationInlineStyles = useCallback(() => {\n      rootRef.current?.style?.removeProperty('transform');\n    }, []);\n\n    // Animation\n    const { nodeRef } = useAnimation<Status, HTMLDivElement>(status, {\n      animationStates,\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (status === 'opening') {\n          removeAnimationInlineStyles();\n          setInitialFocus();\n          onTransitionEnd?.(true);\n        } else if (!isOpen) {\n          const activeElement = getActiveElement() as HTMLElement;\n\n          // We return focus to the launcher only if it is contained in drawer\n          // Historically we were able to return focus to launcher also in 'content destroy cases'.\n          // Case: if document.activeElement is removed from the DOM, browser moves focus to doucment body\n          // That's why we are checking body in the condition below\n          shouldReturnFocus.current =\n            rootRef.current?.contains(activeElement) || activeElement === document.body || false;\n          nodeRef(null);\n          setVisibility('hidden');\n          setStatus('unmounted');\n          onTransitionEnd?.(false);\n        }\n      }\n    });\n\n    useEffect(() => {\n      // 1. Ignore status update on initial render\n      if (status === 'unmounted' && !isOpen && status !== prevStatusRef.current) {\n        returnFocusToLauncher();\n      }\n\n      // 2. Mount visually hidden component\n      // Component gets mounted, but will be visually hidden to avoid flickering\n      // Flickering happens because it gets rendered before animation hook repositions\n      // it in next render cycle\n      else if (status === 'unmounted' && isOpen) {\n        setStatus('initial');\n      }\n\n      // 3. Setup animation\n      // Component has been mounted.\n      // We will kick out animation as node is already present in DOM.\n      // To avoid flickering, we still keep it visually hidden until the next render cycle.\n      else if (status === 'initial' && isOpen) {\n        nodeRef(rootRef.current);\n        setIsOutsideClickDisabled(false);\n        setStatus('opening');\n      }\n\n      // 3. Unhide component. It becomes visible.\n      else if (status === 'opening' && isOpen) {\n        setVisibility('visible');\n      }\n\n      // 4. Closing\n      else if (!isOpen && status !== 'unmounted') {\n        setIsOutsideClickDisabled(true);\n        if (_status.current !== 'unmounted') {\n          setStatus('closing');\n        }\n      }\n\n      return () => {\n        // remember the previous status\n        prevStatusRef.current = status;\n      };\n    }, [isOpen, status, nodeRef]);\n\n    // Destroy case handler\n    useEffect(() => {\n      return () => {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        if (rootRef.current?.contains(getActiveElement() as HTMLElement) || false) {\n          // In destroy case ModalManager is blocking returning of the focus.\n          // We need to reschedule it to workaround that\n          setTimeout(() => {\n            focusOnElementOrNearestAncestor(launcherRef.current as HTMLElement);\n          }, 0);\n        }\n      };\n    }, []);\n\n    // Launcher handler\n    useEffect(() => {\n      if (status === 'opening') {\n        // Remember launcher\n        launcherRef.current = getActiveElement() as HTMLElement;\n\n        // Register F6 key handler. It is modeless only feature.\n        if (modality === 'modeless') {\n          launcherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n        }\n      }\n      if (status === 'closing' && modality === 'modeless') {\n        return () => {\n          // Deregister F6 key handler\n          launcherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n        };\n      }\n      return;\n    }, [modality, status]);\n\n    const launcherKeyDownCallback = (event: KeyboardEvent): void => {\n      // Moves focus from launcher (must have focus) back to the Drawer\n      if (launcherRef.current === getActiveElement() && event.code === 'F6') {\n        // Prevent default F6 handlers.\n        // F6 is a standard Chrome address bar shortcut on Windows.\n        event.preventDefault();\n        event.stopPropagation();\n\n        // Focus on first tabbable in a container or container itself if there is none\n        focusWithin(rootRef.current as HTMLElement);\n      }\n    };\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent) => {\n        const launcherEl = launcherRef.current;\n        switch (event.code) {\n          case 'Escape': {\n            onClose?.({ reason: 'escapeKey' });\n            break;\n          }\n          case 'F6':\n            if (modality === 'modeless') {\n              // Prevent default F6 handlers.\n              // F6 is a standard Chrome address bar shortcut on Windows.\n              event.preventDefault();\n              event.stopPropagation();\n              // Focus launcher\n              if (launcherEl) {\n                focusOn(launcherEl);\n              }\n              break;\n            }\n        }\n      },\n      [onClose, modality]\n    );\n\n    // OutsideClick handler\n    const handleOutsideClick = useCallback(() => {\n      // Trigger onClose event with outside click detail\n      onClose?.({ reason: 'outsideClick' });\n    }, [onClose]);\n\n    const insideRefs: RefObject<HTMLElement>[] = [rootRef];\n    // launcher should be considered an \"inside\" element\n    if (launcherRef.current && launcherRef.current !== document.body) {\n      insideRefs.push(launcherRef);\n    }\n\n    useOutsideClick({\n      isDisabled: isOutsideClickDisabled,\n      ref: insideRefs,\n      handler: handleOutsideClick\n    });\n\n    // Drawer placement\n    const getDrawerPlacement = (): NormalizedPlacement => {\n      if (isBottomPlacement) {\n        return placement;\n      } else {\n        if (direction === 'rtl') {\n          return placement === 'start' ? 'right' : 'left';\n        } else {\n          return placement === 'start' ? 'left' : 'right';\n        }\n      }\n    };\n\n    const clientHints = getClientHints();\n\n    const getViewportWidth = useCallback((): number => {\n      if (clientHints.platform === 'ios') {\n        // On ios window.innerWidth is not recommended way of measuring the viewport\n        return document.documentElement.clientWidth;\n      }\n      return window.innerWidth;\n    }, [clientHints.platform]);\n\n    // Window resize handler\n    // Handles display mode: Overlay <> Full overlay (full width side drawers)\n    const handleResize = useCallback(() => {\n      const viewportWidth = getViewportWidth();\n      if (displayModeHorizontal === 'overlay' && viewportWidth < displayModefullWidthThreshold) {\n        setDisplayModeHorizontal('fullOverlay');\n      }\n      if (\n        displayModeHorizontal === 'fullOverlay' &&\n        viewportWidth > displayModefullWidthThreshold\n      ) {\n        setDisplayModeHorizontal('overlay');\n      }\n    }, [getViewportWidth, displayModeHorizontal]);\n\n    useEffect(() => {\n      const root = rootRef.current;\n      if (root && status === 'opening') {\n        const resizeObserver = new ResizeObserver(() => {\n          handleResize();\n        });\n        resizeObserver.observe(document.body);\n        return () => {\n          resizeObserver.unobserve(document.body);\n        };\n      }\n      return undefined;\n    }, [status, handleResize]);\n\n    const dispatchSwipeOnClose = useCallback(() => {\n      onClose?.({ reason: 'swipe' });\n    }, [onClose]);\n\n    // OutsideClick handler\n    const swipeHandler = useCallback(\n      (event: any): void => {\n        const swipeDir = event.direction;\n        // LTR\n        if (direction === 'ltr') {\n          if (\n            (placement === 'start' && swipeDir === 'left') ||\n            (placement === 'end' && swipeDir === 'right')\n          ) {\n            dispatchSwipeOnClose();\n          }\n        }\n        // RTL\n        if (direction === 'rtl') {\n          if (\n            (placement === 'start' && swipeDir === 'right') ||\n            (placement === 'end' && swipeDir === 'left')\n          ) {\n            dispatchSwipeOnClose();\n          }\n        }\n        // Bottom\n        if (placement === 'bottom' && swipeDir === 'down') {\n          dispatchSwipeOnClose();\n        }\n      },\n      [direction, placement, dispatchSwipeOnClose]\n    );\n\n    const swipeOptions = {\n      threshold: 50,\n      maximumTime: 750,\n      tolerance: 40\n    };\n    const { swipeProps } = useSwipe(swipeHandler, swipeOptions);\n\n    // Styles\n    const { classes } = useComponentTheme<DrawerPopupVariantOptions>(DrawerPopupRedwoodTheme, {\n      placement: getDrawerPlacement(),\n      visibility,\n      displayModeHorizontal:\n        ['start', 'end'].indexOf(placement) > -1 ? displayModeHorizontal : undefined\n    });\n\n    const interpolations = [...Object.values(colorInterpolations)];\n    const styleInterpolations = mergeInterpolations<ColorProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const renderDrawer = () => {\n      return (\n        <FocusTrap autoFocusRef={autoFocusRef} restoreFocusRef={false}>\n          <div\n            ref={mergedRef}\n            className={classes}\n            style={styles}\n            tabIndex={-1}\n            role=\"dialog\"\n            onKeyDown={handleKeyDown}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-describedby={ariaDescribedBy}\n            {...swipeProps}\n            {...testIdProps}>\n            {children}\n          </div>\n        </FocusTrap>\n      );\n    };\n\n    const isMounted = status !== 'unmounted';\n    if (isMounted) {\n      // Modal vs. modelss upper wrapper\n      if (modality === 'modal') {\n        return (\n          <LogicalParentRefContext.Provider value={launcherRef}>\n            <Modal isOpen={isMounted}>{renderDrawer()}</Modal>\n          </LogicalParentRefContext.Provider>\n        );\n      } else {\n        return <Layer logicalParentRef={launcherRef}>{renderDrawer()}</Layer>;\n      }\n    }\n\n    return null;\n  }\n);\n"],"names":["zero","duration","DrawerPopup","forwardRef","children","isOpen","autoFocusRef","placement","modality","onClose","onTransitionEnd","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","status","_setStatus","useState","_status","useRef","setStatus","s","current","visibility","setVisibility","isOutsideClickDisabled","setIsOutsideClickDisabled","displayModeHorizontal","setDisplayModeHorizontal","prevStatusRef","rootRef","launcherRef","mergedRef","useMemo","mergeRefs","isBottomPlacement","shouldReturnFocus","animationStates","opening","from","translateY","getTranslateY","to","options","translateX","getTranslateX","closing","testIdProps","useTestId","direction","useUser","normalizePosition","element","Math","round","getBoundingClientRect","width","offsetHeight","removeAnimationInlineStyles","useCallback","style","removeProperty","nodeRef","useAnimation","isAnimatedOnMount","onAnimationEnd","autofocusItems","getAutofocusFocusables","length","focusOn","focusWithin","setInitialFocus","activeElement","getActiveElement","contains","document","body","useEffect","focusOnElementOrNearestAncestor","setTimeout","addEventListener","launcherKeyDownCallback","removeEventListener","event","code","preventDefault","stopPropagation","handleKeyDown","launcherEl","reason","handleOutsideClick","insideRefs","push","useOutsideClick","isDisabled","handler","clientHints","getClientHints","getViewportWidth","platform","documentElement","clientWidth","window","innerWidth","handleResize","viewportWidth","resizeObserver","ResizeObserver","observe","unobserve","dispatchSwipeOnClose","swipeHandler","swipeDir","swipeProps","useSwipe","threshold","maximumTime","tolerance","classes","useComponentTheme","DrawerPopupRedwoodTheme","indexOf","undefined","interpolations","Object","values","colorInterpolations","styleInterpolations","mergeInterpolations","styles","renderDrawer","_jsx","FocusTrap","restoreFocusRef","className","tabIndex","role","onKeyDown","isMounted","LogicalParentRefContext","Provider","value","Modal","jsx","Layer","logicalParentRef"],"mappings":"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"}
+{"version":3,"file":"DrawerPopup-c9e6374e.js","sources":["../../src/UNSAFE_DrawerPopup/DrawerPopup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useRef, useEffect, useCallback, useMemo } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { LogicalParentRefContext } from '../UNSAFE_Layer/LogicalParentRefContext';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport {\n  getAutofocusFocusables,\n  focusOn,\n  focusWithin,\n  getActiveElement,\n  focusOnElementOrNearestAncestor\n} from '../utils/PRIVATE_tabbableUtils';\nimport { normalizePosition } from '../utils/PRIVATE_floatingUtils';\nimport { RtlSide } from '../UNSAFE_Floating';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\n// Hooks\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useSwipe } from '../hooks/UNSAFE_useSwipe';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { DrawerPopupVariantOptions } from './themes/DrawerPopupStyles.css';\nimport { colorInterpolations, ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { DrawerPopupRedwoodTheme } from './themes/redwood/DrawerPopupTheme';\n\n// Types\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Placement = 'start' | 'end' | 'bottom';\ntype NormalizedPlacement = 'left' | 'right' | 'bottom';\ntype Status = 'unmounted' | 'initial' | 'opening' | 'closing';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype DisplayModeHorizontal = 'overlay' | 'fullOverlay';\ntype OnCloseDetail = {\n  reason: 'outsideClick' | 'escapeKey' | 'swipe';\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * Specifies whether the Drawer is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies at what edge the Drawer opens.\n     * Supported values are:\n     * <p><code>start</code>, <code>end</code>, <code>bottom</code></p>\n     * Default is <code>start</code>.\n     */\n    placement?: Placement;\n    /**\n     * Specifies modality of the Darwer.\n     * Supported values are:\n     * <p><code>modal</code>, <code>modeless</code></p>\n     * Default is <code>modal</code>.\n     */\n    modality?: 'modal' | 'modeless';\n    /**\n     * Specifies callback triggered when a user tries to close a Drawer through UI interaction.\n     * The parent should listen to this event and close the Drawer. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     * Supported detail values are:\n     * <p><code>outsideClick</code>, <code>escapeKey</code></p>, <code>swipe</code>\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Optional ref for an element to focus on when component mounts.\n     */\n    autoFocusRef?: RefObject<{ focus: () => void }>;\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  } & TestIdProps;\n\n// Constants\nconst displayModefullWidthThreshold = 600;\nconst zero = '0px';\nconst duration = 250;\n\nconst getElementHeight = (element: HTMLDivElement): number => {\n  return Math.round(element.offsetHeight);\n};\n\nconst getElementWidth = (element: HTMLDivElement): number => {\n  return Math.round(element.getBoundingClientRect().width);\n};\n\n/**\n * A drawer popup adds a single slide-in side content alongside some primary content to an application window.\n *\n * This drawer always overlays the page and can be placed at the 'start', 'end' or 'bottom' edge.\n */\nexport const DrawerPopup = forwardRef(\n  (\n    {\n      children,\n      isOpen = false,\n      autoFocusRef,\n      placement = 'start',\n      modality = 'modal',\n      onClose,\n      onTransitionEnd,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    // Initialize states\n    const [status, _setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n    const _status = useRef<Status>(isOpen ? 'initial' : 'unmounted');\n    const setStatus = (s: Status) => {\n      _status.current = s;\n      _setStatus(s);\n    };\n    const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n    const [isOutsideClickDisabled, setIsOutsideClickDisabled] = useState<boolean>(!isOpen);\n    const [displayModeHorizontal, setDisplayModeHorizontal] =\n      useState<DisplayModeHorizontal>('overlay');\n\n    const prevStatusRef = useRef<Status>('unmounted');\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const launcherRef = useRef<HTMLElement | null>(null);\n\n    const mergedRef = useMemo(() => mergeRefs(rootRef, ref), [rootRef, ref]);\n\n    const isBottomPlacement = placement === 'bottom';\n    const shouldReturnFocus = useRef<boolean>(false);\n\n    // Animation config\n    const animationStates = {\n      opening: () => {\n        if (isBottomPlacement) {\n          return {\n            from: {\n              translateY: getTranslateY()\n            },\n            to: {\n              translateY: zero\n            },\n            options: {\n              duration: duration\n            }\n          };\n        } else {\n          return {\n            from: {\n              translateX: getTranslateX()\n            },\n            to: {\n              translateX: zero\n            },\n            options: {\n              duration: duration\n            }\n          };\n        }\n      },\n      closing: () => {\n        if (isBottomPlacement) {\n          return {\n            from: {\n              translateY: zero\n            },\n            to: {\n              translateY: getTranslateY()\n            },\n            options: {\n              duration: duration\n            }\n          };\n        } else {\n          return {\n            from: {\n              translateX: zero\n            },\n            to: {\n              translateX: getTranslateX()\n            },\n            options: {\n              duration: duration\n            }\n          };\n        }\n      }\n    };\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    // Normalizing position\n    const { direction } = useUser();\n    const getNormalizedPlacement = (): RtlSide => {\n      return normalizePosition(placement, direction);\n    };\n\n    const getTranslateX = (): string => {\n      return `${getNormalizedPlacement() === 'right' ? '' : '-'}${getElementWidth(\n        rootRef.current as HTMLDivElement\n      )}px`;\n    };\n\n    const getTranslateY = (): string => {\n      return `${getElementHeight(rootRef.current as HTMLDivElement)}px`;\n    };\n\n    const setInitialFocus = () => {\n      if (rootRef.current) {\n        // Set focus to the first match:\n        // 1. First element inside the drawer matching [autofocus]\n        const autofocusItems: HTMLElement[] = getAutofocusFocusables(\n          rootRef.current as HTMLElement\n        );\n        if (autofocusItems.length > 0) {\n          focusOn(autofocusItems[0]);\n          return;\n        }\n        // 2. Tabbable element inside the content element\n        // 3. The drawer itself\n        focusWithin(rootRef.current as HTMLElement);\n      }\n    };\n\n    const returnFocusToLauncher = (): void => {\n      if (shouldReturnFocus.current) {\n        focusOnElementOrNearestAncestor(launcherRef.current as HTMLElement);\n        shouldReturnFocus.current = false;\n      }\n    };\n\n    // Remove style attribute left on the element by the Animation util\n    const removeAnimationInlineStyles = useCallback(() => {\n      rootRef.current?.style?.removeProperty('transform');\n    }, []);\n\n    // Animation\n    const { nodeRef } = useAnimation<Status, HTMLDivElement>(status, {\n      animationStates,\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (status === 'opening') {\n          removeAnimationInlineStyles();\n          setInitialFocus();\n          onTransitionEnd?.(true);\n        } else if (!isOpen) {\n          const activeElement = getActiveElement() as HTMLElement;\n\n          // We return focus to the launcher only if it is contained in drawer\n          // Historically we were able to return focus to launcher also in 'content destroy cases'.\n          // Case: if document.activeElement is removed from the DOM, browser moves focus to doucment body\n          // That's why we are checking body in the condition below\n          shouldReturnFocus.current =\n            rootRef.current?.contains(activeElement) || activeElement === document.body || false;\n          nodeRef(null);\n          setVisibility('hidden');\n          setStatus('unmounted');\n          onTransitionEnd?.(false);\n        }\n      }\n    });\n\n    useEffect(() => {\n      // 1. Ignore status update on initial render\n      if (status === 'unmounted' && !isOpen && status !== prevStatusRef.current) {\n        returnFocusToLauncher();\n      }\n\n      // 2. Mount visually hidden component\n      // Component gets mounted, but will be visually hidden to avoid flickering\n      // Flickering happens because it gets rendered before animation hook repositions\n      // it in next render cycle\n      else if (status === 'unmounted' && isOpen) {\n        setStatus('initial');\n      }\n\n      // 3. Setup animation\n      // Component has been mounted.\n      // We will kick out animation as node is already present in DOM.\n      // To avoid flickering, we still keep it visually hidden until the next render cycle.\n      else if (status === 'initial' && isOpen) {\n        nodeRef(rootRef.current);\n        setIsOutsideClickDisabled(false);\n        setStatus('opening');\n      }\n\n      // 3. Unhide component. It becomes visible.\n      else if (status === 'opening' && isOpen) {\n        setVisibility('visible');\n      }\n\n      // 4. Closing\n      else if (!isOpen && status !== 'unmounted') {\n        setIsOutsideClickDisabled(true);\n        if (_status.current !== 'unmounted') {\n          setStatus('closing');\n        }\n      }\n\n      return () => {\n        // remember the previous status\n        prevStatusRef.current = status;\n      };\n    }, [isOpen, status, nodeRef]);\n\n    // Destroy case handler\n    useEffect(() => {\n      return () => {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        if (rootRef.current?.contains(getActiveElement() as HTMLElement) || false) {\n          // In destroy case ModalManager is blocking returning of the focus.\n          // We need to reschedule it to workaround that\n          setTimeout(() => {\n            focusOnElementOrNearestAncestor(launcherRef.current as HTMLElement);\n          }, 0);\n        }\n      };\n    }, []);\n\n    // Launcher handler\n    useEffect(() => {\n      if (status === 'opening') {\n        // Remember launcher\n        launcherRef.current = getActiveElement() as HTMLElement;\n\n        // Register F6 key handler. It is modeless only feature.\n        if (modality === 'modeless') {\n          launcherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n        }\n      }\n      if (status === 'closing' && modality === 'modeless') {\n        return () => {\n          // Deregister F6 key handler\n          launcherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n        };\n      }\n      return;\n    }, [modality, status]);\n\n    const launcherKeyDownCallback = (event: KeyboardEvent): void => {\n      // Moves focus from launcher (must have focus) back to the Drawer\n      if (launcherRef.current === getActiveElement() && event.code === 'F6') {\n        // Prevent default F6 handlers.\n        // F6 is a standard Chrome address bar shortcut on Windows.\n        event.preventDefault();\n        event.stopPropagation();\n\n        // Focus on first tabbable in a container or container itself if there is none\n        focusWithin(rootRef.current as HTMLElement);\n      }\n    };\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent) => {\n        const launcherEl = launcherRef.current;\n        switch (event.code) {\n          case 'Escape': {\n            onClose?.({ reason: 'escapeKey' });\n            break;\n          }\n          case 'F6':\n            if (modality === 'modeless') {\n              // Prevent default F6 handlers.\n              // F6 is a standard Chrome address bar shortcut on Windows.\n              event.preventDefault();\n              event.stopPropagation();\n              // Focus launcher\n              if (launcherEl) {\n                focusOn(launcherEl);\n              }\n              break;\n            }\n        }\n      },\n      [onClose, modality]\n    );\n\n    // OutsideClick handler\n    const handleOutsideClick = useCallback(() => {\n      // Trigger onClose event with outside click detail\n      onClose?.({ reason: 'outsideClick' });\n    }, [onClose]);\n\n    const insideRefs: RefObject<HTMLElement>[] = [rootRef];\n    // launcher should be considered an \"inside\" element\n    if (launcherRef.current && launcherRef.current !== document.body) {\n      insideRefs.push(launcherRef);\n    }\n\n    useOutsideClick({\n      isDisabled: isOutsideClickDisabled,\n      ref: insideRefs,\n      handler: handleOutsideClick\n    });\n\n    // Drawer placement\n    const getDrawerPlacement = (): NormalizedPlacement => {\n      if (isBottomPlacement) {\n        return placement;\n      } else {\n        if (direction === 'rtl') {\n          return placement === 'start' ? 'right' : 'left';\n        } else {\n          return placement === 'start' ? 'left' : 'right';\n        }\n      }\n    };\n\n    const clientHints = getClientHints();\n\n    const getViewportWidth = useCallback((): number => {\n      if (clientHints.platform === 'ios') {\n        // On ios window.innerWidth is not recommended way of measuring the viewport\n        return document.documentElement.clientWidth;\n      }\n      return window.innerWidth;\n    }, [clientHints.platform]);\n\n    // Window resize handler\n    // Handles display mode: Overlay <> Full overlay (full width side drawers)\n    const handleResize = useCallback(() => {\n      const viewportWidth = getViewportWidth();\n      if (displayModeHorizontal === 'overlay' && viewportWidth < displayModefullWidthThreshold) {\n        setDisplayModeHorizontal('fullOverlay');\n      }\n      if (\n        displayModeHorizontal === 'fullOverlay' &&\n        viewportWidth > displayModefullWidthThreshold\n      ) {\n        setDisplayModeHorizontal('overlay');\n      }\n    }, [getViewportWidth, displayModeHorizontal]);\n\n    useEffect(() => {\n      const root = rootRef.current;\n      if (root && status === 'opening') {\n        const resizeObserver = new ResizeObserver(() => {\n          handleResize();\n        });\n        resizeObserver.observe(document.body);\n        return () => {\n          resizeObserver.unobserve(document.body);\n        };\n      }\n      return undefined;\n    }, [status, handleResize]);\n\n    const dispatchSwipeOnClose = useCallback(() => {\n      onClose?.({ reason: 'swipe' });\n    }, [onClose]);\n\n    // OutsideClick handler\n    const swipeHandler = useCallback(\n      (event: any): void => {\n        const swipeDir = event.direction;\n        // LTR\n        if (direction === 'ltr') {\n          if (\n            (placement === 'start' && swipeDir === 'left') ||\n            (placement === 'end' && swipeDir === 'right')\n          ) {\n            dispatchSwipeOnClose();\n          }\n        }\n        // RTL\n        if (direction === 'rtl') {\n          if (\n            (placement === 'start' && swipeDir === 'right') ||\n            (placement === 'end' && swipeDir === 'left')\n          ) {\n            dispatchSwipeOnClose();\n          }\n        }\n        // Bottom\n        if (placement === 'bottom' && swipeDir === 'down') {\n          dispatchSwipeOnClose();\n        }\n      },\n      [direction, placement, dispatchSwipeOnClose]\n    );\n\n    const swipeOptions = {\n      threshold: 50,\n      maximumTime: 750,\n      tolerance: 40\n    };\n    const { swipeProps } = useSwipe(swipeHandler, swipeOptions);\n\n    // Styles\n    const { classes } = useComponentTheme<DrawerPopupVariantOptions>(DrawerPopupRedwoodTheme, {\n      placement: getDrawerPlacement(),\n      visibility,\n      displayModeHorizontal:\n        ['start', 'end'].indexOf(placement) > -1 ? displayModeHorizontal : undefined\n    });\n\n    const interpolations = [...Object.values(colorInterpolations)];\n    const styleInterpolations = mergeInterpolations<ColorProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const renderDrawer = () => {\n      return (\n        <FocusTrap autoFocusRef={autoFocusRef} restoreFocusRef={false}>\n          <div\n            ref={mergedRef}\n            className={classes}\n            style={styles}\n            tabIndex={-1}\n            role=\"dialog\"\n            onKeyDown={handleKeyDown}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-describedby={ariaDescribedBy}\n            {...swipeProps}\n            {...testIdProps}>\n            {children}\n          </div>\n        </FocusTrap>\n      );\n    };\n\n    const isMounted = status !== 'unmounted';\n    if (isMounted) {\n      // Modal vs. modelss upper wrapper\n      if (modality === 'modal') {\n        return (\n          <LogicalParentRefContext.Provider value={launcherRef}>\n            <Modal isOpen={isMounted}>{renderDrawer()}</Modal>\n          </LogicalParentRefContext.Provider>\n        );\n      } else {\n        return <Layer logicalParentRef={launcherRef}>{renderDrawer()}</Layer>;\n      }\n    }\n\n    return null;\n  }\n);\n"],"names":["zero","duration","DrawerPopup","forwardRef","children","isOpen","autoFocusRef","placement","modality","onClose","onTransitionEnd","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","status","_setStatus","useState","_status","useRef","setStatus","s","current","visibility","setVisibility","isOutsideClickDisabled","setIsOutsideClickDisabled","displayModeHorizontal","setDisplayModeHorizontal","prevStatusRef","rootRef","launcherRef","mergedRef","useMemo","mergeRefs","isBottomPlacement","shouldReturnFocus","animationStates","opening","from","translateY","getTranslateY","to","options","translateX","getTranslateX","closing","testIdProps","useTestId","direction","useUser","normalizePosition","element","Math","round","getBoundingClientRect","width","offsetHeight","removeAnimationInlineStyles","useCallback","style","removeProperty","nodeRef","useAnimation","isAnimatedOnMount","onAnimationEnd","autofocusItems","getAutofocusFocusables","length","focusOn","focusWithin","setInitialFocus","activeElement","getActiveElement","contains","document","body","useEffect","focusOnElementOrNearestAncestor","setTimeout","addEventListener","launcherKeyDownCallback","removeEventListener","event","code","preventDefault","stopPropagation","handleKeyDown","launcherEl","reason","handleOutsideClick","insideRefs","push","useOutsideClick","isDisabled","handler","clientHints","getClientHints","getViewportWidth","platform","documentElement","clientWidth","window","innerWidth","handleResize","viewportWidth","resizeObserver","ResizeObserver","observe","unobserve","dispatchSwipeOnClose","swipeHandler","swipeDir","swipeProps","useSwipe","threshold","maximumTime","tolerance","classes","useComponentTheme","DrawerPopupRedwoodTheme","indexOf","undefined","interpolations","Object","values","colorInterpolations","styleInterpolations","mergeInterpolations","styles","renderDrawer","_jsx","FocusTrap","restoreFocusRef","className","tabIndex","role","onKeyDown","isMounted","LogicalParentRefContext","Provider","value","Modal","jsx","Layer","logicalParentRef"],"mappings":"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"}

package/amd/{Dropdown-d1438b58.js → Dropdown-9eed614a.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-08c98ebd', './Layer-64bf71ad', 'preact/compat', './LayerHost-1a734852', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './usePopupAnimation-389749fc', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-62fa309c', './animationUtils-716a9aa6', './unsafeDomAccess-602c5dde', './useEffectEvent-6aa4d559', './menuUtils-8e42385f'], (function(e,n,t,i,o,s,a,r,c,d,u,l,f,m,p,b,h,A){"use strict";const O={mainAxis:4,crossAxis:0},g={isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0},E={mainAxis:!0,crossAxis:!0},x={opening:e=>p.mergeAnimationStateObjects([p.SCALE_UP_FULL,{from:{transformOrigin:u.getTransformOrigin(e.placement,e.direction)},to:{transformOrigin:u.getTransformOrigin(e.placement,e.direction)}}],{duration:p.DURATION_LARGE})};function S(e){const n=e.current;if(n){if(n instanceof Element)return e;if(n[b.UNSAFE_DOM_ACCESS])return e}return null}e.Dropdown=function({isOpen:e=!1,anchorRef:s,children:a,id:u,onClose:p,minWidth:b,placement:y="bottom-start",offset:C=O,onPosition:j,flipOptions:P=E,sizeOptions:U=g,shiftOptions:w,initialFocus:v="none",onTransitionEnd:F}){const L=t.useRef(null),M=t.useCallback((e=>{if(!e)return void F?.(e);const n=L.current;if(n){if("firstFocusable"===v)return c.focusWithin(n),void F?.(e);if(A.getIsIosTablet()){const e=n.querySelector("[data-oj-menu-item-key]");e&&c.focusWithin(e)}F?.(e)}else F?.(e)}),[v]),{status:T,setAnimationElementRef:D,onPosition:R}=d.usePopupAnimation({isOpen:e,placement:y,isAnimatedOnMount:!0,animationStates:x,onPosition:j,onTransitionEnd:M}),k=t.useCallback((e=>{p?.({reason:"outsideMousedown",target:e.target})}),[p]),_=t.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case r.KEYS.ESC:case r.KEYS.TAB:p?.({reason:"dismissed"})}}),[p]);m.useOutsideMousedown({isDisabled:!1,ref:[L],handler:k});const I=h.useEffectEvent((()=>s?.current));return t.useEffect((()=>{const n=I();!e&&"unmounted"===T&&n&&n instanceof HTMLElement&&document.body.contains(n)&&n.focus()}),[I,e,T]),n.jsx(n.Fragment,{children:"unmounted"!==T?n.jsx(o.Layer,{logicalParentRef:S(s),children:n.jsx(i.Floating,{anchorRef:s,ref:D,placement:y,flipOptions:P,shiftOptions:w,sizeOptions:U,offsetValue:C,onPosition:R,boundaryOptions:{padding:{top:8,bottom:8,left:0,right:0}},children:n.jsx("div",{ref:L,id:u,class:f.dropdownStyles.base,style:{minWidth:`${b||0}px`},onKeyDown:_,children:n.jsx(l.CollectionInteractionContext.Provider,{value:"embedded",children:a})})})}):null})}}));
-//# sourceMappingURL=Dropdown-d1438b58.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-9d6ab071', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './usePopupAnimation-dc282b02', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './animationUtils-716a9aa6', './unsafeDomAccess-602c5dde', './useEffectEvent-6aa4d559', './menuUtils-8e42385f'], (function(e,n,t,i,o,s,a,r,c,d,u,l,f,m,p,b,h,A){"use strict";const O={mainAxis:4,crossAxis:0},g={isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0},E={mainAxis:!0,crossAxis:!0},x={opening:e=>p.mergeAnimationStateObjects([p.SCALE_UP_FULL,{from:{transformOrigin:u.getTransformOrigin(e.placement,e.direction)},to:{transformOrigin:u.getTransformOrigin(e.placement,e.direction)}}],{duration:p.DURATION_LARGE})};function S(e){const n=e.current;if(n){if(n instanceof Element)return e;if(n[b.UNSAFE_DOM_ACCESS])return e}return null}e.Dropdown=function({isOpen:e=!1,anchorRef:s,children:a,id:u,onClose:p,minWidth:b,placement:y="bottom-start",offset:C=O,onPosition:j,flipOptions:P=E,sizeOptions:U=g,shiftOptions:w,initialFocus:v="none",onTransitionEnd:F}){const L=t.useRef(null),M=t.useCallback((e=>{if(!e)return void F?.(e);const n=L.current;if(n){if("firstFocusable"===v)return c.focusWithin(n),void F?.(e);if(A.getIsIosTablet()){const e=n.querySelector("[data-oj-menu-item-key]");e&&c.focusWithin(e)}F?.(e)}else F?.(e)}),[v]),{status:T,setAnimationElementRef:D,onPosition:R}=d.usePopupAnimation({isOpen:e,placement:y,isAnimatedOnMount:!0,animationStates:x,onPosition:j,onTransitionEnd:M}),k=t.useCallback((e=>{p?.({reason:"outsideMousedown",target:e.target})}),[p]),_=t.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case r.KEYS.ESC:case r.KEYS.TAB:p?.({reason:"dismissed"})}}),[p]);m.useOutsideMousedown({isDisabled:!1,ref:[L],handler:k});const I=h.useEffectEvent((()=>s?.current));return t.useEffect((()=>{const n=I();!e&&"unmounted"===T&&n&&n instanceof HTMLElement&&document.body.contains(n)&&n.focus()}),[I,e,T]),n.jsx(n.Fragment,{children:"unmounted"!==T?n.jsx(o.Layer,{logicalParentRef:S(s),children:n.jsx(i.Floating,{anchorRef:s,ref:D,placement:y,flipOptions:P,shiftOptions:w,sizeOptions:U,offsetValue:C,onPosition:R,boundaryOptions:{padding:{top:8,bottom:8,left:0,right:0}},children:n.jsx("div",{ref:L,id:u,class:f.dropdownStyles.base,style:{minWidth:`${b||0}px`},onKeyDown:_,children:n.jsx(l.CollectionInteractionContext.Provider,{value:"embedded",children:a})})})}):null})}}));
+//# sourceMappingURL=Dropdown-9eed614a.js.map

package/amd/{Dropdown-d1438b58.js.map → Dropdown-9eed614a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-d1438b58.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { type FocusableElement, focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n  DURATION_LARGE,\n  SCALE_UP_FULL,\n  mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { getIsIosTablet } from '#UNSAFE_Menu/menuUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } | { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   *Specifies whether Dropdown is open.\n   * @default false\n   */\n  isOpen?: boolean;\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Id of the dropdown container.\n   * Used usually for accesibility reasons.\n   */\n  id?: string;\n  /**\n   * Called when dropdown is supposed to be closed.\n   * Called when user tab/esc or mouseDown outside the dropdown.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   *Min width represented in pixels of the dropdown container.\n   */\n  minWidth?: number;\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   * Offset displaces the floating element from its core placement along the specified axes.\n   */\n  offset?: FloatingProps['offsetValue'];\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected.\n   */\n  onPosition?: FloatingProps['onPosition'];\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   */\n  flipOptions?: FloatingProps['flipOptions'];\n  /**\n   * Specifies the resizing behaviour for max-height and max-width of the floating component.\n   */\n  sizeOptions?: FloatingProps['sizeOptions'];\n\n  /**\n   *  Specifies the shift behavior along the respective axis\n   */\n  shiftOptions?: FloatingProps['shiftOptions'];\n  /**\n   * Specifies initial focus.\n   * @default 'none'\n   */\n  initialFocus?: 'none' | 'firstFocusable';\n\n  /**\n   * Callback function triggered when the opening animation finishes.\n   */\n  onTransitionEnd?: (value: boolean) => void;\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n  opening: (node: AnimationPopupElement) => {\n    return mergeAnimationStateObjects(\n      [\n        SCALE_UP_FULL,\n        {\n          from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n          to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n        }\n      ],\n      {\n        duration: DURATION_LARGE\n      }\n    );\n  }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n  isOpen = false,\n  anchorRef,\n  children,\n  id,\n  onClose,\n  minWidth,\n  placement = DEFAULT_PLACEMENT,\n  offset = DEFAULT_OFFSET,\n  onPosition,\n  flipOptions = DEFAULT_FLIP_OPTIONS,\n  sizeOptions = DEFAULT_SIZE_OPTIONS,\n  shiftOptions,\n  initialFocus = 'none',\n  onTransitionEnd\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const _onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      const dropdownElement = dropdownRef.current;\n      if (!dropdownElement) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // honor firstFocusable initial focus behavior\n      if (initialFocus === 'firstFocusable') {\n        focusWithin(dropdownElement);\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.\n      // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.\n      if (getIsIosTablet()) {\n        const firstItem =\n          dropdownElement.querySelector<FocusableElement>('[data-oj-menu-item-key]');\n        if (firstItem) {\n          focusWithin(firstItem);\n        }\n      }\n\n      onTransitionEnd?.(isOpen);\n    },\n    [initialFocus]\n  );\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd: _onTransitionEnd\n  });\n\n  const handleMousedownClose = useCallback(\n    (event: MouseEvent) => {\n      onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n    },\n    [onClose]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case KEYS.ESC:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        case KEYS.TAB:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // use the mousedown event to be consistent with legacy JET\n  useOutsideMousedown({\n    isDisabled: false,\n    ref: [dropdownRef],\n    handler: handleMousedownClose\n  });\n\n  // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,\n  // without having to include anchorRef in the dependency array and the eslint-disable-next comment\n  const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);\n  // Restore focus to anchor after Dropdown is closed\n  useEffect(() => {\n    const anchorElement = STABLE_getAnchor();\n    if (\n      !isOpen &&\n      status === 'unmounted' &&\n      anchorElement &&\n      anchorElement instanceof HTMLElement\n    ) {\n      if (document.body.contains(anchorElement)) {\n        anchorElement.focus();\n      }\n    }\n  }, [STABLE_getAnchor, isOpen, status]);\n\n  return (\n    <>\n      {status !== 'unmounted' ? (\n        <Layer logicalParentRef={toLogicalParentRef(anchorRef)}>\n          <Floating\n            anchorRef={anchorRef}\n            ref={setAnimationElementRef}\n            placement={placement}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            sizeOptions={sizeOptions}\n            offsetValue={offset}\n            onPosition={onPositionAnimated}\n            boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n            <div\n              ref={dropdownRef}\n              id={id}\n              class={dropdownStyles.base}\n              style={{ minWidth: `${minWidth || 0}px` }}\n              onKeyDown={handleKeyDown}>\n              <CollectionInteractionContext.Provider value={'embedded'}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n  const current = anchorRef.current;\n\n  if (current) {\n    if (current instanceof Element) {\n      return anchorRef as RefObject<Element>;\n    } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n      return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n    }\n  }\n\n  return null;\n}\n"],"names":["DEFAULT_OFFSET","mainAxis","crossAxis","DEFAULT_SIZE_OPTIONS","isMaxWidthAdjusted","isMaxHeightAdjusted","DEFAULT_FLIP_OPTIONS","animationStates","opening","node","mergeAnimationStateObjects","SCALE_UP_FULL","from","transformOrigin","getTransformOrigin","placement","direction","to","duration","DURATION_LARGE","toLogicalParentRef","anchorRef","current","Element","UNSAFE_DOM_ACCESS","isOpen","children","id","onClose","minWidth","offset","onPosition","flipOptions","sizeOptions","shiftOptions","initialFocus","onTransitionEnd","dropdownRef","useRef","_onTransitionEnd","useCallback","dropdownElement","focusWithin","getIsIosTablet","firstItem","querySelector","status","setAnimationElementRef","onPositionAnimated","usePopupAnimation","isAnimatedOnMount","handleMousedownClose","event","reason","target","handleKeyDown","defaultPrevented","code","KEYS","ESC","TAB","useOutsideMousedown","isDisabled","ref","handler","STABLE_getAnchor","useEffectEvent","useEffect","anchorElement","HTMLElement","document","body","contains","focus","_jsx","_Fragment","jsx","Layer","logicalParentRef","Floating","offsetValue","boundaryOptions","padding","top","bottom","left","right","class","dropdownStyles","base","style","onKeyDown","CollectionInteractionContext","Provider","value"],"mappings":"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"}
+{"version":3,"file":"Dropdown-9eed614a.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { type FocusableElement, focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n  DURATION_LARGE,\n  SCALE_UP_FULL,\n  mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { getIsIosTablet } from '#UNSAFE_Menu/menuUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } | { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   *Specifies whether Dropdown is open.\n   * @default false\n   */\n  isOpen?: boolean;\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Id of the dropdown container.\n   * Used usually for accesibility reasons.\n   */\n  id?: string;\n  /**\n   * Called when dropdown is supposed to be closed.\n   * Called when user tab/esc or mouseDown outside the dropdown.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   *Min width represented in pixels of the dropdown container.\n   */\n  minWidth?: number;\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   * Offset displaces the floating element from its core placement along the specified axes.\n   */\n  offset?: FloatingProps['offsetValue'];\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected.\n   */\n  onPosition?: FloatingProps['onPosition'];\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   */\n  flipOptions?: FloatingProps['flipOptions'];\n  /**\n   * Specifies the resizing behaviour for max-height and max-width of the floating component.\n   */\n  sizeOptions?: FloatingProps['sizeOptions'];\n\n  /**\n   *  Specifies the shift behavior along the respective axis\n   */\n  shiftOptions?: FloatingProps['shiftOptions'];\n  /**\n   * Specifies initial focus.\n   * @default 'none'\n   */\n  initialFocus?: 'none' | 'firstFocusable';\n\n  /**\n   * Callback function triggered when the opening animation finishes.\n   */\n  onTransitionEnd?: (value: boolean) => void;\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n  opening: (node: AnimationPopupElement) => {\n    return mergeAnimationStateObjects(\n      [\n        SCALE_UP_FULL,\n        {\n          from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n          to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n        }\n      ],\n      {\n        duration: DURATION_LARGE\n      }\n    );\n  }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n  isOpen = false,\n  anchorRef,\n  children,\n  id,\n  onClose,\n  minWidth,\n  placement = DEFAULT_PLACEMENT,\n  offset = DEFAULT_OFFSET,\n  onPosition,\n  flipOptions = DEFAULT_FLIP_OPTIONS,\n  sizeOptions = DEFAULT_SIZE_OPTIONS,\n  shiftOptions,\n  initialFocus = 'none',\n  onTransitionEnd\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const _onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      const dropdownElement = dropdownRef.current;\n      if (!dropdownElement) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // honor firstFocusable initial focus behavior\n      if (initialFocus === 'firstFocusable') {\n        focusWithin(dropdownElement);\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.\n      // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.\n      if (getIsIosTablet()) {\n        const firstItem =\n          dropdownElement.querySelector<FocusableElement>('[data-oj-menu-item-key]');\n        if (firstItem) {\n          focusWithin(firstItem);\n        }\n      }\n\n      onTransitionEnd?.(isOpen);\n    },\n    [initialFocus]\n  );\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd: _onTransitionEnd\n  });\n\n  const handleMousedownClose = useCallback(\n    (event: MouseEvent) => {\n      onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n    },\n    [onClose]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case KEYS.ESC:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        case KEYS.TAB:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // use the mousedown event to be consistent with legacy JET\n  useOutsideMousedown({\n    isDisabled: false,\n    ref: [dropdownRef],\n    handler: handleMousedownClose\n  });\n\n  // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,\n  // without having to include anchorRef in the dependency array and the eslint-disable-next comment\n  const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);\n  // Restore focus to anchor after Dropdown is closed\n  useEffect(() => {\n    const anchorElement = STABLE_getAnchor();\n    if (\n      !isOpen &&\n      status === 'unmounted' &&\n      anchorElement &&\n      anchorElement instanceof HTMLElement\n    ) {\n      if (document.body.contains(anchorElement)) {\n        anchorElement.focus();\n      }\n    }\n  }, [STABLE_getAnchor, isOpen, status]);\n\n  return (\n    <>\n      {status !== 'unmounted' ? (\n        <Layer logicalParentRef={toLogicalParentRef(anchorRef)}>\n          <Floating\n            anchorRef={anchorRef}\n            ref={setAnimationElementRef}\n            placement={placement}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            sizeOptions={sizeOptions}\n            offsetValue={offset}\n            onPosition={onPositionAnimated}\n            boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n            <div\n              ref={dropdownRef}\n              id={id}\n              class={dropdownStyles.base}\n              style={{ minWidth: `${minWidth || 0}px` }}\n              onKeyDown={handleKeyDown}>\n              <CollectionInteractionContext.Provider value={'embedded'}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n  const current = anchorRef.current;\n\n  if (current) {\n    if (current instanceof Element) {\n      return anchorRef as RefObject<Element>;\n    } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n      return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n    }\n  }\n\n  return null;\n}\n"],"names":["DEFAULT_OFFSET","mainAxis","crossAxis","DEFAULT_SIZE_OPTIONS","isMaxWidthAdjusted","isMaxHeightAdjusted","DEFAULT_FLIP_OPTIONS","animationStates","opening","node","mergeAnimationStateObjects","SCALE_UP_FULL","from","transformOrigin","getTransformOrigin","placement","direction","to","duration","DURATION_LARGE","toLogicalParentRef","anchorRef","current","Element","UNSAFE_DOM_ACCESS","isOpen","children","id","onClose","minWidth","offset","onPosition","flipOptions","sizeOptions","shiftOptions","initialFocus","onTransitionEnd","dropdownRef","useRef","_onTransitionEnd","useCallback","dropdownElement","focusWithin","getIsIosTablet","firstItem","querySelector","status","setAnimationElementRef","onPositionAnimated","usePopupAnimation","isAnimatedOnMount","handleMousedownClose","event","reason","target","handleKeyDown","defaultPrevented","code","KEYS","ESC","TAB","useOutsideMousedown","isDisabled","ref","handler","STABLE_getAnchor","useEffectEvent","useEffect","anchorElement","HTMLElement","document","body","contains","focus","_jsx","_Fragment","jsx","Layer","logicalParentRef","Floating","offsetValue","boundaryOptions","padding","top","bottom","left","right","class","dropdownStyles","base","style","onKeyDown","CollectionInteractionContext","Provider","value"],"mappings":"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"}

package/amd/EmbeddedIconButton-d1472ac1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseButton-5a0ad529', './ButtonLabelLayout-6464870c'], (function(e,a,i,t){"use strict";e.EmbeddedIconButton=({isDisabled:e=!1,size:s="sm",onAction:n,"aria-label":o,"aria-describedby":d,"aria-hidden":r=!1,...l})=>a.jsx(i.BaseButton,{elementDetails:{type:"span",isFocusable:!1},isDisabled:e,size:s,variant:"ghost",styling:["min","noUserSelect"],onAction:n,"aria-describedby":d,"aria-hidden":r,"aria-label":o,children:a.jsx(t.ButtonLabelLayout,{display:"icons",startIcon:l.children,size:s})})}));
+//# sourceMappingURL=EmbeddedIconButton-d1472ac1.js.map

package/amd/{EmbeddedIconButton-c3cb14c0.js.map → EmbeddedIconButton-d1472ac1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedIconButton-c3cb14c0.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.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 */\nimport { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n  isDisabled = false,\n  size = 'sm',\n  onAction,\n  'aria-label': accessibleLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-hidden': ariaHidden = false,\n  ...props\n}: Props) => {\n  return (\n    <BaseButton\n      elementDetails={{ type: 'span', isFocusable: false }}\n      isDisabled={isDisabled}\n      size={size}\n      variant={'ghost'}\n      styling={['min', 'noUserSelect']}\n      onAction={onAction}\n      aria-describedby={ariaDescribedBy}\n      aria-hidden={ariaHidden}\n      aria-label={accessibleLabel}>\n      <ButtonLabelLayout\n        display={'icons'}\n        startIcon={props.children}\n        size={size}></ButtonLabelLayout>\n    </BaseButton>\n  );\n};\n"],"names":["isDisabled","size","onAction","accessibleLabel","ariaDescribedBy","ariaHidden","props","_jsx","jsx","BaseButton","elementDetails","type","isFocusable","variant","styling","children","ButtonLabelLayout","display","startIcon"],"mappings":"oJA+DkC,EAChCA,cAAa,EACbC,OAAO,KACPC,WACA,aAAcC,EACd,mBAAoBC,EACpB,cAAeC,GAAa,KACzBC,KAGDC,EAAAC,IAACC,EAAUA,WAAA,CACTC,eAAgB,CAAEC,KAAM,OAAQC,aAAa,GAC7CZ,WAAYA,EACZC,KAAMA,EACNY,QAAS,QACTC,QAAS,CAAC,MAAO,gBACjBZ,SAAUA,EAAQ,mBACAE,EAAe,cACpBC,EAAU,aACXF,EAAeY,SAC3BR,MAACS,EAAAA,kBAAiB,CAChBC,QAAS,QACTC,UAAWZ,EAAMS,SACjBd,KAAMA"}
+{"version":3,"file":"EmbeddedIconButton-d1472ac1.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.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 */\nimport { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n  isDisabled = false,\n  size = 'sm',\n  onAction,\n  'aria-label': accessibleLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-hidden': ariaHidden = false,\n  ...props\n}: Props) => {\n  return (\n    <BaseButton\n      elementDetails={{ type: 'span', isFocusable: false }}\n      isDisabled={isDisabled}\n      size={size}\n      variant={'ghost'}\n      styling={['min', 'noUserSelect']}\n      onAction={onAction}\n      aria-describedby={ariaDescribedBy}\n      aria-hidden={ariaHidden}\n      aria-label={accessibleLabel}>\n      <ButtonLabelLayout\n        display={'icons'}\n        startIcon={props.children}\n        size={size}></ButtonLabelLayout>\n    </BaseButton>\n  );\n};\n"],"names":["isDisabled","size","onAction","accessibleLabel","ariaDescribedBy","ariaHidden","props","_jsx","jsx","BaseButton","elementDetails","type","isFocusable","variant","styling","children","ButtonLabelLayout","display","startIcon"],"mappings":"oJA+DkC,EAChCA,cAAa,EACbC,OAAO,KACPC,WACA,aAAcC,EACd,mBAAoBC,EACpB,cAAeC,GAAa,KACzBC,KAGDC,EAAAC,IAACC,EAAUA,WAAA,CACTC,eAAgB,CAAEC,KAAM,OAAQC,aAAa,GAC7CZ,WAAYA,EACZC,KAAMA,EACNY,QAAS,QACTC,QAAS,CAAC,MAAO,gBACjBZ,SAAUA,EAAQ,mBACAE,EAAe,cACpBC,EAAU,aACXF,EAAeY,SAC3BR,MAACS,EAAAA,kBAAiB,CAChBC,QAAS,QACTC,UAAWZ,EAAMS,SACjBd,KAAMA"}

package/amd/{EnvironmentProvider-75ba928e.js → EnvironmentProvider-403bf554.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './LayerHost-1a734852', 'preact/hooks', './LayerManager-5ba8e6ed'], (function(e,n,r,t,o){"use strict";function s(e,n){const r=Object.assign({},e.user,n?.user),t=Object.assign({},e.theme,n?.theme),o=Object.assign({},e.translations),s=n?.translations||{};return Object.keys(s).forEach((e=>{let n=s[e];o[e]&&(n=Object.assign({},o[e],n)),o[e]=n})),{user:r,theme:t,translations:o,colorScheme:n?.colorScheme??e.colorScheme,scale:n?.scale??e.scale,currentBgColor:n?.currentBgColor??e.currentBgColor,mode:n?.mode??e.mode,density:n?.density??e.density}}e.EnvironmentProvider=function({children:e,environment:o}){const i=t.useContext(r.EnvironmentContext),c=t.useMemo((()=>s(i,o)),[i,o]);return n.jsx(r.EnvironmentContext.Provider,{value:c,children:e})},e.RootEnvironmentProvider=function({children:e,environment:i}){const c=t.useMemo((()=>s(r.DefaultEnvironment,i)),[i]);return n.jsx(r.EnvironmentContext.Provider,{value:c,children:n.jsx(o.LayerManager,{children:e})})}}));
-//# sourceMappingURL=EnvironmentProvider-75ba928e.js.map
+define(['exports', 'preact/jsx-runtime', './LayerHost-0b288129', 'preact/hooks', './LayerManager-426c669d'], (function(e,n,r,t,o){"use strict";function s(e,n){const r=Object.assign({},e.user,n?.user),t=Object.assign({},e.theme,n?.theme),o=Object.assign({},e.translations),s=n?.translations||{};return Object.keys(s).forEach((e=>{let n=s[e];o[e]&&(n=Object.assign({},o[e],n)),o[e]=n})),{user:r,theme:t,translations:o,colorScheme:n?.colorScheme??e.colorScheme,scale:n?.scale??e.scale,currentBgColor:n?.currentBgColor??e.currentBgColor,mode:n?.mode??e.mode,density:n?.density??e.density}}e.EnvironmentProvider=function({children:e,environment:o}){const c=t.useContext(r.EnvironmentContext),i=t.useMemo((()=>s(c,o)),[c,o]);return n.jsx(r.EnvironmentContext.Provider,{value:i,children:e})},e.RootEnvironmentProvider=function({children:e,environment:c}){const i=t.useMemo((()=>s(r.DefaultEnvironment,c)),[c]);return n.jsx(r.EnvironmentContext.Provider,{value:i,children:n.jsx(o.LayerManager,{children:e})})}}));
+//# sourceMappingURL=EnvironmentProvider-403bf554.js.map

package/amd/{EnvironmentProvider-75ba928e.js.map → EnvironmentProvider-403bf554.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentProvider-75ba928e.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  CompleteEnvironmentType,\n  DefaultEnvironment,\n  Environment,\n  EnvironmentContext,\n  RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale,\n    currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n    mode: env2?.mode ?? env1.mode,\n    density: env2?.density ?? env1.density\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["mergeEnvironment","env1","env2","userValue","Object","assign","user","themeValue","theme","targetTranslations","translations","sourceTranslations","keys","forEach","key","newVal","colorScheme","scale","currentBgColor","mode","density","children","environment","consumerEnv","useContext","EnvironmentContext","mergedEnvironment","useMemo","_jsx","jsx","Provider","value","DefaultEnvironment","LayerManager"],"mappings":"0IA2BA,SAASA,EACPC,EACAC,GAEA,MAAMC,EAAYC,OAAOC,OAAO,CAAA,EAAIJ,EAAKK,KAAMJ,GAAMI,MAC/CC,EAAaH,OAAOC,OAAO,CAAA,EAAIJ,EAAKO,MAAON,GAAMM,OAGjDC,EAAqBL,OAAOC,OAAO,CAAA,EAAIJ,EAAKS,cAC5CC,EAAqBT,GAAMQ,cAAgB,GAUjD,OATAN,OAAOQ,KAAKD,GAAoBE,SAASC,IACvC,IAAIC,EAASJ,EAAmBG,GAC5BL,EAAmBK,KAErBC,EAASX,OAAOC,OAAO,CAAA,EAAII,EAAmBK,GAAMC,IAEtDN,EAAmBK,GAAOC,CAAM,IAG3B,CACLT,KAAMH,EACNK,MAAOD,EACPG,aAAcD,EACdO,YAAad,GAAMc,aAAef,EAAKe,YACvCC,MAAOf,GAAMe,OAAShB,EAAKgB,MAC3BC,eAAgBhB,GAAMgB,gBAAkBjB,EAAKiB,eAC7CC,KAAMjB,GAAMiB,MAAQlB,EAAKkB,KACzBC,QAASlB,GAAMkB,SAAWnB,EAAKmB,QAEnC,iCA+BoCC,SAAEA,EAAQC,YAAEA,IAC9C,MAAMC,EAAcC,aAAWC,EAAAA,oBACzBC,EAAoBC,WACxB,IAAM3B,EAAiBuB,EAAaD,IACpC,CAACC,EAAaD,IAGhB,OACEM,EAAAC,IAACJ,EAAkBA,mBAACK,SAAQ,CAACC,MAAOL,EAAiBL,SAAGA,GAE5D,sCAjCwCA,SACtCA,EAAQC,YACRA,IAEA,MAAMI,EAAoBC,EAAOA,SAC/B,IAAM3B,EAAiBgC,EAAkBA,mBAAEV,IAC3C,CAACA,IAEH,OACEM,EAACC,IAAAJ,EAAkBA,mBAACK,UAASC,MAAOL,EAAiBL,SACnDO,MAACK,EAAYA,aAAA,CAAAZ,SAAEA,KAGrB"}
+{"version":3,"file":"EnvironmentProvider-403bf554.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  CompleteEnvironmentType,\n  DefaultEnvironment,\n  Environment,\n  EnvironmentContext,\n  RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale,\n    currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n    mode: env2?.mode ?? env1.mode,\n    density: env2?.density ?? env1.density\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["mergeEnvironment","env1","env2","userValue","Object","assign","user","themeValue","theme","targetTranslations","translations","sourceTranslations","keys","forEach","key","newVal","colorScheme","scale","currentBgColor","mode","density","children","environment","consumerEnv","useContext","EnvironmentContext","mergedEnvironment","useMemo","_jsx","jsx","Provider","value","DefaultEnvironment","LayerManager"],"mappings":"0IA2BA,SAASA,EACPC,EACAC,GAEA,MAAMC,EAAYC,OAAOC,OAAO,CAAA,EAAIJ,EAAKK,KAAMJ,GAAMI,MAC/CC,EAAaH,OAAOC,OAAO,CAAA,EAAIJ,EAAKO,MAAON,GAAMM,OAGjDC,EAAqBL,OAAOC,OAAO,CAAA,EAAIJ,EAAKS,cAC5CC,EAAqBT,GAAMQ,cAAgB,GAUjD,OATAN,OAAOQ,KAAKD,GAAoBE,SAASC,IACvC,IAAIC,EAASJ,EAAmBG,GAC5BL,EAAmBK,KAErBC,EAASX,OAAOC,OAAO,CAAA,EAAII,EAAmBK,GAAMC,IAEtDN,EAAmBK,GAAOC,CAAM,IAG3B,CACLT,KAAMH,EACNK,MAAOD,EACPG,aAAcD,EACdO,YAAad,GAAMc,aAAef,EAAKe,YACvCC,MAAOf,GAAMe,OAAShB,EAAKgB,MAC3BC,eAAgBhB,GAAMgB,gBAAkBjB,EAAKiB,eAC7CC,KAAMjB,GAAMiB,MAAQlB,EAAKkB,KACzBC,QAASlB,GAAMkB,SAAWnB,EAAKmB,QAEnC,iCA+BoCC,SAAEA,EAAQC,YAAEA,IAC9C,MAAMC,EAAcC,aAAWC,EAAAA,oBACzBC,EAAoBC,WACxB,IAAM3B,EAAiBuB,EAAaD,IACpC,CAACC,EAAaD,IAGhB,OACEM,EAAAC,IAACJ,EAAkBA,mBAACK,SAAQ,CAACC,MAAOL,EAAiBL,SAAGA,GAE5D,sCAjCwCA,SACtCA,EAAQC,YACRA,IAEA,MAAMI,EAAoBC,EAAOA,SAC/B,IAAM3B,EAAiBgC,EAAkBA,mBAAEV,IAC3C,CAACA,IAEH,OACEM,EAACC,IAAAJ,EAAkBA,mBAACK,UAASC,MAAOL,EAAiBL,SACnDO,MAACK,EAAYA,aAAA,CAAAZ,SAAEA,KAGrB"}

package/amd/ExpandableList-d7b3d65c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './classNames-08d99695', './useId-c9578d26', './useTranslationBundle-db326955', './keys-4755c121', './Button-d541cd67', './HiddenAccessible-037ef42d', './ChevronDown-1db436e3', './CollapseIcon-a62fd41c', './LiveRegion-1553833d', './useUser-e0677e8d', './collectionUtils-3951928f', './GroupLoadingIndicator-4daed099', './useNavigation-8d7dae30', './List-8d95a024'], (function(e,t,n,a,s,o,i,r,d,l,c,u,p,x,g,y,m,k,v){"use strict";const f=e=>{"Enter"!==e.key&&" "!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},h=(e,t,n,a,s)=>{const o=a(t);if(s&&o){const t=d.containsKey(n,o);(e&&t||!e&&!t)&&s({value:o})}},b=(e,t,n)=>{const a=t(e.target);n&&a&&(n({value:a}),"click"===e.type&&e.stopPropagation())};const C={all:!1,keys:new Set},L=s.memo((e=>{const n=o.classNames(["oj-listview-expander"]);return t.jsx("span",{class:n,role:"presentation",children:t.jsx(l.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?t.jsx(u.SvgChevronDown,{size:"6x"}):t.jsx(p.CollapseIcon,{size:"6x"})})})}),((e,t)=>e.itemKey===t.itemKey&&e.expanded===t.expanded&&e.onToggle===t.onToggle));e.ExpandableList=function({children:e,data:s,onSelectionChange:o,onToggle:l,onPersistCurrentItem:u,...p}){const[j,I]=a.useState(""),K=r.useTranslationBundle("@oracle/oraclejet-preact"),T=a.useRef(),A=a.useCallback((e=>{T.current=e.value,u?.(e)}),[u]),R=a.useCallback((e=>{if(l?.(e),s){const t=d.containsKey(s?.expanded,e.value);I(t?K.expandableList_groupCollapse():K.expandableList_groupExpand()),setTimeout((()=>{I("")}),1e3)}}),[l,s,K]),w=function(e,t,n){const{direction:s}=g.useUser(),o=a.useCallback((t=>{b(t,e,n)}),[e,n]),i=a.useCallback((a=>{if("Enter"===a.key||" "===a.key)b(a,e,n);else if("ArrowLeft"===a.key||"ArrowRight"===a.key){const o="rtl"===s,i="ArrowLeft"===a.key&&!o;h(i,a.target,t,e,n),a.preventDefault(),a.stopPropagation()}}),[e,n,t,s]);return n?{onClick:o,onKeyDown:f,onKeyUp:i}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===T.current?null:T.current:y.keyExtractor(e,m.GROUP_SELECTOR)),null==s?C:s.expanded,l&&R),D=i.useId(),E=a.useRef(D),S=a.useCallback((e=>{if(o&&s){const t=k.excludeGroup(s,e.value);d.isSameKey(t,e.value)?o(e):t.keys&&t.keys.size>0&&o({...e,value:t})}}),[o,s]);return t.jsxs(n.Fragment,{children:[t.jsx(v.List,{data:s,role:"treegrid",loadingIndicator:t.jsx(m.GroupLoadingIndicator,{}),onSelectionChange:S,customItemRenderer:n=>{const a=n.listItemContext.metadata.key,o=s&&l?{expanded:d.containsKey(s.expanded,a),onToggle:l}:void 0,i=((e,n)=>{const a=void 0!==n?()=>t.jsx(L,{itemKey:e.metadata.key,expanded:n.expanded,onToggle:n.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:a}})(n.listItemContext,o);return i.leaf?n.defaultListItem(i,{itemDepth:i.depth+1}):t.jsx(m.ListGroupHeader,{ariaDescribedBy:E.current,itemKey:i.metadata.key,itemIndex:i.index,itemDepth:i.depth,isFocused:n.isFocused,isFocusRingVisible:n.isFocusRingVisible,isActive:n.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==s?C:s.expanded,onToggle:l,children:e(i)},i.metadata.key)},onPersistCurrentItem:A,...p,...w,children:t=>e(t)}),l&&t.jsxs(n.Fragment,{children:[t.jsx(x.LiveRegion,{children:j}),t.jsx("span",{id:E.current,children:t.jsx(c.HiddenAccessible,{children:K.expandableList_expandCollapseInstructionText()})})]})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './classNames-08d99695', './useId-c9578d26', './useTranslationBundle-e4dd341e', './keys-4755c121', './Button-e5d7c0e3', './HiddenAccessible-037ef42d', './ChevronDown-1db436e3', './CollapseIcon-a62fd41c', './LiveRegion-dbefb95b', './useUser-08901aba', './collectionUtils-3951928f', './GroupLoadingIndicator-4daed099', './useNavigation-8d7dae30', './List-8d95a024'], (function(e,t,n,a,s,o,i,r,d,l,c,u,p,x,g,y,m,k,f){"use strict";const v=e=>{"Enter"!==e.key&&" "!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},h=(e,t,n,a,s)=>{const o=a(t);if(s&&o){const t=d.containsKey(n,o);(e&&t||!e&&!t)&&s({value:o})}},b=(e,t,n)=>{const a=t(e.target);n&&a&&(n({value:a}),"click"===e.type&&e.stopPropagation())};const C={all:!1,keys:new Set},L=s.memo((e=>{const n=o.classNames(["oj-listview-expander"]);return t.jsx("span",{class:n,role:"presentation",children:t.jsx(l.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?t.jsx(u.SvgChevronDown,{size:"6x"}):t.jsx(p.CollapseIcon,{size:"6x"})})})}),((e,t)=>e.itemKey===t.itemKey&&e.expanded===t.expanded&&e.onToggle===t.onToggle));e.ExpandableList=function({children:e,data:s,onSelectionChange:o,onToggle:l,onPersistCurrentItem:u,...p}){const[j,I]=a.useState(""),K=r.useTranslationBundle("@oracle/oraclejet-preact"),T=a.useRef(),A=a.useCallback((e=>{T.current=e.value,u?.(e)}),[u]),R=a.useCallback((e=>{if(l?.(e),s){const t=d.containsKey(s?.expanded,e.value);I(t?K.expandableList_groupCollapse():K.expandableList_groupExpand()),setTimeout((()=>{I("")}),1e3)}}),[l,s,K]),w=function(e,t,n){const{direction:s}=g.useUser(),o=a.useCallback((t=>{b(t,e,n)}),[e,n]),i=a.useCallback((a=>{if("Enter"===a.key||" "===a.key)b(a,e,n);else if("ArrowLeft"===a.key||"ArrowRight"===a.key){const o="rtl"===s,i="ArrowLeft"===a.key&&!o;h(i,a.target,t,e,n),a.preventDefault(),a.stopPropagation()}}),[e,n,t,s]);return n?{onClick:o,onKeyDown:v,onKeyUp:i}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===T.current?null:T.current:y.keyExtractor(e,m.GROUP_SELECTOR)),null==s?C:s.expanded,l&&R),D=i.useId(),E=a.useRef(D),S=a.useCallback((e=>{if(o&&s){const t=k.excludeGroup(s,e.value);d.isSameKey(t,e.value)?o(e):t.keys&&t.keys.size>0&&o({...e,value:t})}}),[o,s]);return t.jsxs(n.Fragment,{children:[t.jsx(f.List,{data:s,role:"treegrid",loadingIndicator:t.jsx(m.GroupLoadingIndicator,{}),onSelectionChange:S,customItemRenderer:n=>{const a=n.listItemContext.metadata.key,o=s&&l?{expanded:d.containsKey(s.expanded,a),onToggle:l}:void 0,i=((e,n)=>{const a=void 0!==n?()=>t.jsx(L,{itemKey:e.metadata.key,expanded:n.expanded,onToggle:n.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:a}})(n.listItemContext,o);return i.leaf?n.defaultListItem(i,{itemDepth:i.depth+1}):t.jsx(m.ListGroupHeader,{ariaDescribedBy:E.current,itemKey:i.metadata.key,itemIndex:i.index,itemDepth:i.depth,isFocused:n.isFocused,isFocusRingVisible:n.isFocusRingVisible,isActive:n.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==s?C:s.expanded,onToggle:l,children:e(i)},i.metadata.key)},onPersistCurrentItem:A,...p,...w,children:t=>e(t)}),l&&t.jsxs(n.Fragment,{children:[t.jsx(x.LiveRegion,{children:j}),t.jsx("span",{id:E.current,children:t.jsx(c.HiddenAccessible,{children:K.expandableList_expandCollapseInstructionText()})})]})]})}}));
 //# sourceMappingURL=ExpandableList-d7b3d65c.js.map

package/amd/Expander-683df228.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './EmbeddedIconButton-c3cb14c0', './ChevronDown-1db436e3', './ChevronRight-b94441e3', './classNames-08d99695'], (function(e,n,s,t,o,a){"use strict";const c="oj-collection-expander";e.Expander=function({itemKey:e,expanded:i,onToggle:l}){const r=a.classNames([c]);return n.jsx("span",{class:r,children:n.jsx(s.EmbeddedIconButton,{"aria-label":i?"collapsible":"expandable",onAction:()=>{l({value:e})},children:i?n.jsx(t.SvgChevronDown,{size:"6x"}):n.jsx(o.SvgChevronRight,{size:"6x"})})})},e.ITEM_SELECTOR=c,e.isExpander=e=>!(!e.parentElement||!e.parentElement.classList.contains(c))}));
+define(['exports', 'preact/jsx-runtime', './EmbeddedIconButton-d1472ac1', './ChevronDown-1db436e3', './ChevronRight-b94441e3', './classNames-08d99695'], (function(e,n,s,t,o,a){"use strict";const c="oj-collection-expander";e.Expander=function({itemKey:e,expanded:i,onToggle:d}){const l=a.classNames([c]);return n.jsx("span",{class:l,children:n.jsx(s.EmbeddedIconButton,{"aria-label":i?"collapsible":"expandable",onAction:()=>{d({value:e})},children:i?n.jsx(t.SvgChevronDown,{size:"6x"}):n.jsx(o.SvgChevronRight,{size:"6x"})})})},e.ITEM_SELECTOR=c,e.isExpander=e=>!(!e.parentElement||!e.parentElement.classList.contains(c))}));
 //# sourceMappingURL=Expander-683df228.js.map

package/amd/FilePicker-9e24c421.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './mergeProps-bcfa6a92', './classNames-08d99695', './useTranslationBundle-db326955', './size-114c63df', './stringUtils-4ffd9d59', './filePickerUtils-e4392bf2', './clientHints-6d361eaa', './usePress-949a0d03', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTestId-6160e7a2', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme'], (function(e,t,r,s,a,i,n,l,o,d,c,u,p,f,y,h,m){"use strict";const v=({ariaLabel:e,isDisabled:t,translations:r,primaryText:s,secondaryText:a,selectionMode:i})=>e||`${t?"":r.filePicker_addFiles()+". "}${T(s,r)}. ${g(a,r,i)}`,b=(e,t)=>({width:e?i.sizeToCSS(e):void 0,height:t?i.sizeToCSS(t):void 0}),T=(e,t)=>e||t.filePicker_dropzonePrimaryText(),g=(e,t,r)=>{const s="multiple"===r?t.filePicker_dropzoneSecondaryTextMultiple():t.filePicker_dropzoneSecondaryText();return e||s},x=(e,t,r)=>{const s=[],a=[];let i,n;if(e)for(let l=0;l<e.length;l++){i=e[l];const o=i.name;if(n=r.filePicker_unknownFileTypeUploadError(),o){const e=o.split(".");n=e.length>1?"."+e.pop():n}n=i.type?i.type:n,-1===s.indexOf(n)&&-1===a.indexOf(n)&&(k(i,t)?s.push(n):a.push(n))}return{accepted:s,rejected:a}},P=e=>{const t={length:{value:e.length},item:{value(e){return this[e]}}};for(let r=0;r<e.length;r++)t[r]={value:e[r],enumerable:!0};return Object.create(FileList.prototype,t)},D=(e,t)=>"single"!==t||1===e.length,S=(e,t)=>{const r=[];return 1===e.length?r.push({severity:"error",summary:t.filePicker_singleTypeUploadError({fileType:e[0]})}):r.push({severity:"error",summary:t.filePicker_multipleFileTypeUploadError({fileTypes:e.join(t.plural_separator())})}),r},k=(e,t)=>{const r=t;if(!r||0===r.length||!e)return!0;let s;for(let t=0;t<r.length;t++){if(s=n.f(r[t]),!s)return!0;if(s.startsWith(".",0)){if(!e.name||e.name&&e.name.toLowerCase().endsWith(s.toLowerCase()))return!0}else{if(!e.type)return!1;if("image/*"===s){if(e.type.startsWith("image/",0))return!0}else if("video/*"===s){if(e.type.startsWith("video/",0))return!0}else if("audio/*"===s){if(e.type.startsWith("audio/",0))return!0}else if(e.type===s)return!0}}return!1},j=(e,t,r)=>{let s;const a=t?new Promise((e=>{s=e})):null;return r?.({messages:e,until:a}),s},H=(e,t)=>{const r=P(e);t?.({files:r})},M=(e,t,r)=>{const{callback:s,validation:a}=w(e),{pressProps:i}=d.usePress(s);return{validation:a,dragAndDropProps:C(e.accept,e.selectionMode,j,H,t,e.translations,e.onCommit,e.onReject,r),pressProps:i}},w=e=>{const t=t=>{if(t.length>0){const r=x(t,e.accept,e.translations).rejected;r.length>0?j(S(r,e.translations),!1,e.onReject):H(t,e.onCommit)}};return{callback:r=>{("click"===r.type||"keyup"===r.type&&"Enter"===r.code)&&(r.preventDefault(),l.pickFiles(t,{accept:e.accept,selectionMode:e.selectionMode??"multiple",capture:e.capture??"none"}))},validation:t}},C=(e,t,r,s,a,i,n,l,d)=>{const u=c.useRef(!1),p=c.useRef(!1),f=c.useRef(),y=(e,t=!1)=>{u.current&&(e.preventDefault(),e.stopPropagation(),a.current?.contains(e.relatedTarget)||(u.current=!1,d?.("NA"),p.current||t||f.current?.()))};return{onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragOver:s=>{if(s.preventDefault(),s.stopPropagation(),u.current)return;const a=o.getClientHints().browser;if(u.current=!0,p.current=!0,"safari"!==a){if(!s.dataTransfer)return;const a=P(s.dataTransfer.items);let n=[];const o=D(a,t),c=x(a,e,i);o&&0===c.rejected.length?d?.("valid"):(p.current=!1,o?n=S(c.rejected,i):n.push({severity:"error",summary:i.filePicker_singleFileUploadError()}),d?.("invalid"),f.current=r(n,!0,l))}else d?.("valid")},onDragLeave:y,onDrop:a=>{if(u.current){if(a.preventDefault(),a.stopPropagation(),!a.dataTransfer)return void(u.current=!1);const o=P(a.dataTransfer.files);let d=!1;if(p.current){let a=[];if(D(o,t)){const t=x(o,e,i);t.rejected.length>0&&(a=S(t.rejected,i),d=!0)}else a.push({severity:"error",summary:i.filePicker_singleFileUploadError()});a.length>0&&(p.current=!1,r(a,!1,l)),p.current&&s(o,n)}y(a,d)}}}},F=({isDisabled:e,primaryText:r,secondaryText:s,translations:a,selectionMode:i})=>{const{styles:{disabledPrimaryTextStyle:n,primaryTextStyle:l,disabledSecondaryTextStyle:o,secondaryTextStyle:d}}=y.useComponentTheme(m.FilePickerRedwoodTheme);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:e?n:l,children:T(r,a)}),t.jsx("div",{class:e?o:d,children:g(s,a,i)})]})};const R=e=>{const a=f.useTestId(e.testId),{interactionProps:i,applyActiveStyle:n,applyHoverStyle:l,applyPseudoHoverStyle:o}=h.useInteractionStyle({isDisabled:!1}),{classes:d,styles:{maxWidth:u,inner:T,activeStyle:g,innerNeedsEventsHoverStyle:x,innerPseudoHoverStyle:P,invalidDrop:D,validDrop:S}}=y.useComponentTheme(m.FilePickerRedwoodTheme,{hoveredState:l?"isHover":void 0,pseudoHoveredState:o?"isPseudoHover":void 0}),k=[n?g:"",l?x:"",o?P:""],[j,H]=c.useState("NA"),w="valid"===j?S:"invalid"===j?D:void 0,C=c.useRef(null),{validation:R,dragAndDropProps:I,pressProps:_}=M(e,C,H),L=r.mergeProps(_,i);E(I,R,e.testHandlersRef||null);const N=s.classNames([d,void 0===e.width&&u]),{isTabbable:U}=p.useTabbableMode(),{primaryText:W,secondaryText:A,translations:z,selectionMode:O,width:$,height:B}=e;return t.jsx("div",{...a,...L,class:N,tabIndex:U?0:-1,role:"button","aria-label":v({ariaLabel:e["aria-label"],isDisabled:!1,translations:z,primaryText:W,secondaryText:A,selectionMode:O}),ref:C,style:b($,B),children:t.jsx("div",{class:s.classNames([T,w,...k]),...I,children:t.jsx(F,{...e,isDisabled:!1})})})},I=({children:e,primaryText:r,secondaryText:a,translations:i,width:n,height:l,testId:o,...d})=>{const c=f.useTestId(o),{classes:u,styles:{maxWidth:p,inner:h,noChildrenMargin:T}}=y.useComponentTheme(m.FilePickerRedwoodTheme,{disabledState:"isDisabled"});return t.jsx("div",{class:s.classNames([u,h,T,void 0===n&&p]),role:"button","aria-label":v({ariaLabel:d["aria-label"],isDisabled:!0,translations:i,primaryText:r,secondaryText:a}),"aria-hidden":"true",...c,style:b(n,l),children:e||t.jsx(F,{secondaryText:a,primaryText:r,...d,isDisabled:!0,translations:i})})},_=e=>{const a=f.useTestId(e.testId),{interactionProps:i,applyHoverStyle:n,applyPseudoHoverStyle:l}=h.useInteractionStyle({isDisabled:!1}),{classes:o,styles:{maxWidth:d,noChildrenMargin:u}}=y.useComponentTheme(m.FilePickerRedwoodTheme,{hoveredState:n?"isHover":void 0,pseudoHoveredState:l?"isPseudoHover":void 0}),T=c.useRef(null),{validation:g,dragAndDropProps:x,pressProps:P}=M(e,T),D=r.mergeProps(P,x,i);E(x,g,e.testHandlersRef||null);const S=s.classNames([o,u,void 0===e.width&&d]),{translations:k,selectionMode:j}=e,{isTabbable:H}=p.useTabbableMode();return t.jsx("div",{class:s.classNames([S]),tabIndex:H?void 0:-1,role:"button","aria-label":v({ariaLabel:e["aria-label"],isDisabled:!1,translations:k,selectionMode:j}),ref:T,style:b(e.width,e.height),...a,...D,children:e.children})},E=(e,t,r)=>{c.useImperativeHandle(r,(()=>({onDragEnter:e.onDragEnter,onDragOver:e.onDragOver,onDrop:e.onDrop,onDragLeave:e.onDragLeave,onClickSelected:t})))};e.FilePicker=function({capture:e="none",isDisabled:r=!1,selectionMode:s="multiple",children:i,...n}){const l=n.__testHandlerSymbol,o={capture:e,selectionMode:s,translations:a.useTranslationBundle("@oracle/oraclejet-preact"),...n};return r?t.jsx(I,{...o,children:i}):i?t.jsx(_,{testHandlersRef:l,...o,children:i}):t.jsx(R,{testHandlersRef:l,...o})}}));
+define(['exports', 'preact/jsx-runtime', './mergeProps-bcfa6a92', './classNames-08d99695', './useTranslationBundle-e4dd341e', './size-114c63df', './stringUtils-4ffd9d59', './filePickerUtils-e4392bf2', './clientHints-6d361eaa', './usePress-949a0d03', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTestId-f4240cbd', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme'], (function(e,t,r,s,i,a,n,l,o,d,c,u,p,f,y,h,m){"use strict";const v=({ariaLabel:e,isDisabled:t,translations:r,primaryText:s,secondaryText:i,selectionMode:a})=>e||`${t?"":r.filePicker_addFiles()+". "}${T(s,r)}. ${g(i,r,a)}`,b=(e,t)=>({width:e?a.sizeToCSS(e):void 0,height:t?a.sizeToCSS(t):void 0}),T=(e,t)=>e||t.filePicker_dropzonePrimaryText(),g=(e,t,r)=>{const s="multiple"===r?t.filePicker_dropzoneSecondaryTextMultiple():t.filePicker_dropzoneSecondaryText();return e||s},x=(e,t,r)=>{const s=[],i=[];let a,n;if(e)for(let l=0;l<e.length;l++){a=e[l];const o=a.name;if(n=r.filePicker_unknownFileTypeUploadError(),o){const e=o.split(".");n=e.length>1?"."+e.pop():n}n=a.type?a.type:n,-1===s.indexOf(n)&&-1===i.indexOf(n)&&(k(a,t)?s.push(n):i.push(n))}return{accepted:s,rejected:i}},P=e=>{const t={length:{value:e.length},item:{value(e){return this[e]}}};for(let r=0;r<e.length;r++)t[r]={value:e[r],enumerable:!0};return Object.create(FileList.prototype,t)},D=(e,t)=>"single"!==t||1===e.length,S=(e,t)=>{const r=[];return 1===e.length?r.push({severity:"error",summary:t.filePicker_singleTypeUploadError({fileType:e[0]})}):r.push({severity:"error",summary:t.filePicker_multipleFileTypeUploadError({fileTypes:e.join(t.plural_separator())})}),r},k=(e,t)=>{const r=t;if(!r||0===r.length||!e)return!0;let s;for(let t=0;t<r.length;t++){if(s=n.f(r[t]),!s)return!0;if(s.startsWith(".",0)){if(!e.name||e.name&&e.name.toLowerCase().endsWith(s.toLowerCase()))return!0}else{if(!e.type)return!1;if("image/*"===s){if(e.type.startsWith("image/",0))return!0}else if("video/*"===s){if(e.type.startsWith("video/",0))return!0}else if("audio/*"===s){if(e.type.startsWith("audio/",0))return!0}else if(e.type===s)return!0}}return!1},j=(e,t,r)=>{let s;const i=t?new Promise((e=>{s=e})):null;return r?.({messages:e,until:i}),s},H=(e,t)=>{const r=P(e);t?.({files:r})},M=(e,t,r)=>{const{callback:s,validation:i}=w(e),{pressProps:a}=d.usePress(s);return{validation:i,dragAndDropProps:C(e.accept,e.selectionMode,j,H,t,e.translations,e.onCommit,e.onReject,r),pressProps:a}},w=e=>{const t=t=>{if(t.length>0){const r=x(t,e.accept,e.translations).rejected;r.length>0?j(S(r,e.translations),!1,e.onReject):H(t,e.onCommit)}};return{callback:r=>{("click"===r.type||"keyup"===r.type&&"Enter"===r.code)&&(r.preventDefault(),l.pickFiles(t,{accept:e.accept,selectionMode:e.selectionMode??"multiple",capture:e.capture??"none"}))},validation:t}},C=(e,t,r,s,i,a,n,l,d)=>{const u=c.useRef(!1),p=c.useRef(!1),f=c.useRef(),y=(e,t=!1)=>{u.current&&(e.preventDefault(),e.stopPropagation(),i.current?.contains(e.relatedTarget)||(u.current=!1,d?.("NA"),p.current||t||f.current?.()))};return{onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragOver:s=>{if(s.preventDefault(),s.stopPropagation(),u.current)return;const i=o.getClientHints().browser;if(u.current=!0,p.current=!0,"safari"!==i){if(!s.dataTransfer)return;const i=P(s.dataTransfer.items);let n=[];const o=D(i,t),c=x(i,e,a);o&&0===c.rejected.length?d?.("valid"):(p.current=!1,o?n=S(c.rejected,a):n.push({severity:"error",summary:a.filePicker_singleFileUploadError()}),d?.("invalid"),f.current=r(n,!0,l))}else d?.("valid")},onDragLeave:y,onDrop:i=>{if(u.current){if(i.preventDefault(),i.stopPropagation(),!i.dataTransfer)return void(u.current=!1);const o=P(i.dataTransfer.files);let d=!1;if(p.current){let i=[];if(D(o,t)){const t=x(o,e,a);t.rejected.length>0&&(i=S(t.rejected,a),d=!0)}else i.push({severity:"error",summary:a.filePicker_singleFileUploadError()});i.length>0&&(p.current=!1,r(i,!1,l)),p.current&&s(o,n)}y(i,d)}}}},F=({isDisabled:e,primaryText:r,secondaryText:s,translations:i,selectionMode:a})=>{const{styles:{disabledPrimaryTextStyle:n,primaryTextStyle:l,disabledSecondaryTextStyle:o,secondaryTextStyle:d}}=y.useComponentTheme(m.FilePickerRedwoodTheme);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:e?n:l,children:T(r,i)}),t.jsx("div",{class:e?o:d,children:g(s,i,a)})]})};const R=e=>{const i=f.useTestId(e.testId),{interactionProps:a,applyActiveStyle:n,applyHoverStyle:l,applyPseudoHoverStyle:o}=h.useInteractionStyle({isDisabled:!1}),{classes:d,styles:{maxWidth:u,inner:T,activeStyle:g,innerNeedsEventsHoverStyle:x,innerPseudoHoverStyle:P,invalidDrop:D,validDrop:S}}=y.useComponentTheme(m.FilePickerRedwoodTheme,{hoveredState:l?"isHover":void 0,pseudoHoveredState:o?"isPseudoHover":void 0}),k=[n?g:"",l?x:"",o?P:""],[j,H]=c.useState("NA"),w="valid"===j?S:"invalid"===j?D:void 0,C=c.useRef(null),{validation:R,dragAndDropProps:I,pressProps:_}=M(e,C,H),L=r.mergeProps(_,a);E(I,R,e.testHandlersRef||null);const N=s.classNames([d,void 0===e.width&&u]),{isTabbable:U}=p.useTabbableMode(),{primaryText:W,secondaryText:A,translations:z,selectionMode:O,width:$,height:B}=e;return t.jsx("div",{...i,...L,class:N,tabIndex:U?0:-1,role:"button","aria-label":v({ariaLabel:e["aria-label"],isDisabled:!1,translations:z,primaryText:W,secondaryText:A,selectionMode:O}),ref:C,style:b($,B),children:t.jsx("div",{class:s.classNames([T,w,...k]),...I,children:t.jsx(F,{...e,isDisabled:!1})})})},I=({children:e,primaryText:r,secondaryText:i,translations:a,width:n,height:l,testId:o,...d})=>{const c=f.useTestId(o),{classes:u,styles:{maxWidth:p,inner:h,noChildrenMargin:T}}=y.useComponentTheme(m.FilePickerRedwoodTheme,{disabledState:"isDisabled"});return t.jsx("div",{class:s.classNames([u,h,T,void 0===n&&p]),role:"button","aria-label":v({ariaLabel:d["aria-label"],isDisabled:!0,translations:a,primaryText:r,secondaryText:i}),"aria-hidden":"true",...c,style:b(n,l),children:e||t.jsx(F,{secondaryText:i,primaryText:r,...d,isDisabled:!0,translations:a})})},_=e=>{const i=f.useTestId(e.testId),{interactionProps:a,applyHoverStyle:n,applyPseudoHoverStyle:l}=h.useInteractionStyle({isDisabled:!1}),{classes:o,styles:{maxWidth:d,noChildrenMargin:u}}=y.useComponentTheme(m.FilePickerRedwoodTheme,{hoveredState:n?"isHover":void 0,pseudoHoveredState:l?"isPseudoHover":void 0}),T=c.useRef(null),{validation:g,dragAndDropProps:x,pressProps:P}=M(e,T),D=r.mergeProps(P,x,a);E(x,g,e.testHandlersRef||null);const S=s.classNames([o,u,void 0===e.width&&d]),{translations:k,selectionMode:j}=e,{isTabbable:H}=p.useTabbableMode();return t.jsx("div",{class:s.classNames([S]),tabIndex:H?void 0:-1,role:"button","aria-label":v({ariaLabel:e["aria-label"],isDisabled:!1,translations:k,selectionMode:j}),ref:T,style:b(e.width,e.height),...i,...D,children:e.children})},E=(e,t,r)=>{c.useImperativeHandle(r,(()=>({onDragEnter:e.onDragEnter,onDragOver:e.onDragOver,onDrop:e.onDrop,onDragLeave:e.onDragLeave,onClickSelected:t})))};e.FilePicker=function({capture:e="none",isDisabled:r=!1,selectionMode:s="multiple",children:a,...n}){const l=n.__testHandlerSymbol,o={capture:e,selectionMode:s,translations:i.useTranslationBundle("@oracle/oraclejet-preact"),...n};return r?t.jsx(I,{...o,children:a}):a?t.jsx(_,{testHandlersRef:l,...o,children:a}):t.jsx(R,{testHandlersRef:l,...o})}}));
 //# sourceMappingURL=FilePicker-9e24c421.js.map

package/amd/FlatTreeView-5de96ffd.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-3951928f', './LoadMoreCollection-895f1ed5', './classNames-08d99695', './TabbableModeContext-a9c97640', './useId-c9578d26', './View-215ec211', './UNSAFE_FlatTreeView/themes/TreeViewStyles.css', './UNSAFE_FlatTreeView/themes/TreeViewContract.css', './Expander-683df228', './Flex-71f83c12', './Skeleton-3e52c94a', './useHover-8b8a1496', './clientHints-6d361eaa', './UNSAFE_FlatTreeView/themes/redwood/TreeViewTheme.css', './useSelection-48cb7bdf', './useAdditiveSelection-4c04d01c', './ReorderableContext-6d10a1b7', './keys-4755c121', './LayerHost-1a734852', 'preact/compat', './useExpandCollapse-d8799966', './useComponentTheme-5aa41a8f', './useUser-e0677e8d', './useNavigation-8d7dae30', './Selector-a1e32cb9', './LiveRegion-1553833d', './HiddenAccessible-037ef42d', './useTranslationBundle-db326955'], (function(e,t,n,a,r,l,i,s,o,d,c,u,x,m,y,g,p,v,b,f,h,j,k,S,w,C,T,K,A,F,E,V){"use strict";function I({children:e,indentation:a=0}){const[r,l]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]),r&&e?t.jsx("div",{role:"presentation",children:t.jsx(d.View,{paddingInlineStart:a,children:[...Array(1)].map(((t,n)=>e(n)))})}):null}function M({indentation:e=0,isLeaf:n=!1}){return t.jsx(d.View,{paddingInlineStart:P(e,!n||void 0),children:t.jsx(d.View,{padding:[0,"4px"],children:t.jsxs(m.Flex,{height:"9x",align:"center",gap:"2x",children:[!n&&t.jsx(y.Skeleton,{width:"6x",height:"6x",borderRadius:"4px"}),t.jsx(y.Skeleton,{height:"5x",borderRadius:"4px"})]})})})}function N(){return t.jsxs(t.Fragment,{children:[t.jsx(M,{}),t.jsx(M,{indentation:1}),t.jsx(M,{indentation:2,isLeaf:!0})]})}function L({itemKey:e,depth:a,context:r,children:l,isExpanded:u,onToggle:y,selected:p,isSelectable:v,isCheckboxless:b,isTabbable:f,isLoading:h,isFocusRingVisible:j}){const k=n.useRef(null),S=P(a,u),w=P(a+1,u),{isHover:C,hoverProps:T}=g.useHover(),K=i.classNames([c.styles.treeItemStyles.base,j&&c.styles.treeItemStyles.focused,!0===p&&c.styles.treeItemStyles.selected,!0===p&&b&&c.styles.treeItemStyles.checkboxlessSelected,v&&!p&&C&&c.styles.treeItemStyles.hovered]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:k,id:o.useId(),tabIndex:R()?-1:void 0,"data-oj-key":e,"data-oj-tree-item":"",class:K,role:"treeitem","aria-level":a+1,"aria-selected":p?"true":"false",...void 0!==u&&{"aria-expanded":u},..."number"==typeof e&&{"data-oj-key-type":"number"},...T,children:t.jsxs(t.Fragment,{children:[!0===p&&C&&t.jsx("div",{class:c.styles.selectedHoveredOverlay}),t.jsx(s.TabbableModeContext.Provider,{value:{isTabbable:f},children:t.jsx(d.View,{paddingInlineStart:S,children:t.jsxs(m.Flex,{align:"center",children:[void 0!==u&&t.jsx(x.Expander,{itemKey:e,expanded:u,onToggle:y}),l(r)]})})})]})}),h?t.jsx(I,{indentation:w,children:()=>t.jsx(N,{})}):null]})}const R=()=>{const{platform:e}=p.getClientHints();return"ios"===e||"android"===e},P=(e,t)=>{const n=void 0===t?"40px":"0px";return`calc(${Math.max(0,e)} * ${u.treeViewVars.indentWidth} + ${n})`};function H({children:e,minimumCount:a=1,onSkeletonVisible:r}){const[l,s]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{s(!0),r?.()}),50)}),[r]);const o=i.classNames([c.styles.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(a)].map(((t,n)=>e(n)))}):null}function U({data:e,children:n,selectionMode:a,onToggle:r=()=>{},viewportConfig:i,hasMore:s=!1,onLoadMore:o=()=>{},loadMoreIndicator:d=D,updateContext:c}){return t.jsx(t.Fragment,{children:null===e?null:t.jsx(l.LoadMoreCollection,{data:e,viewportConfig:i,hasMore:s,onLoadMore:o,loadMoreIndicator:d,children:e=>{const l=e.data.metadata.key,i={index:e.index,data:e.data.data,metadata:{key:l}};c&&c(i);const s=e.data.metadata.expanded;return t.jsx(L,{itemKey:i.metadata.key,context:i,depth:e.data.metadata.treeDepth,isExpanded:"ongoing"===s||s,onToggle:r,isSelectable:"none"!==a,isCheckboxless:"single"===a,selected:e.data.metadata.selected,isLoading:"ongoing"===s,isTabbable:!1,isFocusRingVisible:e.data.metadata.hasFocus,children:n},i.metadata.key)}})})}const D=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(H,{minimumCount:1,children:()=>t.jsx(N,{})})}),_="[data-oj-tree-item]";const B=(e,t,n,a)=>{if(e&&null!==t){const r=Array.from(e.querySelectorAll(a)),l=r.findIndex((e=>e.dataset.ojKey==t));for(let e=l;e>=0;e--){const t=r[e].getAttribute("aria-level");if(null!==t&&Number(t)==n-1)return r[e]}}return null};const O=e=>t.jsx(H,{minimumCount:8,onSkeletonVisible:e,children:()=>t.jsx(N,{})}),$=e=>e.id,q=(e,t)=>{const n=t.map((e=>e.metadata.key)),a=n.indexOf(e.value.start),r=n.indexOf(e.value.end),l=Math.min(a,r),i=Math.max(a,r);return-1===l?{offset:0,count:-1}:n.slice(l,i+1)};e.FlatTreeView=function({"aria-label":e,"aria-labelledby":l,"aria-describedby":i,data:s,selectionMode:d="none",selectedKeys:c={all:!1,keys:new Set},onSelectionChange:u,onToggle:x,viewportConfig:m,...y}){const g=n.useRef(null),[p,h]=n.useState(),{collection_loading:k,collection_loaded:S}=V.useTranslationBundle("@oracle/oraclejet-preact"),I=o.useId(),M=n.useCallback((e=>{if(g.current){const t=r.findElementByKey(g.current,e,_);return"true"===t?.getAttribute("aria-expanded")}return!1}),[]),{treeNavigationProps:N,currentKey:L,showFocusRing:P}=function(e,t,l,i){const{direction:s}=T.useUser(),o={ArrowUp:e=>r.getPrevNextKey(t.current,e,!0,_),ArrowDown:e=>r.getPrevNextKey(t.current,e,!1,_)},{navigationProps:d,currentKey:c,onCurrentKeyChange:u,showFocusRing:x}=K.useNavigation(e,t,i,_,o,void 0,void 0,void 0,void 0,!0,!1,!0,!1),m=n.useCallback((e=>"tree"===e.getAttribute("role")?void 0===c?null:c:r.keyExtractor(e,_)),[c,r.keyExtractor]),y=n.useCallback((e=>{if("ArrowLeft"===e.key||"ArrowRight"===e.key){const n="rtl"===s,a="ArrowLeft"===e.key&&!n,i=m(e.target);if(i){const e=l(i);if(a&&!e&&t.current){const e=r.findElementByKey(t.current,i,_);if(e){const n=e.getAttribute("aria-level"),a=null!==n&&B(t.current,i,Number(n),_),r=a&&m(a);j.isKeyDefined(r)&&u?.({value:r})}}else if(!a&&e){const e=r.getPrevNextKey(t.current,i,!1,_)();j.isKeyDefined(e)&&u?.({value:e})}}}}),[s,l,u,m]);return{treeNavigationProps:a.mergeProps(d,{onKeyUp:y}),currentKey:c,showFocusRing:x}}(s,g,M,$),H=n.useMemo((()=>s?.map((e=>{const t=e.metadata.key,n={...e};return n.metadata.selected=j.containsKey(c,t),n.metadata.hasFocus=L===t&&P,n}))||[]),[s,c,L,P]),D=w.useExpandCollapse((e=>"tree"===e.getAttribute("role")?void 0===L?null:L:r.keyExtractor(e,_)),M,x,!0),z=n.useRef(),W=n.useCallback((e=>{u&&(!1===e.value.all&&e.value.keys.size>0&&(z.current=Array.from(e.value.keys.values()).pop()),u(e))}),[z,u]),Y=n.useCallback((e=>{if(s&&u){const t=q(e,s);if(Array.isArray(t))if("shiftSpace"===e.eventType?z.current=e.value.start:z.current=e.value.end,"multipleToggle"===d){const e=j.addKeys(c,t);u({value:e,target:null})}else u({value:{all:!1,keys:new Set(t)},target:null})}}),[s,c,u]),{selectionProps:G}=b.useSelection((e=>e===g.current?void 0===L?null:L:r.keyExtractor(e,_)),c,"multipleToggle"===d?"none":d,!1,"replace",W,z.current,L,((e,t)=>r.getPrevNextKey(g.current,e,t,_)),void 0,(e=>{if(g.current){const t=r.findElementByKey(g.current,e,_);t&&t.scrollIntoView({block:"nearest"})}}),Y),{eventProps:J}=f.useAdditiveSelection((e=>e===g.current?void 0===L?null:L:r.keyExtractor(e,_)),c,"multipleToggle"===d?"multiple":"none",!1,(e=>s?s.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>{if(s){return s.map((e=>e.metadata.key)).slice(e,t)}return[]}),((e,t)=>r.getPrevNextKey(g.current,e,t,_)),L,W,Y),Q=n.useCallback((e=>{"multiple"!==d&&"multipleToggle"!==d||u&&(e.metaKey||e.ctrlKey)&&"a"===e.key&&(e.preventDefault(),u({value:{all:!0,deletedKeys:new Set},target:e.target}))}),[u,d]),{classes:X}=C.useComponentTheme(v.TreeViewRedwoodTheme);m=r.getViewportConfig(g,m);const Z=n.useCallback((e=>{const n=e.metadata.key;e.selector="none"===d||"single"===d?void 0:e=>t.jsx("div",{"aria-hidden":!R()||void 0,children:t.jsx(A.Selector,{"aria-label":R()?e:void 0,rowKey:n,selectedKeys:c,onChange:u})})}),[d,c,u]),ee=n.useCallback((()=>{h(k())}),[k]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":e,"aria-labelledby":l,"aria-describedby":null==s?i?[...new Set(i.split(/\s+/).concat(I))].join(" "):I:i,ref:g,role:"tree","aria-multiselectable":"multiple"===d,tabIndex:0,class:X,...a.mergeProps(N,G,J,D,{onKeyDown:Q}),children:null==s?O(ee):t.jsx(U,{data:H,selectionMode:d,onToggle:x,viewportConfig:m,updateContext:Z,...y})}),t.jsx(E.HiddenAccessible,{id:I,children:k()}),t.jsx(F.LiveRegion,{children:null==s?p:p===k()?S():""})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-3951928f', './LoadMoreCollection-895f1ed5', './classNames-08d99695', './TabbableModeContext-a9c97640', './useId-c9578d26', './View-35699bb2', './UNSAFE_FlatTreeView/themes/TreeViewStyles.css', './UNSAFE_FlatTreeView/themes/TreeViewContract.css', './Expander-683df228', './Flex-4b81b412', './Skeleton-3e52c94a', './useHover-8b8a1496', './clientHints-6d361eaa', './UNSAFE_FlatTreeView/themes/redwood/TreeViewTheme.css', './useSelection-aecb6b23', './useAdditiveSelection-4c04d01c', './ReorderableContext-6d10a1b7', './keys-4755c121', './LayerHost-0b288129', 'preact/compat', './useExpandCollapse-41860b2a', './useComponentTheme-5aa41a8f', './useUser-08901aba', './useNavigation-8d7dae30', './Selector-a1e32cb9', './LiveRegion-dbefb95b', './HiddenAccessible-037ef42d', './useTranslationBundle-e4dd341e'], (function(e,t,n,a,r,l,i,s,o,d,c,u,x,m,y,g,b,p,v,h,f,j,k,S,w,C,T,K,A,F,E,V){"use strict";function I({children:e,indentation:a=0}){const[r,l]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]),r&&e?t.jsx("div",{role:"presentation",children:t.jsx(d.View,{paddingInlineStart:a,children:[...Array(1)].map(((t,n)=>e(n)))})}):null}function M({indentation:e=0,isLeaf:n=!1}){return t.jsx(d.View,{paddingInlineStart:P(e,!n||void 0),children:t.jsx(d.View,{padding:[0,"4px"],children:t.jsxs(m.Flex,{height:"9x",align:"center",gap:"2x",children:[!n&&t.jsx(y.Skeleton,{width:"6x",height:"6x",borderRadius:"4px"}),t.jsx(y.Skeleton,{height:"5x",borderRadius:"4px"})]})})})}function N(){return t.jsxs(t.Fragment,{children:[t.jsx(M,{}),t.jsx(M,{indentation:1}),t.jsx(M,{indentation:2,isLeaf:!0})]})}function L({itemKey:e,depth:a,context:r,children:l,isExpanded:u,onToggle:y,selected:b,isSelectable:p,isCheckboxless:v,isTabbable:h,isLoading:f,isFocusRingVisible:j}){const k=n.useRef(null),S=P(a,u),w=P(a+1,u),{isHover:C,hoverProps:T}=g.useHover(),K=i.classNames([c.styles.treeItemStyles.base,j&&c.styles.treeItemStyles.focused,!0===b&&c.styles.treeItemStyles.selected,!0===b&&v&&c.styles.treeItemStyles.checkboxlessSelected,p&&!b&&C&&c.styles.treeItemStyles.hovered]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:k,id:o.useId(),tabIndex:R()?-1:void 0,"data-oj-key":e,"data-oj-tree-item":"",class:K,role:"treeitem","aria-level":a+1,"aria-selected":b?"true":"false",...void 0!==u&&{"aria-expanded":u},..."number"==typeof e&&{"data-oj-key-type":"number"},...T,children:t.jsxs(t.Fragment,{children:[!0===b&&C&&t.jsx("div",{class:c.styles.selectedHoveredOverlay}),t.jsx(s.TabbableModeContext.Provider,{value:{isTabbable:h},children:t.jsx(d.View,{paddingInlineStart:S,children:t.jsxs(m.Flex,{align:"center",children:[void 0!==u&&t.jsx(x.Expander,{itemKey:e,expanded:u,onToggle:y}),l(r)]})})})]})}),f?t.jsx(I,{indentation:w,children:()=>t.jsx(N,{})}):null]})}const R=()=>{const{platform:e}=b.getClientHints();return"ios"===e||"android"===e},P=(e,t)=>{const n=void 0===t?"40px":"0px";return`calc(${Math.max(0,e)} * ${u.treeViewVars.indentWidth} + ${n})`};function H({children:e,minimumCount:a=1,onSkeletonVisible:r}){const[l,s]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{s(!0),r?.()}),50)}),[r]);const o=i.classNames([c.styles.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(a)].map(((t,n)=>e(n)))}):null}function U({data:e,children:n,selectionMode:a,onToggle:r=()=>{},viewportConfig:i,hasMore:s=!1,onLoadMore:o=()=>{},loadMoreIndicator:d=D,updateContext:c}){return t.jsx(t.Fragment,{children:null===e?null:t.jsx(l.LoadMoreCollection,{data:e,viewportConfig:i,hasMore:s,onLoadMore:o,loadMoreIndicator:d,children:e=>{const l=e.data.metadata.key,i={index:e.index,data:e.data.data,metadata:{key:l}};c&&c(i);const s=e.data.metadata.expanded;return t.jsx(L,{itemKey:i.metadata.key,context:i,depth:e.data.metadata.treeDepth,isExpanded:"ongoing"===s||s,onToggle:r,isSelectable:"none"!==a,isCheckboxless:"single"===a,selected:e.data.metadata.selected,isLoading:"ongoing"===s,isTabbable:!1,isFocusRingVisible:e.data.metadata.hasFocus,children:n},i.metadata.key)}})})}const D=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(H,{minimumCount:1,children:()=>t.jsx(N,{})})}),_="[data-oj-tree-item]";const B=(e,t,n,a)=>{if(e&&null!==t){const r=Array.from(e.querySelectorAll(a)),l=r.findIndex((e=>e.dataset.ojKey==t));for(let e=l;e>=0;e--){const t=r[e].getAttribute("aria-level");if(null!==t&&Number(t)==n-1)return r[e]}}return null};const O=e=>t.jsx(H,{minimumCount:8,onSkeletonVisible:e,children:()=>t.jsx(N,{})}),$=e=>e.id,q=(e,t)=>{const n=t.map((e=>e.metadata.key)),a=n.indexOf(e.value.start),r=n.indexOf(e.value.end),l=Math.min(a,r),i=Math.max(a,r);return-1===l?{offset:0,count:-1}:n.slice(l,i+1)};e.FlatTreeView=function({"aria-label":e,"aria-labelledby":l,"aria-describedby":i,data:s,selectionMode:d="none",selectedKeys:c={all:!1,keys:new Set},onSelectionChange:u,onToggle:x,viewportConfig:m,...y}){const g=n.useRef(null),[b,f]=n.useState(),{collection_loading:k,collection_loaded:S}=V.useTranslationBundle("@oracle/oraclejet-preact"),I=o.useId(),M=n.useCallback((e=>{if(g.current){const t=r.findElementByKey(g.current,e,_);return"true"===t?.getAttribute("aria-expanded")}return!1}),[]),{treeNavigationProps:N,currentKey:L,showFocusRing:P}=function(e,t,l,i){const{direction:s}=T.useUser(),o={ArrowUp:e=>r.getPrevNextKey(t.current,e,!0,_),ArrowDown:e=>r.getPrevNextKey(t.current,e,!1,_)},{navigationProps:d,currentKey:c,onCurrentKeyChange:u,showFocusRing:x}=K.useNavigation(e,t,i,_,o,void 0,void 0,void 0,void 0,!0,!1,!0,!1),m=n.useCallback((e=>"tree"===e.getAttribute("role")?void 0===c?null:c:r.keyExtractor(e,_)),[c,r.keyExtractor]),y=n.useCallback((e=>{if("ArrowLeft"===e.key||"ArrowRight"===e.key){const n="rtl"===s,a="ArrowLeft"===e.key&&!n,i=m(e.target);if(i){const e=l(i);if(a&&!e&&t.current){const e=r.findElementByKey(t.current,i,_);if(e){const n=e.getAttribute("aria-level"),a=null!==n&&B(t.current,i,Number(n),_),r=a&&m(a);j.isKeyDefined(r)&&u?.({value:r})}}else if(!a&&e){const e=r.getPrevNextKey(t.current,i,!1,_)();j.isKeyDefined(e)&&u?.({value:e})}}}}),[s,l,u,m]);return{treeNavigationProps:a.mergeProps(d,{onKeyUp:y}),currentKey:c,showFocusRing:x}}(s,g,M,$),H=n.useMemo((()=>s?.map((e=>{const t=e.metadata.key,n={...e};return n.metadata.selected=j.containsKey(c,t),n.metadata.hasFocus=L===t&&P,n}))||[]),[s,c,L,P]),D=w.useExpandCollapse((e=>"tree"===e.getAttribute("role")?void 0===L?null:L:r.keyExtractor(e,_)),M,x,!0),z=n.useRef(),W=n.useCallback((e=>{u&&(!1===e.value.all&&e.value.keys.size>0&&(z.current=Array.from(e.value.keys.values()).pop()),u(e))}),[z,u]),Y=n.useCallback((e=>{if(s&&u){const t=q(e,s);if(Array.isArray(t))if("shiftSpace"===e.eventType?z.current=e.value.start:z.current=e.value.end,"multipleToggle"===d){const e=j.addKeys(c,t);u({value:e,target:null})}else u({value:{all:!1,keys:new Set(t)},target:null})}}),[s,c,u]),{selectionProps:G}=v.useSelection((e=>e===g.current?void 0===L?null:L:r.keyExtractor(e,_)),c,"multipleToggle"===d?"none":d,!1,"replace",W,z.current,L,((e,t)=>r.getPrevNextKey(g.current,e,t,_)),void 0,(e=>{if(g.current){const t=r.findElementByKey(g.current,e,_);t&&t.scrollIntoView({block:"nearest"})}}),Y),{eventProps:J}=h.useAdditiveSelection((e=>e===g.current?void 0===L?null:L:r.keyExtractor(e,_)),c,"multipleToggle"===d?"multiple":"none",!1,(e=>s?s.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>{if(s){return s.map((e=>e.metadata.key)).slice(e,t)}return[]}),((e,t)=>r.getPrevNextKey(g.current,e,t,_)),L,W,Y),Q=n.useCallback((e=>{"multiple"!==d&&"multipleToggle"!==d||u&&(e.metaKey||e.ctrlKey)&&"a"===e.key&&(e.preventDefault(),u({value:{all:!0,deletedKeys:new Set},target:e.target}))}),[u,d]),{classes:X}=C.useComponentTheme(p.TreeViewRedwoodTheme);m=r.getViewportConfig(g,m);const Z=n.useCallback((e=>{const n=e.metadata.key;e.selector="none"===d||"single"===d?void 0:e=>t.jsx("div",{"aria-hidden":!R()||void 0,children:t.jsx(A.Selector,{"aria-label":R()?e:void 0,rowKey:n,selectedKeys:c,onChange:u})})}),[d,c,u]),ee=n.useCallback((()=>{f(k())}),[k]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":e,"aria-labelledby":l,"aria-describedby":null==s?i?[...new Set(i.split(/\s+/).concat(I))].join(" "):I:i,ref:g,role:"tree","aria-multiselectable":"multiple"===d,tabIndex:0,class:X,...a.mergeProps(N,G,J,D,{onKeyDown:Q}),children:null==s?O(ee):t.jsx(U,{data:H,selectionMode:d,onToggle:x,viewportConfig:m,updateContext:Z,...y})}),t.jsx(E.HiddenAccessible,{id:I,children:k()}),t.jsx(F.LiveRegion,{children:null==s?b:b===k()?S():""})]})}}));
 //# sourceMappingURL=FlatTreeView-5de96ffd.js.map

package/amd/Flex-4b81b412.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTestId-f4240cbd', './classNames-08d99695', './boxalignment-8d80de7e', './dimensions-95c0c920', './flexbox-8521f6aa', './flexitem-5db48325', './mergeInterpolations-9ede4cf7', 'css!./FlexStyles.styles.css'], (function(e,s,t,l,n,a,o,i,r,c){"use strict";var d="FlexStyles_marginZeroStyles__10p93f61";const x=[...Object.values(a.dimensionInterpolations),...Object.values(o.flexboxInterpolations),...Object.values(i.flexitemInterpolations),...Object.values(n.boxAlignmentInterpolations)],m=r.mergeInterpolations(x);e.Flex=({children:e,hasZeroMargins:n=!0,testId:a,...o})=>{const i=l.classNames(["FlexStyles_baseStyles__10p93f60",n&&d]),{class:r,...c}=m(o),x=t.useTestId(a);return s.jsx("div",{class:`${i} ${r}`,style:c,...x,children:e})},e.marginZeroStyles=d}));
+//# sourceMappingURL=Flex-4b81b412.js.map

package/amd/{Flex-71f83c12.js.map → Flex-4b81b412.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Flex-71f83c12.js","sources":["../../src/UNSAFE_Flex/Flex.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 */\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","children","hasZeroMargins","testId","props","flexComponentClasses","classNames","marginZeroStyles","class","cls","styles","testIdProps","useTestId","_jsx","style"],"mappings":"yUAgCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,4BACdH,OAAOC,OAAOG,6BACdJ,OAAOC,OAAOI,+BAGbC,EAAsBC,EAAAA,oBAA2BR,UAEnC,EAAGS,WAAUC,kBAAiB,EAAMC,YAAWC,MACjE,MAAMC,EAAuBC,EAAAA,WAAW,mCAAaJ,GAAkBK,KAC/DC,MAAOC,KAAQC,GAAWX,EAAoBK,GAChDO,EAAcC,YAAUT,GAC9B,OACEU,EAAAA,IAAK,MAAA,CAAAL,MAAO,GAAGH,KAAwBI,IAAOK,MAAOJ,KAAYC,WAC9DV,GAEH"}
+{"version":3,"file":"Flex-4b81b412.js","sources":["../../src/UNSAFE_Flex/Flex.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 */\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","children","hasZeroMargins","testId","props","flexComponentClasses","classNames","marginZeroStyles","class","cls","styles","testIdProps","useTestId","_jsx","style"],"mappings":"yUAgCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,4BACdH,OAAOC,OAAOG,6BACdJ,OAAOC,OAAOI,+BAGbC,EAAsBC,EAAAA,oBAA2BR,UAEnC,EAAGS,WAAUC,kBAAiB,EAAMC,YAAWC,MACjE,MAAMC,EAAuBC,EAAAA,WAAW,mCAAaJ,GAAkBK,KAC/DC,MAAOC,KAAQC,GAAWX,EAAoBK,GAChDO,EAAcC,YAAUT,GAC9B,OACEU,EAAAA,IAAK,MAAA,CAAAL,MAAO,GAAGH,KAAwBI,IAAOK,MAAOJ,KAAYC,WAC9DV,GAEH"}

package/amd/{Floating-08c98ebd.js → Floating-9d6ab071.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './useFloating-0bdf9133', './refUtils-77e97004', './useOutsideClick-ace4f686', './useUser-e0677e8d', './useComponentTheme-5aa41a8f', './classNames-08d99695', './utils-9a3f9606', './themeContract.css-b6ec3943', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461'], (function(t,e,n,i,s,o,r,a,l,c,u,f,d,m,g,h,x){"use strict";const p=i.forwardRef((({data:t,anchorRef:i,tail:s,isRtl:r,backgroundColor:a},m)=>{const{styles:g,baseTheme:h}=l.useComponentTheme(d.FloatingRedwoodTheme),x=n.useRef(null),[p,b]=n.useState({arrowStyle:{visibility:"hidden"},arrowInnerStyle:{visibility:"hidden"}});n.useLayoutEffect((()=>{if(null==x.current)return;const{isCornerVerticalPlacement:e,isCornerHorizontalPlacement:n}=function(t,e,n){if("simple"===e&&n&&n.arrow){const{centerOffset:e}=n.arrow,i=7;let s=0,o=0;const r=t.current,a=void 0===r?.x&&void 0===r?.y;a&&(s=Math.round(r.getBoundingClientRect().height),o=Math.round(t.current?.getBoundingClientRect().width));return{isCornerVerticalPlacement:a?Math.abs(e)>=s/2-i/2:["start-top-corner","start-bottom-corner","end-top-corner","end-bottom-corner"].includes(n.origPlacement),isCornerHorizontalPlacement:a?Math.abs(e)>=o/2-i/2:["top-start-corner","top-end-corner","bottom-start-corner","bottom-end-corner"].includes(n.origPlacement)}}return{isCornerVerticalPlacement:!1,isCornerHorizontalPlacement:!1}}(i,s,t);b(function(t,e,n,i,s,o){const r={visibility:"visible"},a={visibility:"visible"};if("simple"===t&&s&&s.arrow){const{x:l,y:c,centerOffset:d}=s.arrow,m=7,g=6,h=5,x=5,p=0===d,b=d>0;function y(t){const e=t?g:m;w({borderTop:`${R(e)} solid ${u.rgba(f.colorSchemeVars.palette.neutral[90],.1)}`,borderRight:S(e),borderLeft:S(e)},r);const n=t?x:h;C({borderTop:`${R(n)} solid ${o}`,borderRight:`${S(n)}`,borderLeft:`${S(n)}`},a)}function w(t,e){Object.assign(e,t)}function C(t,e){Object.assign(e,t)}function A(t){return`rotate(${45*t}deg)`}function R(t){return`${t}px`}function S(t){return`${R(t)} solid transparent`}y(n||i);switch(s.placement.split("-")[0]){case"top":v();break;case"end":e?E():j();break;case"bottom":k();break;case"start":e?j():E()}function v(){null!=l&&(i?(w({top:"",bottom:R(2-m),left:R(l+(b?5:-5)),transform:A(b?5:3)},r),F()):(w({top:"",bottom:R(-m),left:R(p?l:l+(b?1:-1)),transform:A(0)},r),M()))}function j(){null!=c&&(n?(w({top:R(c+(b?2:-2)),right:"",left:R(-m-1),transform:A(b?7:5)},r),F()):(w({top:R(p?c:c+(b?-2:2)),right:"",left:R(1.5*-m),transform:A(2)},r),M()))}function k(){null!=l&&(i?(w({top:R(3-m),bottom:"",left:R(l+(b?4:-4)),transform:A(b?2:6)},r),C({top:R(-h),left:R((b?1:-1)-h)},a)):(w({top:R(-m),bottom:"",left:R(p?l:l+(b?1:-1)),transform:A(4)},r),M()))}function E(){null!=c&&(n?(w({top:R(c+(b?2:-2)),right:R(-m-1),left:"",transform:A(b?1:3)},r),C({top:R(-h),left:R((b?-2:2)-h)},a)):(w({top:R(p?c:c+(b?-2:2)),right:R(1.5*-m),left:"",transform:A(6)},r),M()))}function F(){C({top:R(-h),left:R((b?2:-2)-h)},a)}function M(){C({top:R(-h-2),left:R(-h)},a)}}return{arrowStyle:r,arrowInnerStyle:a}}(s,r,e,n,t,a))}),[t,a,t?.placement,t?.x,t?.y,t?.offset,t?.arrow,s,r,i]);const y=n.useMemo((()=>o.mergeRefs(m,x)),[m,x]);return"simple"===s&&e.jsxs("div",{ref:y,class:c.classNames([h,g.floatingTailBaseStyle]),style:p.arrowStyle,children:[" ",e.jsx("div",{class:c.classNames([g.floatingTailBaseStyle]),style:p.arrowInnerStyle})," "]})}));const b=i.forwardRef((({children:t,backgroundColor:i,onClickOutside:u,placement:f="bottom",anchorRef:b,offsetValue:y,class:w,tail:C="none",flipOptions:A={mainAxis:!0,crossAxis:!1},shiftOptions:R={mainAxis:!0,crossAxis:!1},sizeOptions:S={isMaxHeightAdjusted:!1,isMaxWidthAdjusted:!1},boundaryOptions:v={padding:0},onPosition:j,strategy:k},E)=>{const F=n.useRef(null),[M,O]=n.useState(),P=x.useUnsafeDomElementRef(b),[T,$]=n.useState(null),{styles:H,baseTheme:U}=l.useComponentTheme(d.FloatingRedwoodTheme);n.useLayoutEffect((()=>{$(P.current)}),[P]),P.current!==T&&$(P.current);const{direction:V}=a.useUser(),B="rtl"===V,N=n.useCallback((t=>{O(t),j?.(t)}),[j]),W=[s.offset(y),s.flip({mainAxis:A.mainAxis,crossAxis:A.crossAxis,fallbackPlacements:A.fallbackPlacements?.map((t=>s.logicalSide(t,V))),padding:v.padding}),s.shift({mainAxis:R.mainAxis,crossAxis:R.crossAxis,limiter:s.limitShift({mainAxis:R.mainAxis,crossAxis:R.crossAxis})}),...F.current?[s.arrow({element:F.current})]:[]];(S.isMaxHeightAdjusted||S.isMaxWidthAdjusted)&&W.push(s.size({apply({availableWidth:t,availableHeight:e,elements:n}){S.isMaxHeightAdjusted&&parseInt(n.floating.style.maxHeight)!==e&&Object.assign(n.floating.style,{maxHeight:`${Math.min(e,S.maxHeightCeiling||e)}px`}),S.isMaxWidthAdjusted&&parseInt(n.floating.style.maxWidth)!==t&&Object.assign(n.floating.style,{maxWidth:`${Math.min(t,S.maxWidthCeiling||t)}px`})},padding:v.padding}));const{x:I,y:z,reference:L,floating:D,refs:_,update:q}=s.useFloating({placement:f,middleware:W,onPosition:N,strategy:k}),[G,J]=n.useState(!1);n.useEffect((()=>{if(_.reference.current&&_.floating.current&&!0===G)return s.autoUpdate(_.reference.current,_.floating.current,q)}),[_.floating,_.reference,q,G]),n.useEffect((()=>{null!=I&&null!=z&&J(!0)}),[I,z]),r.useOutsideClick({isDisabled:!1,ref:_.floating,handler:u}),n.useLayoutEffect((()=>{if(T instanceof Element){return void L(T)}const t=T;if(null!=t&&null!=t.contextElement){const e=function(t,e){let n=null,i=null,s=!1;return{contextElement:t||void 0,getBoundingClientRect(){const o=t?.getBoundingClientRect()||{width:0,height:0,x:0,y:0},r="x"===e.axis||"both"===e.axis,a="y"===e.axis||"both"===e.axis;let l=o.width,c=o.height,u=o.x,f=o.y;return null==n&&e.x&&r&&(n=o.x-e.x),null==i&&e.y&&a&&(i=o.y-e.y),u-=n||0,f-=i||0,l=0,c=0,s?s&&(c="x"===e.axis?o.height:c,l="y"===e.axis?o.width:l):(l="y"===e.axis?o.width:0,c="x"===e.axis?o.height:0,u=r&&null!=e.x?e.x:u,f=a&&null!=e.y?e.y:f),s=!0,{width:l,height:c,x:u,y:f,top:f,right:u+l,bottom:f+c,left:u}}}}(t.contextElement,{axis:"both",x:t.x,y:t.y});return void L(e)}const e={getBoundingClientRect:()=>({width:0,height:0,x:t.x,y:t.y,top:t.y,left:t.x,right:t.x,bottom:t.y})};t&&null!=t.x&&L(e)}),[T,L]);const K=n.useMemo((()=>o.mergeRefs(E,D)),[E,D]),Q={top:z,left:I};let X={};i&&(X=g.assignInlineVars({[h.floatingVars.backgroundColor]:i}));const Y=null==I&&null==z?m.floatingVisibilityStyles.hidden:m.floatingVisibilityStyles.visible,Z=c.classNames([w,U,H.baseStyle,Y]),tt=b&&b.current;return e.jsxs("div",{class:Z,ref:K,style:{...Q,...X},children:[t,tt&&e.jsx(p,{ref:F,backgroundColor:i,data:M,anchorRef:P,tail:C,isRtl:B})]})}));t.Floating=b}));
-//# sourceMappingURL=Floating-08c98ebd.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './useFloating-5cb85d2b', './refUtils-77e97004', './useOutsideClick-b9b661a4', './useUser-08901aba', './useComponentTheme-5aa41a8f', './classNames-08d99695', './utils-9a3f9606', './themeContract.css-b6ec3943', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461'], (function(t,e,n,i,s,o,r,a,l,c,u,f,d,m,g,h,x){"use strict";const b=i.forwardRef((({data:t,anchorRef:i,tail:s,isRtl:r,backgroundColor:a},m)=>{const{styles:g,baseTheme:h}=l.useComponentTheme(d.FloatingRedwoodTheme),x=n.useRef(null),[b,p]=n.useState({arrowStyle:{visibility:"hidden"},arrowInnerStyle:{visibility:"hidden"}});n.useLayoutEffect((()=>{if(null==x.current)return;const{isCornerVerticalPlacement:e,isCornerHorizontalPlacement:n}=function(t,e,n){if("simple"===e&&n&&n.arrow){const{centerOffset:e}=n.arrow,i=7;let s=0,o=0;const r=t.current,a=void 0===r?.x&&void 0===r?.y;a&&(s=Math.round(r.getBoundingClientRect().height),o=Math.round(t.current?.getBoundingClientRect().width));return{isCornerVerticalPlacement:a?Math.abs(e)>=s/2-i/2:["start-top-corner","start-bottom-corner","end-top-corner","end-bottom-corner"].includes(n.origPlacement),isCornerHorizontalPlacement:a?Math.abs(e)>=o/2-i/2:["top-start-corner","top-end-corner","bottom-start-corner","bottom-end-corner"].includes(n.origPlacement)}}return{isCornerVerticalPlacement:!1,isCornerHorizontalPlacement:!1}}(i,s,t);p(function(t,e,n,i,s,o){const r={visibility:"visible"},a={visibility:"visible"};if("simple"===t&&s&&s.arrow){const{x:l,y:c,centerOffset:d}=s.arrow,m=7,g=6,h=5,x=5,b=0===d,p=d>0;function y(t){const e=t?g:m;w({borderTop:`${R(e)} solid ${u.rgba(f.colorSchemeVars.palette.neutral[90],.1)}`,borderRight:S(e),borderLeft:S(e)},r);const n=t?x:h;C({borderTop:`${R(n)} solid ${o}`,borderRight:`${S(n)}`,borderLeft:`${S(n)}`},a)}function w(t,e){Object.assign(e,t)}function C(t,e){Object.assign(e,t)}function A(t){return`rotate(${45*t}deg)`}function R(t){return`${t}px`}function S(t){return`${R(t)} solid transparent`}y(n||i);switch(s.placement.split("-")[0]){case"top":v();break;case"end":e?E():j();break;case"bottom":k();break;case"start":e?j():E()}function v(){null!=l&&(i?(w({top:"",bottom:R(2-m),left:R(l+(p?5:-5)),transform:A(p?5:3)},r),F()):(w({top:"",bottom:R(-m),left:R(b?l:l+(p?1:-1)),transform:A(0)},r),M()))}function j(){null!=c&&(n?(w({top:R(c+(p?2:-2)),right:"",left:R(-m-1),transform:A(p?7:5)},r),F()):(w({top:R(b?c:c+(p?-2:2)),right:"",left:R(1.5*-m),transform:A(2)},r),M()))}function k(){null!=l&&(i?(w({top:R(3-m),bottom:"",left:R(l+(p?4:-4)),transform:A(p?2:6)},r),C({top:R(-h),left:R((p?1:-1)-h)},a)):(w({top:R(-m),bottom:"",left:R(b?l:l+(p?1:-1)),transform:A(4)},r),M()))}function E(){null!=c&&(n?(w({top:R(c+(p?2:-2)),right:R(-m-1),left:"",transform:A(p?1:3)},r),C({top:R(-h),left:R((p?-2:2)-h)},a)):(w({top:R(b?c:c+(p?-2:2)),right:R(1.5*-m),left:"",transform:A(6)},r),M()))}function F(){C({top:R(-h),left:R((p?2:-2)-h)},a)}function M(){C({top:R(-h-2),left:R(-h)},a)}}return{arrowStyle:r,arrowInnerStyle:a}}(s,r,e,n,t,a))}),[t,a,t?.placement,t?.x,t?.y,t?.offset,t?.arrow,s,r,i]);const y=n.useMemo((()=>o.mergeRefs(m,x)),[m,x]);return"simple"===s&&e.jsxs("div",{ref:y,class:c.classNames([h,g.floatingTailBaseStyle]),style:b.arrowStyle,children:[" ",e.jsx("div",{class:c.classNames([g.floatingTailBaseStyle]),style:b.arrowInnerStyle})," "]})}));const p=i.forwardRef((({children:t,backgroundColor:i,onClickOutside:u,placement:f="bottom",anchorRef:p,offsetValue:y,class:w,tail:C="none",flipOptions:A={mainAxis:!0,crossAxis:!1},shiftOptions:R={mainAxis:!0,crossAxis:!1},sizeOptions:S={isMaxHeightAdjusted:!1,isMaxWidthAdjusted:!1},boundaryOptions:v={padding:0},onPosition:j,strategy:k},E)=>{const F=n.useRef(null),[M,O]=n.useState(),P=x.useUnsafeDomElementRef(p),[T,$]=n.useState(null),{styles:H,baseTheme:U}=l.useComponentTheme(d.FloatingRedwoodTheme);n.useLayoutEffect((()=>{$(P.current)}),[P]),P.current!==T&&$(P.current);const{direction:V}=a.useUser(),B="rtl"===V,N=n.useCallback((t=>{O(t),j?.(t)}),[j]),W=[s.offset(y),s.flip({mainAxis:A.mainAxis,crossAxis:A.crossAxis,fallbackPlacements:A.fallbackPlacements?.map((t=>s.logicalSide(t,V))),padding:v.padding}),s.shift({mainAxis:R.mainAxis,crossAxis:R.crossAxis,limiter:s.limitShift({mainAxis:R.mainAxis,crossAxis:R.crossAxis})}),...F.current?[s.arrow({element:F.current})]:[]];(S.isMaxHeightAdjusted||S.isMaxWidthAdjusted)&&W.push(s.size({apply({availableWidth:t,availableHeight:e,elements:n}){S.isMaxHeightAdjusted&&parseInt(n.floating.style.maxHeight)!==e&&Object.assign(n.floating.style,{maxHeight:`${Math.min(e,S.maxHeightCeiling||e)}px`}),S.isMaxWidthAdjusted&&parseInt(n.floating.style.maxWidth)!==t&&Object.assign(n.floating.style,{maxWidth:`${Math.min(t,S.maxWidthCeiling||t)}px`})},padding:v.padding}));const{x:I,y:z,reference:L,floating:D,refs:_,update:q}=s.useFloating({placement:f,middleware:W,onPosition:N,strategy:k}),[G,J]=n.useState(!1);n.useEffect((()=>{if(_.reference.current&&_.floating.current&&!0===G)return s.autoUpdate(_.reference.current,_.floating.current,q)}),[_.floating,_.reference,q,G]),n.useEffect((()=>{null!=I&&null!=z&&J(!0)}),[I,z]),r.useOutsideClick({isDisabled:!1,ref:_.floating,handler:u}),n.useLayoutEffect((()=>{if(T instanceof Element){return void L(T)}const t=T;if(null!=t&&null!=t.contextElement){const e=function(t,e){let n=null,i=null,s=!1;return{contextElement:t||void 0,getBoundingClientRect(){const o=t?.getBoundingClientRect()||{width:0,height:0,x:0,y:0},r="x"===e.axis||"both"===e.axis,a="y"===e.axis||"both"===e.axis;let l=o.width,c=o.height,u=o.x,f=o.y;return null==n&&e.x&&r&&(n=o.x-e.x),null==i&&e.y&&a&&(i=o.y-e.y),u-=n||0,f-=i||0,l=0,c=0,s?s&&(c="x"===e.axis?o.height:c,l="y"===e.axis?o.width:l):(l="y"===e.axis?o.width:0,c="x"===e.axis?o.height:0,u=r&&null!=e.x?e.x:u,f=a&&null!=e.y?e.y:f),s=!0,{width:l,height:c,x:u,y:f,top:f,right:u+l,bottom:f+c,left:u}}}}(t.contextElement,{axis:"both",x:t.x,y:t.y});return void L(e)}const e={getBoundingClientRect:()=>({width:0,height:0,x:t.x,y:t.y,top:t.y,left:t.x,right:t.x,bottom:t.y})};t&&null!=t.x&&L(e)}),[T,L]);const K=n.useMemo((()=>o.mergeRefs(E,D)),[E,D]),Q={top:z,left:I};let X={};i&&(X=g.assignInlineVars({[h.floatingVars.backgroundColor]:i}));const Y=null==I&&null==z?m.floatingVisibilityStyles.hidden:m.floatingVisibilityStyles.visible,Z=c.classNames([w,U,H.baseStyle,Y]),tt=p&&p.current;return e.jsxs("div",{class:Z,ref:K,style:{...Q,...X},children:[t,tt&&e.jsx(b,{ref:F,backgroundColor:i,data:M,anchorRef:P,tail:C,isRtl:B})]})}));t.Floating=p}));
+//# sourceMappingURL=Floating-9d6ab071.js.map