@oracle/oraclejet-preact 18.0.12 → 18.0.13

package/amd/Popup-d51bf3f4.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-1ec5ec2a', './tabbableUtils-85aa6918', './refUtils-d354a169', './FocusTrap-60520575', './Layer-447c68e6', 'preact/compat', './LayerHost-e95c5f30', './Modal-d6b2e905', './WindowOverlay-a2d80d55', './usePopupAnimation-f679a4b0', './useTestId-3a316499', './useOutsideClick-f99b7a84', './useComponentTheme-5aa41a8f', './UNSAFE_Popup/themes/PopupContract.css', './stringUtils-0ae982c2', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7'], (function(e,n,t,s,o,r,a,i,c,l,u,d,p,m,f,b,h,y,A,g,x,E){"use strict";const O=c.forwardRef((({anchorRef:e,launcherRef:c,children:l,isOpen:O=!1,modality:v="modeless",offset:F={mainAxis:0,crossAxis:0},flipOptions:P={mainAxis:!0,crossAxis:!0},shiftOptions:C={mainAxis:!1,crossAxis:!1},onClickOutside:T,onClose:k,initialFocus:R="auto",placement:j=(e?"top":"center"),tail:w="none",onTransitionEnd:I,onFocusSet:L,role:N=("modeless"===v?"tooltip":"dialog"),"aria-label":S,"aria-labelledby":U,"aria-describedby":D,testId:M,...V},W)=>{const K=t.useRef(null),[_,H]=t.useState(),q=t.useRef(null),z=m.useTestId(M);f.useOutsideClick({isDisabled:!(O&&q.current),ref:q,handler:e=>{T?.(e)}});const B=t.useCallback((e=>{K.current===o.getActiveElement()&&"F6"===e.code&&"modeless"===v&&(e.preventDefault(),e.stopPropagation(),o.focusWithin(q.current),L?.())}),[v]),{setAnimationElementRef:G,status:J,onPosition:Q}=p.usePopupAnimation({isOpen:O,isAnimatedOnMount:!0,onTransitionEnd:e=>{e?(Z(),I?.(!0)):("modal"===v&&setTimeout((()=>Y()),0),I?.(!1))},placement:j}),X=t.useMemo((()=>r.mergeRefs(q,W)),[q,W]),Y=t.useCallback((()=>{const n=K.current,t=e?.current;n?o.focusOn(n):t&&t instanceof Element&&o.focusOn(t)}),[K,e]);t.useEffect((()=>{O||"opening"!==J||"modal"===v||q.current?.contains(o.getActiveElement())&&Y()}),[O,J,Y,v]),t.useEffect((()=>(O&&(c?.current&&c.current instanceof Element?K.current=document.body.contains(c.current)?c.current:o.getActiveElement():K.current=o.getActiveElement(),K.current?.addEventListener("keydown",B)),()=>{K.current?.removeEventListener("keydown",B)})),[O,c,B]);const Z=()=>{let e=R;"auto"===R&&(e="modal"===v?"firstFocusable":"none"),"popup"===e&&(o.focusOn(q.current),L?.(),I?.(!1)),"firstFocusable"===e&&(o.focusWithin(q.current),L?.())},$={mainAxis:(e=>{let n=0;return e&&(n="number"==typeof e?e:e.mainAxis||0,"simple"===w&&(n+=5)),n})(F),crossAxis:(e=>e?"number"==typeof e?0:e.crossAxis||0:0)(F)},ee=e=>{const n=o.getActiveElement(),t=q.current,s=K.current;if(t===n||t?.contains(n))switch(e.code){case"Escape":k?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),s&&"modeless"===v&&o.focusOn(s)}};t.useLayoutEffect((()=>{if("unmounted"===J||null==q.current||null!=_||"none"===w)return;const e=y.getVarName(h.popupVars.backgroundColor),n=getComputedStyle(q.current);H(n.getPropertyValue(e))}),[J,q,_,w]);const{baseTheme:ne,classes:te}=b.useComponentTheme(g.PopupRedwoodTheme),se="unmounted"!==J,oe=[...Object.values(x.dimensionInterpolations)],re=E.mergeInterpolations(oe),{...ae}=re(V),ie=()=>n.jsx("div",{ref:X,tabIndex:-1,role:N,className:A.classNames([ne,te]),style:ae,onKeyDown:ee,"aria-label":S,"aria-labelledby":U,"aria-describedby":D,...z,children:n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:l})}),ce=()=>e&&e.current?n.jsx(s.Floating,{ref:G,backgroundColor:_,anchorRef:e,placement:j,offsetValue:$,flipOptions:P,shiftOptions:C,tail:w,onPosition:Q,children:ie()}):n.jsx(d.WindowOverlay,{placement:j,offset:$,children:n.jsx("div",{ref:G,children:ie()})});return se?"modal"===v?n.jsx(u.Modal,{isOpen:se,children:ce()}):n.jsx(i.Layer,{children:ce()}):null}));e.Popup=O}));
-//# sourceMappingURL=Popup-d51bf3f4.js.map

package/amd/Popup-d51bf3f4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup-d51bf3f4.js","sources":["../../src/UNSAFE_Popup/Popup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useEffect, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { Floating, Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_Floating';\nimport {\n  FocusableElement,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePopupAnimation } from './usePopupAnimation';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { popupVars } from './themes/PopupContract.css';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { Property } from 'csstype';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from './themes/redwood/PopupTheme';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type PopupPlacement = Placement | WindowOverlayPlacement;\nexport type OnCloseDetail = {\n  reason: 'escapeKey';\n};\nexport type InitialFocus = 'auto' | 'none' | 'popup' | 'firstFocusable';\nexport type Tail = 'none' | 'simple';\nexport type Modality = 'modal' | 'modeless';\n\ntype Props = IntrinsicProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     * Specifies whether the Popup is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies Popup's anchor. Popup is placed relatively to its anchor.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n    /**\n     * Specifies Popup's launcher. After Popup closes, it returns focus to the launcher.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n    /**\n     * Specifies placement of the Popup relative to the anchor.\n     */\n    placement?: PopupPlacement;\n    /**\n     * Specifies displacement of the Popup from the anchor element placement along the specified axes.\n     * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties\n     * are applied depends on the current value of the position property.\n     *\n     * The <code>mainAxis</code> property represents the distance between the Popup and the anchor.\n     * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.\n     */\n    offset?: Offset;\n    /**\n     * Specifies modality of the Popup.\n     */\n    modality?: Modality;\n    /**\n     * Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.\n     *\n     * The flipOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    flipOptions?: FlipOptions;\n    /**\n     * Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.\n     * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.\n     *\n     * The shiftOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    shiftOptions?: ShiftOptions;\n    /**\n     * Specifies if the Popup sets focus to its content when initially open.\n     * A value of none prevents the popup from setting focus when open.\n     *\n     * <code>auto</code> in modeless mode resolves to none.\n     * <code>none</code> prevents the popup from setting focus when open.\n     * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).\n     * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.\n     */\n    initialFocus?: InitialFocus;\n    /**\n     * Specifies callback triggered when a user clicks outside Popup.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n    /**\n     * Specifies callback triggered when a user tries to close a Popup through UI interaction.\n     * The parent should listen to this event and close the Popup. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered when initial focus is set or when Popup receives it via F6 key.\n     */\n    onFocusSet?: () => void;\n    /**\n     * Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.\n     */\n    tail?: Tail;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Specifies the ARIA role type. Depending on how the popup is used in the page, the page developer should choose from the following:\n     * <code>tooltip</code> defines contextual popup that displays a description for an element. This is added automatically if not already specified.\n     * <code>dialog</code> defines an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response.\n     * <code>alertdialog</code> defines type of dialog that contains an alert message, where initial focus goes to an element within the dialog.\n     */\n    role?: HTMLAttributesSignalExcluded['role'];\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  };\n\n/**\n * A popup temporarily 'pops up' content in the foreground.\n */\nexport const Popup = forwardRef(\n  (\n    {\n      anchorRef,\n      launcherRef,\n      children,\n      isOpen = false,\n      modality = 'modeless',\n      offset = { mainAxis: 0, crossAxis: 0 },\n      flipOptions = { mainAxis: true, crossAxis: true },\n      shiftOptions = { mainAxis: false, crossAxis: false },\n      onClickOutside,\n      onClose,\n      initialFocus = 'auto',\n      placement = anchorRef ? 'top' : 'center',\n      tail = 'none',\n      onTransitionEnd,\n      onFocusSet,\n      role = modality === 'modeless' ? 'tooltip' : 'dialog',\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    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const [popupBgColor, setPopupBgColor] = useState<Property.BackgroundColor>();\n\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload\n    // The reason is that we allow outsideClick/autodismiss in modeless mode and\n    // we need to detect outsideClick which is\n    useOutsideClick({\n      isDisabled: !(isOpen && contentWrapperRef.current),\n      ref: contentWrapperRef,\n      handler: (event) => {\n        onClickOutside?.(event);\n      }\n    });\n\n    const launcherKeyDownCallback = useCallback(\n      (event: KeyboardEvent): void => {\n        if (\n          localLauncherRef.current === getActiveElement() &&\n          event.code === 'F6' &&\n          modality === 'modeless'\n        ) {\n          // Prevent default F6 handlers.\n          // F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n\n          focusWithin(contentWrapperRef.current as HTMLElement);\n          onFocusSet?.();\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [modality]\n    );\n\n    const _onTransitionEnd = (isOpen: boolean) => {\n      if (isOpen) {\n        setInitialFocus();\n        onTransitionEnd?.(true);\n      } else {\n        // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone\n        if (modality === 'modal') {\n          setTimeout(() => returnFocus(), 0);\n        }\n        onTransitionEnd?.(false);\n      }\n    };\n\n    // Animation\n    const { setAnimationElementRef, status, onPosition } = usePopupAnimation({\n      isOpen,\n      isAnimatedOnMount: true,\n      onTransitionEnd: _onTransitionEnd,\n      placement: placement\n    });\n    const stableRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n    const returnFocus = useCallback((): void => {\n      // Try to return focus to 1.launcher or 2.anchor\n      const launcherEl = localLauncherRef.current;\n      const anchorEl = anchorRef?.current;\n\n      if (launcherEl) {\n        focusOn(launcherEl);\n        // Checking instanceof to avoid Coords type that can not be focused\n      } else if (anchorEl && anchorEl instanceof Element) {\n        focusOn(anchorEl as FocusableElement);\n      }\n    }, [localLauncherRef, anchorRef]);\n\n    useEffect(() => {\n      // Init closing\n      // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone\n      if (!isOpen && status === 'opening' && modality !== 'modal') {\n        // Only actively return focus to the launcher or anchor if the popup contained focus.\n        // Otherwise, focus is already elsewhere on the page and should not be forced back\n        // because that could reopen the popup again, which essentially prevents the user from\n        // moving focus out of the launcher.\n        if (contentWrapperRef.current?.contains(getActiveElement())) {\n          returnFocus();\n        }\n      }\n    }, [isOpen, status, returnFocus, modality]);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        if (!launcherRef?.current) {\n          // 1. If launcher is not defined, most frequent scenario is,\n          // that element, that has focus before opening a popup is considered launcher\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        } else if (launcherRef.current instanceof Element) {\n          // 2. launcherRef element was provided.\n          // Verify, if it exists in DOM, otherwise use the last active element\n          localLauncherRef.current = document.body.contains(launcherRef.current)\n            ? launcherRef.current\n            : (getActiveElement() as HTMLElement);\n        } else {\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        }\n        // Register F6 key handler to enter the Popup\n        localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n      }\n      return () => {\n        // Deregister F6 key handler\n        localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n      };\n    }, [isOpen, launcherRef, launcherKeyDownCallback]);\n    // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup\n    // If anchorRef is undefined, we use WindowOverlay as anchor\n\n    const setInitialFocus = () => {\n      let derivedInitialFocus = initialFocus;\n      if (initialFocus === 'auto') {\n        if (modality === 'modal') {\n          // modal mode - set focus to first focusable\n          derivedInitialFocus = 'firstFocusable';\n        } else {\n          // modeless mode - do not steal focus by default\n          derivedInitialFocus = 'none';\n        }\n      }\n\n      // Case: 'popup'\n      // Focus on Popup container\n      if (derivedInitialFocus === 'popup') {\n        focusOn(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n        onTransitionEnd?.(false);\n      }\n\n      // Case: 'firstFocusable'\n      // Focus on first tabbable in the Popup container or container itself if there is none\n      if (derivedInitialFocus === 'firstFocusable') {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    };\n\n    const getMainAxisOffset = (offset?: Offset) => {\n      let calcOffset = 0;\n      if (offset) {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'mainAxis' does not exist on type 'OffsetFunction'.\n        calcOffset = typeof offset === 'number' ? offset : offset.mainAxis || 0;\n        if (tail === 'simple') {\n          calcOffset += 5;\n        }\n      }\n      return calcOffset;\n    };\n\n    const getCrossAxisOffset = (offset?: Offset) => {\n      if (!offset) {\n        return 0;\n      } else {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'crossAxis' does not exist on type 'OffsetFunction'.\n        return typeof offset === 'number' ? 0 : offset.crossAxis || 0;\n      }\n    };\n\n    const finalOffset = {\n      mainAxis: getMainAxisOffset(offset),\n      crossAxis: getCrossAxisOffset(offset)\n    };\n\n    const handlePopupKeyDown = (event: KeyboardEvent) => {\n      const currentlyFocusedEl = getActiveElement();\n      const wrapperEl = contentWrapperRef.current;\n      const launcherEl = localLauncherRef.current;\n      if (wrapperEl === currentlyFocusedEl || wrapperEl?.contains(currentlyFocusedEl)) {\n        switch (event.code) {\n          case 'Escape': {\n            // Trigger onClose event with outside click detail\n            onClose?.({ reason: 'escapeKey' });\n            break;\n          }\n          case '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 launcher\n            if (launcherEl && modality === 'modeless') {\n              focusOn(launcherEl);\n            }\n            break;\n        }\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        status === 'unmounted' ||\n        contentWrapperRef.current == null ||\n        popupBgColor != null ||\n        tail === 'none'\n      )\n        return;\n\n      const backgroundColorVar = getVarName(popupVars.backgroundColor);\n      const computedStyle = getComputedStyle(contentWrapperRef.current!);\n      setPopupBgColor(computedStyle.getPropertyValue(backgroundColorVar));\n    }, [status, contentWrapperRef, popupBgColor, tail]);\n\n    // Styles\n    const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);\n    const isMounted = status !== 'unmounted';\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const renderPopup = () => {\n      return (\n        <div\n          ref={stableRef}\n          tabIndex={-1}\n          role={role}\n          className={classNames([baseTheme, classes])}\n          style={styles}\n          onKeyDown={handlePopupKeyDown}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          {...testIdProps}>\n          {/*Setting restoreFocusRef to false because otherwise FocusTrap is stealing the focus back when :*/}\n          {/*we click outside of modeless Popup (that keeps being open).*/}\n          <FocusTrap restoreFocusRef={false}>{children}</FocusTrap>\n        </div>\n      );\n    };\n\n    const renderFloatingOrOverlayPopup = () => {\n      if (!anchorRef || !anchorRef.current) {\n        return (\n          <WindowOverlay placement={placement as WindowOverlayPlacement} offset={finalOffset}>\n            <div ref={setAnimationElementRef}>{renderPopup()}</div>\n          </WindowOverlay>\n        );\n      } else {\n        return (\n          <Floating\n            ref={setAnimationElementRef}\n            backgroundColor={popupBgColor}\n            anchorRef={anchorRef}\n            placement={placement as Placement}\n            offsetValue={finalOffset}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            tail={tail}\n            onPosition={onPosition}>\n            {renderPopup()}\n          </Floating>\n        );\n      }\n    };\n\n    if (isMounted) {\n      if (modality === 'modal') {\n        return <Modal isOpen={isMounted}>{renderFloatingOrOverlayPopup()}</Modal>;\n      } else {\n        return <Layer>{renderFloatingOrOverlayPopup()}</Layer>;\n      }\n    } else return null;\n  }\n);\n"],"names":["Popup","forwardRef","anchorRef","launcherRef","children","isOpen","modality","offset","mainAxis","crossAxis","flipOptions","shiftOptions","onClickOutside","onClose","initialFocus","placement","tail","onTransitionEnd","onFocusSet","role","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","localLauncherRef","useRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","testIdProps","useTestId","useOutsideClick","isDisabled","current","handler","event","launcherKeyDownCallback","useCallback","getActiveElement","code","preventDefault","stopPropagation","focusWithin","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","setTimeout","returnFocus","stableRef","useMemo","mergeRefs","launcherEl","anchorEl","focusOn","Element","useEffect","contains","document","body","addEventListener","removeEventListener","derivedInitialFocus","finalOffset","calcOffset","getMainAxisOffset","getCrossAxisOffset","handlePopupKeyDown","currentlyFocusedEl","wrapperEl","reason","useLayoutEffect","backgroundColorVar","getVarName","popupVars","backgroundColor","computedStyle","getComputedStyle","getPropertyValue","baseTheme","classes","useComponentTheme","PopupRedwoodTheme","isMounted","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","styles","renderPopup","_jsx","tabIndex","className","classNames","style","onKeyDown","FocusTrap","restoreFocusRef","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","jsx","Modal","Layer"],"mappings":"knBAkJa,MAAAA,EAAQC,EAAAA,YACnB,EAEIC,YACAC,cACAC,WACAC,UAAS,EACTC,WAAW,WACXC,SAAS,CAAEC,SAAU,EAAGC,UAAW,GACnCC,cAAc,CAAEF,UAAU,EAAMC,WAAW,GAC3CE,eAAe,CAAEH,UAAU,EAAOC,WAAW,GAC7CG,iBACAC,UACAC,eAAe,OACfC,aAAYb,EAAY,MAAQ,UAChCc,OAAO,OACPC,kBACAC,aACAC,QAAoB,aAAbb,EAA0B,UAAY,UAC7C,aAAcc,EACd,kBAAmBC,EACnB,mBAAoBC,EACpBC,YACGC,GAELC,KAEA,MAAMC,EAAmBC,SAA2B,OAC7CC,EAAcC,GAAmBC,EAAQA,WAE1CC,EAAoBJ,SAA8B,MAGlDK,EAAcC,YAAUV,GAK9BW,kBAAgB,CACdC,aAAc9B,GAAU0B,EAAkBK,SAC1CX,IAAKM,EACLM,QAAUC,IACR1B,IAAiB0B,EAAM,IAI3B,MAAMC,EAA0BC,eAC7BF,IAEGZ,EAAiBU,UAAYK,sBACd,OAAfH,EAAMI,MACO,aAAbpC,IAIAgC,EAAMK,iBACNL,EAAMM,kBAENC,cAAYd,EAAkBK,SAC9BlB,MACD,GAGH,CAACZ,KAiBGwC,uBAAEA,EAAsBC,OAAEA,EAAMC,WAAEA,GAAeC,EAAAA,kBAAkB,CACvE5C,SACA6C,mBAAmB,EACnBjC,gBAjBwBZ,IACpBA,GACF8C,IACAlC,KAAkB,KAGD,UAAbX,GACF8C,YAAW,IAAMC,KAAe,GAElCpC,KAAkB,GACnB,EAQDF,UAAWA,IAEPuC,EAAYC,WAAQ,IAAMC,YAAUzB,EAAmBN,IAAM,CAACM,EAAmBN,IAEjF4B,EAAcb,EAAAA,aAAY,KAE9B,MAAMiB,EAAa/B,EAAiBU,QAC9BsB,EAAWxD,GAAWkC,QAExBqB,EACFE,EAAOA,QAACF,GAECC,GAAYA,aAAoBE,SACzCD,EAAOA,QAACD,EACT,GACA,CAAChC,EAAkBxB,IAEtB2D,EAAAA,WAAU,KAGHxD,GAAqB,YAAX0C,GAAqC,UAAbzC,GAKjCyB,EAAkBK,SAAS0B,SAASrB,EAAAA,qBACtCY,GAEH,GACA,CAAChD,EAAQ0C,EAAQM,EAAa/C,IAGjCuD,EAAAA,WAAU,KACJxD,IACGF,GAAaiC,SAIPjC,EAAYiC,mBAAmBwB,QAGxClC,EAAiBU,QAAU2B,SAASC,KAAKF,SAAS3D,EAAYiC,SAC1DjC,EAAYiC,QACXK,EAAAA,mBANLf,EAAiBU,QAAUK,EAAAA,mBAW7Bf,EAAiBU,SAAS6B,iBAAiB,UAAW1B,IAEjD,KAELb,EAAiBU,SAAS8B,oBAAoB,UAAW3B,EAAwB,IAElF,CAAClC,EAAQF,EAAaoC,IAIzB,MAAMY,EAAkB,KACtB,IAAIgB,EAAsBrD,EACL,SAAjBA,IAGAqD,EAFe,UAAb7D,EAEoB,iBAGA,QAME,UAAxB6D,IACFR,UAAQ5B,EAAkBK,SAC1BlB,MACAD,KAAkB,IAKQ,mBAAxBkD,IACFtB,cAAYd,EAAkBK,SAC9BlB,MACD,EA0BGkD,EAAc,CAClB5D,SAxBwB,CAACD,IACzB,IAAI8D,EAAa,EASjB,OARI9D,IAGF8D,EAA+B,iBAAX9D,EAAsBA,EAASA,EAAOC,UAAY,EACzD,WAATQ,IACFqD,GAAc,IAGXA,CAAU,EAcPC,CAAkB/D,GAC5BE,UAZyB,CAACF,GACrBA,EAKsB,iBAAXA,EAAsB,EAAIA,EAAOE,WAAa,EAJrD,EAUE8D,CAAmBhE,IAG1BiE,GAAsBlC,IAC1B,MAAMmC,EAAqBhC,EAAAA,mBACrBiC,EAAY3C,EAAkBK,QAC9BqB,EAAa/B,EAAiBU,QACpC,GAAIsC,IAAcD,GAAsBC,GAAWZ,SAASW,GAC1D,OAAQnC,EAAMI,MACZ,IAAK,SAEH7B,IAAU,CAAE8D,OAAQ,cACpB,MAEF,IAAK,KAGHrC,EAAMK,iBACNL,EAAMM,kBAGFa,GAA2B,aAAbnD,GAChBqD,EAAOA,QAACF,GAIf,EAGHmB,EAAAA,iBAAgB,KACd,GACa,cAAX7B,GAC6B,MAA7BhB,EAAkBK,SACF,MAAhBR,GACS,SAATZ,EAEA,OAEF,MAAM6D,EAAqBC,EAAAA,WAAWC,EAASA,UAACC,iBAC1CC,EAAgBC,iBAAiBnD,EAAkBK,SACzDP,EAAgBoD,EAAcE,iBAAiBN,GAAoB,GAClE,CAAC9B,EAAQhB,EAAmBH,EAAcZ,IAG7C,MAAMoE,UAAEA,GAASC,QAAEA,IAAYC,EAAiBA,kBAACC,EAAiBA,mBAC5DC,GAAuB,cAAXzC,EAEZ0C,GAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,GAAsBC,sBAAoCL,QACrDM,IAAWF,GAAoBrE,GAEpCwE,GAAc,IAEhBC,EAAAA,IACE,MAAA,CAAAxE,IAAK6B,EACL4C,UAAW,EACX/E,KAAMA,EACNgF,UAAWC,EAAAA,WAAW,CAAChB,GAAWC,KAClCgB,MAAON,GACPO,UAAW9B,gBACCpD,EAAS,kBACJC,EAAc,mBACbC,KACdU,EAGJ5B,SAAA6F,EAAAA,IAACM,EAAAA,UAAS,CAACC,iBAAiB,EAAKpG,SAAGA,MAKpCqG,GAA+B,IAC9BvG,GAAcA,EAAUkC,QAQzB6D,MAACS,EAAAA,SAAQ,CACPjF,IAAKqB,EACLkC,gBAAiBpD,EACjB1B,UAAWA,EACXa,UAAWA,EACX4F,YAAavC,EACb1D,YAAaA,EACbC,aAAcA,EACdK,KAAMA,EACNgC,WAAYA,EAAU5C,SACrB4F,OAhBHC,EAAAA,IAACW,EAAAA,cAAa,CAAC7F,UAAWA,EAAqCR,OAAQ6D,WACrE6B,EAAKY,IAAA,MAAA,CAAApF,IAAKqB,EAAsB1C,SAAG4F,SAqB3C,OAAIR,GACe,UAAblF,EACK2F,EAAAY,IAACC,EAAKA,MAAA,CAACzG,OAAQmF,GAAYpF,SAAAqG,OAE3BR,EAAAA,IAACc,EAAAA,MAAK,CAAA3G,SAAEqG,OAEL,IAAI"}

package/amd/ProgressBar-3f4cd8d6.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-85c781ea', './useTranslationBundle-516b1b83', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './LinearMeter-d1e744c1'], (function(e,a,r,s,l,o,n,t){"use strict";const i=({id:e,width:i,edge:d="none",...c})=>{const{classes:u,styles:{valueStyle:m,indeterminate:g,animationStyleLTR:h,animationStyleRTL:v,highContrastValueStyle:b,trackBorderEdgeNone:x,trackBorderEdgeTop:B}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===d?d:void 0}),{direction:T,forcedColors:p}=s.useUser(),y=r.classNames([m,g,"rtl"===T?v:h,"active"===p?b:""]),j=l.useTranslationBundle("@oracle/oraclejet-preact"),N={"aria-valuetext":c["aria-valuetext"]||j.progressIndeterminate(),"aria-label":c["aria-label"],"aria-labelledby":c["aria-labelledby"],role:"progressbar"},C="active"===p?void 0:"none"===d?x:B;return a.jsx(t.BarTrack,{id:e,ariaProps:N,class:r.classNames([u,C]),length:i,children:a.jsx(t.BarValue,{class:y})})},d=({value:e=0,max:l=100,id:i,width:d,edge:c="none",...u})=>{const{forcedColors:m}=s.useUser(),{classes:g,styles:{valueStyle:h,highContrastValueStyle:v,trackBorderEdgeNone:b,trackBorderEdgeTop:x}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),B=r.classNames([h,"active"===m?v:""]),T=100*Math.min(Math.max(0,e/l),1)+"%",p={};return p["aria-valuemin"]=null!=e?0:void 0,p["aria-valuemax"]=null!=e?l:void 0,p["aria-valuenow"]=null!=e?e:void 0,p.role="progressbar",p["aria-label"]=u["aria-label"],p["aria-labelledby"]=u["aria-labelledby"],a.jsx(t.BarTrack,{ariaProps:p,id:i,length:d,class:r.classNames([g,"none"===c?b:x]),children:a.jsx(t.BarValue,{class:B,length:T})})};e.ProgressBar=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(i,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressBar-3f4cd8d6.js.map

package/amd/ProgressBar-3f4cd8d6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar-3f4cd8d6.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { BarTrack, BarValue } from '#PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressBarProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: ProgressBarProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressBarProps, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: {\n      valueStyle,\n      indeterminate,\n      animationStyleLTR,\n      animationStyleRTL,\n      highContrastValueStyle,\n      trackBorderEdgeNone,\n      trackBorderEdgeTop\n    }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const { direction, forcedColors } = useUser();\n  const barValueClasses = classNames([\n    valueStyle,\n    indeterminate,\n    direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    'aria-label': props['aria-label'],\n    'aria-labelledby': props['aria-labelledby'],\n    role: 'progressbar'\n  };\n  const trackBorderClass =\n    forcedColors === 'active'\n      ? undefined\n      : edge === 'none'\n      ? trackBorderEdgeNone\n      : trackBorderEdgeTop;\n  return (\n    <BarTrack\n      id={id}\n      ariaProps={ariaProps}\n      class={classNames([classes, trackBorderClass])}\n      length={width}>\n      <BarValue class={barValueClasses} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressBarProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none',\n  ...props\n}: DeterminateProps) => {\n  const { forcedColors } = useUser();\n  const {\n    classes,\n    styles: { valueStyle, highContrastValueStyle, trackBorderEdgeNone, trackBorderEdgeTop }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const barValueClasses = classNames([\n    valueStyle,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  (ariaProps['aria-label'] = props['aria-label']),\n    (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n  return (\n    <BarTrack\n      ariaProps={ariaProps}\n      id={id}\n      length={width}\n      class={classNames([classes, edge === 'none' ? trackBorderEdgeNone : trackBorderEdgeTop])}>\n      <BarValue class={barValueClasses} length={percentage} />\n    </BarTrack>\n  );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","trackBorderEdgeNone","trackBorderEdgeTop","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","trackBorderClass","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"8QA4EA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,EAAsBC,oBACtBA,EAAmBC,mBACnBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCd,EACAC,EACc,QAAdS,EAAsBP,EAAoBD,EACzB,WAAjBS,EAA4BP,EAAyB,KAEjDW,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBpB,EAAM,mBAAqBkB,EAAaG,wBAC1D,aAAcrB,EAAM,cACpB,kBAAmBA,EAAM,mBACzBsB,KAAM,eAEFC,EACa,WAAjBT,OACIF,EACS,SAATb,EACAS,EACAC,EACN,OACEe,EAACC,IAAAC,WACC,CAAA7B,GAAIA,EACJuB,UAAWA,EACXO,MAAOV,EAAUA,WAAC,CAAChB,EAASsB,IAC5BK,OAAQ9B,EACR+B,SAAAL,EAAAC,IAACK,WAAQ,CAACH,MAAOX,KAEnB,EAOEe,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNpC,KACAC,QACAC,OAAO,UACJC,MAEH,MAAMc,aAAEA,GAAiBC,EAAAA,WACnBd,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,EAAsBC,oBAAEA,EAAmBC,mBAAEA,IACjEC,EAAiBA,kBAA+CC,0BAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCd,EACiB,WAAjBW,EAA4BP,EAAyB,KAGjD2B,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbb,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATY,EAAgB,OAAIpB,EACjDQ,EAAU,iBAA4B,MAATY,EAAgBC,OAAMrB,EACnDQ,EAAU,iBAA4B,MAATY,EAAgBA,OAAQpB,EACrDQ,EAAgB,KAAI,cACnBA,EAAU,cAAgBpB,EAAM,cAC9BoB,EAAU,mBAAqBpB,EAAM,mBAEtCwB,MAACE,EAAQA,SAAA,CACPN,UAAWA,EACXvB,GAAIA,EACJ+B,OAAQ9B,EACR6B,MAAOV,EAAUA,WAAC,CAAChB,EAAkB,SAATF,EAAkBS,EAAsBC,IACpEoB,SAAAL,EAAAA,IAACM,EAAAA,SAAS,CAAAH,MAAOX,EAAiBY,OAAQM,KAE5C,gBAlGE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC7B,EAAwB,IAAKyC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}

package/amd/ProgressCircle-74b6fc89.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-9d026b15', './circleUtils-1886e5b4', './useTranslationBundle-516b1b83', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './CircularMeter-b754580a'], (function(e,a,r,s,l,i,t,n,o){"use strict";const c=({id:e,size:r,...s})=>{const{classes:l,styles:{indeterminate:c}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),d=i.useTranslationBundle("@oracle/oraclejet-preact"),m={"aria-valuetext":s["aria-valuetext"]||d.progressIndeterminate(),"aria-label":s["aria-label"],"aria-labelledby":s["aria-labelledby"],role:"progressbar"};return a.jsx(o.CircleWrapper,{id:e,ariaProps:m,class:l,children:a.jsx(o.CircleInner,{class:c})})},d=({value:e=0,max:s=100,id:i,size:c,...d})=>{const{classes:m,styles:{determinate:u,track:b,valueStyle:p}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:c}),x=Math.min(Math.max(0,e/s),1),C=l.getProgressClipPath(x),h={};return h["aria-valuemin"]=null!=e?0:void 0,h["aria-valuemax"]=null!=e?s:void 0,h["aria-valuenow"]=null!=e?e:void 0,h.role="progressbar",h["aria-label"]=d["aria-label"],h["aria-labelledby"]=d["aria-labelledby"],a.jsxs(o.CircleWrapper,{id:i,ariaProps:h,class:m,children:[a.jsx(o.CircleInner,{class:r.classNames([u,b])}),a.jsx(o.CircleInner,{class:r.classNames([u,p]),clipPath:C})]})};e.ProgressCircle=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(c,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressCircle-74b6fc89.js.map

package/amd/ProgressCircle-74b6fc89.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressCircle-74b6fc89.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 { ComponentChildren, ComponentProps } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '#PRIVATE_Meter';\nimport { getProgressClipPath } from '#utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport {\n  ProgressCircleStyles,\n  ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * Specifies the children.\n   */\n  children?: ComponentChildren;\n  /**\n   * A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: { indeterminate }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size,\n      type: 'indeterminate'\n    }\n  );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    'aria-label': props['aria-label'],\n    'aria-labelledby': props['aria-labelledby'],\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={indeterminate} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({\n  value = 0,\n  max = 100,\n  id,\n  size,\n  ...props\n}: DeterminateProps) => {\n  const {\n    classes,\n    styles: { determinate, track, valueStyle }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size\n    }\n  );\n\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const clipPath = getProgressClipPath(percentage);\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  (ariaProps['aria-label'] = props['aria-label']),\n    (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={classNames([determinate, track])} />\n      <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n    </CircleWrapper>\n  );\n};\n"],"names":["IndeterminateProgressCircle","id","size","props","classes","styles","indeterminate","useComponentTheme","ProgressCircleRedwoodTheme","type","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","CircleWrapper","class","children","jsx","CircleInner","DeterminateProgressCircle","value","max","determinate","track","valueStyle","percentage","Math","min","clipPath","getProgressClipPath","undefined","_jsxs","classNames","otherProps"],"mappings":"oTA0EA,MAAMA,EAA8B,EAAGC,KAAIC,UAASC,MAClD,MAAMC,QACJA,EACAC,QAAQC,cAAEA,IACRC,EAAiBA,kBACnBC,6BACA,CACEN,OACAO,KAAM,kBAIJC,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBT,EAAM,mBAAqBO,EAAaG,wBAC1D,aAAcV,EAAM,cACpB,kBAAmBA,EAAM,mBACzBW,KAAM,eAER,OACEC,EAAAA,IAACC,EAAAA,cAAc,CAAAf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAClDc,SAAAH,EAAAI,IAACC,cAAW,CAACH,MAAOX,KAEtB,EAOEe,EAA4B,EAChCC,QAAQ,EACRC,MAAM,IACNtB,KACAC,UACGC,MAEH,MAAMC,QACJA,EACAC,QAAQmB,YAAEA,EAAWC,MAAEA,EAAKC,WAAEA,IAC5BnB,EAAiBA,kBACnBC,6BACA,CACEN,SAIEyB,EAAaC,KAAKC,IAAID,KAAKL,IAAI,EAAGD,EAAQC,GAAM,GAChDO,EAAWC,sBAAoBJ,GAE/Bf,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATU,EAAgB,OAAIU,EACjDpB,EAAU,iBAA4B,MAATU,EAAgBC,OAAMS,EACnDpB,EAAU,iBAA4B,MAATU,EAAgBA,OAAQU,EACrDpB,EAAgB,KAAI,cACnBA,EAAU,cAAgBT,EAAM,cAC9BS,EAAU,mBAAqBT,EAAM,mBAEtC8B,EAAAA,KAACjB,EAAAA,cAAa,CAACf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAAOc,SAAA,CACzDH,EAAAA,IAACK,EAAAA,aAAYH,MAAOiB,aAAW,CAACV,EAAaC,MAC7CV,EAAAI,IAACC,EAAWA,YAAC,CAAAH,MAAOiB,EAAUA,WAAC,CAACV,EAAaE,IAAcI,SAAUA,MAEvE,mBAxEE,UAAyBR,MAAEA,EAAKC,IAAEA,KAAQY,IAC9C,MAAiB,kBAAVb,EACLP,EAAAI,IAACnB,EAA2B,IAAKmC,IAEjCpB,EAAAA,IAACM,EAA0B,CAAAC,MAAOA,EAAOC,IAAKA,KAASY,GAE3D"}

package/amd/ScatterChart-6aea901e.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './LineSeries-a549e727', './dataStyleUtils-7ba616b8', './useUser-85c781ea', './colorUtils-a785c4c4', './accUtils-530bdb90', './Chart-25d4c94f'], (function(e,t,i,n,r,s,o,a,d,l){"use strict";e.ScatterChart=function({width:e,height:d,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:u,series:f,groups:m,getDataItem:S,selectionMode:v="none",drilling:y="off",dataLabelEffect:p="outline",lineType:C="none",...D}){const{direction:b,forcedColors:A}=o.useUser(),w="active"===A,L=void 0!==D.testId,M="rtl"===b,T="log"===u?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(f?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(l.Chart,{width:e,height:d,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:u,series:f,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(f,m,e,t,P,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),T,0,E,U),getDataItemPos:(e,t)=>(i,n)=>{const r=N[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,f,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,f.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:a,focusedItemInfo:d,hoveredItemInfo:l,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((u,b)=>{if(0===u.length)return;const A=f[b],M="none"!==C,E=n.getLineAreaSegments(o,s,u,e,i,F,T,m,b,P,U,!0),N=void 0===c||0===c.length||k.has(A.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:A.lineColor,lineWidth:A.lineWidth,lineStyle:A.lineStyle,color:A.lineColor||z[b%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:b}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:A,timeAxisType:U,color:A.lineColor||z[b%z.length],seriesIndex:b,startIndex:e,endIndex:i,markerType:R[b%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:d.seriesIndex!==b||!d.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:l?.isCurrent&&l.seriesIndex===b?l.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
-//# sourceMappingURL=ScatterChart-6aea901e.js.map

package/amd/ScatterChart-6aea901e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScatterChart-6aea901e.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataLabelEffect = 'outline',\n  lineType = 'none',\n  ...props\n}: ScatterChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = getSeriesData<K, D>(\n    series?.length,\n    groups?.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n    getDataItem(seriesIndex, groupIndex);\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71301\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      false,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n      // TODO: JET-71332\n      const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n      if (item?.x == null && item?.y) {\n        return;\n      }\n      const x = xScale.transform(item?.x!);\n      const y = yScale.transform(item?.y!);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      false,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      overview=\"off\"\n      defaultOverviewContentRenderer={() => null}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={true}\n      isDataXAxis={true}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const isLineRendered = lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType,\n                true\n              );\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              return (\n                <>\n                  {isLineRendered && (\n                    <LineSeries\n                      lineType={lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={seriesItem.lineColor}\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={seriesItem.lineWidth}\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    xScale={xScale}\n                    groups={groups}\n                    series={seriesItem}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor ||\n                      colors[\n                        index % colors.length\n                      ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                    }\n                    seriesIndex={index}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    selectedIds={selectedSet}\n                    highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index &&\n                      focusedItemInfo.isFocusVisible &&\n                      !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    isDataXAxis={true}\n                    getTextDimensions={getTextDimensions}\n                  />\n                </>\n              );\n            })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}

package/amd/SectionedContent-2a261004.js

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

package/amd/SectionedContent-2a261004.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionedContent-2a261004.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}

package/amd/SelectMultiple-856fa90b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Label-4601e8e6', 'preact/hooks', './keyboardUtils-fbb389f8', 'preact/compat', './TextFieldInput-ba4e508c', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-e43cf892', './Flex-56ecdf4c', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./RadioStyles.styles.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'module', 'css!./CheckboxStyles.styles.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', './InputGroupContext-372087af', './LayerHost-e95c5f30', './useTranslationBundle-516b1b83', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a1ae959b', './CompactUserAssistance-26b284d4', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'preact', 'css!./IconStyle.styles.css', './Popup-d51bf3f4', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-e6877c79', './useSelectCommon-8cc04e42', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-4a450d38', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-cd210507', './IconButton-d1646f51', './CancelS-e19c73e5', './useFocusWithin-5a504fca', './useUser-85c781ea', './classNames-08d99695', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-cd61a065', './Close-04d8a398', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-8142ed0d', './View-ce970ed7', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-861a26f0', './useEffectEvent-8467275b', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-0ae982c2'], (function(e,s,t,o,n,l,i,a,r,d,c,u,p,h,y,b,m,x,S,v,f,w,T,F,g,C,A,D,I,R,L,E,k,K,V,U,j,B,P,O,M,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,se,te,oe,ne,le,ie,ae,re,de,ce,ue,pe,he,ye,be,me,xe,Se,ve,fe,we,Te,Fe,ge,Ce,Ae,De,Ie,Re,Le,Ee,ke){"use strict";function Ke({assistiveText:e,collectionRenderer:t,collectionRendererContext:o,data:n,dropdownId:l,dropdownRef:i,helpSourceLink:a,helpSourceText:r,isAddToListShown:d,isDisabled:c,isDropdownAbove:u,isEmptyResults:p,isOpen:h,isReadonly:y,label:b,mainFieldRef:m,userAssistanceDensity:x,onAddToListAction:S,onAutoDismiss:v,onPosition:f}){const w=j.useTranslationBundle("@oracle/oraclejet-preact"),T=!h||u||c||y||!e&&!a||"efficient"!==x&&"reflow"!==x?void 0:s.jsx(oe.DropdownUserAssistance,{assistiveText:e,fieldLabel:b,helpSourceLink:a,helpSourceText:r,userAssistanceDensity:x}),F=p?d?void 0:s.jsx(oe.EmptyResults,{}):t(o),g=d?s.jsx(oe.LinkItem,{isHighlighted:p,onAction:S,children:w.select_addToList()}):void 0;return s.jsxs(oe.Dropdown,{dropdownRef:i,id:l,isOpen:h,anchorRef:m,onAutoDismiss:v,onPosition:f,children:[s.jsxs(oe.DropdownList,{hasBottomGap:void 0===T,isLoading:null===n,children:[F,g]}),T]})}function Ve({"aria-label":e,count:t=0,onKeyDown:o,onKeyUp:n,onMouseDown:l,...i}){const a=j.useTranslationBundle("@oracle/oraclejet-preact"),r=a.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=a.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,p=`${d}${a.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:ce.selectedValueCountStyles.base,onKeyDown:o,onKeyUp:n,onMouseDown:l,children:s.jsx(ue.Chip,{"aria-label":p,...i,children:u})})}function Ue({children:e,columnSpan:t,fieldLabel:o,hasInsideLabel:n,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:a,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:d,selectedValuesCount:u,onBackButtonClick:p,onClearButtonClick:h,onDropdownArrowClick:y,onSelectedValuesCountKeyDown:b,onSelectedValuesCountKeyUp:m,onSelectedValuesCountMouseDown:x,onSelectedValuesCountToggle:S,...v}){const{isDisabled:f,isLoading:w}=ie.useFormFieldContext(),T=j.useTranslationBundle("@oracle/oraclejet-preact"),F=l?s.jsx(pe.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:p,children:s.jsx(he.SvgNavLeft,{})}):null,g=i?s.jsx(pe.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:h,children:s.jsx(he.SvgCancelS,{})}):null,C=a?s.jsx(oe.DropdownArrow,{isDisabled:f,onClick:y,testId:`${v.testId}_dropdownarrow`}):null,A=w?void 0:d?s.jsxs(c.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Ve,{"aria-label":o,count:u,isDisabled:f,isSelected:r,onKeyDown:b,onKeyUp:m,onMouseDown:x,onToggle:S}),i&&g,a&&C]}):s.jsxs(s.Fragment,{children:[i&&g,a&&C]});return s.jsx(de.TextField,{columnSpan:t,startContent:l&&F,mainContent:e,endContent:A,...v})}function je({children:e,removeIcon:t="never",isSelected:l=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:r,isFocused:d,value:c}){const u=j.useTranslationBundle("@oracle/oraclejet-preact"),p=o.useRef(null),h=Te.useId(),y=me.classNames([Fe.textTagStyles.base,l&&Fe.textTagStyles.selected]),b=o.useCallback((()=>{i?.(c)}),[c,i]),m=o.useCallback((()=>{a?.(c)}),[c,a]),x=o.useCallback((()=>{r?.(c)}),[c,r]),S=o.useCallback((e=>{n.isBackspaceOrDelete(e)&&b()}),[b]);return o.useEffect((()=>{d&&l&&(p.current?.focus(),p.current?.scrollIntoView({block:"nearest"}))}),[d,l]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:p,class:y,tabIndex:-1,onClick:m,onKeyUp:S,onMouseDown:oe.preventDefault,role:"option","aria-describedby":h,"aria-selected":l?"true":"false",children:[s.jsx(fe.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(P.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(pe.IconButton,{size:"xs",variant:"ghost",onAction:x,children:s.jsx(we.SvgClose,{})})})]}),s.jsx(ve.HiddenAccessible,{id:h,children:u.selectMultiple_removeSelectedTagInstructionText()})]})}const Be=Array.from(["maxWidth"],(e=>xe.dimensionInterpolations[e])),Pe=Se.mergeInterpolations(Be);const Oe=l.forwardRef((function(e,t=(()=>{})){const{"aria-label":l,data:i,hasInsideLabel:a=!1,removeIcon:r="never",onExitNavigation:d,onRemove:c}=e,u=o.useRef(null),[p,h]=o.useState([]),{direction:y}=be.useUser(),b=o.useRef(-1),m=i.at(-1)?.value,x=o.useRef({value:m,index:i.length-1});x.current={value:m,index:i.length-1};const S=o.useCallback((e=>{const s=i.at(e)?.value;null!=s&&h([s])}),[i]),v=o.useCallback((()=>{h((e=>(b.current=-1,e.length?[]:e)))}),[]),f=o.useCallback((e=>{c?.([e]),d?.(),v()}),[v,d,c]),w=o.useCallback((e=>{const s=[...p];p.includes(e)||s.push(e),c?.(s),d?.(),v()}),[p,v,d,c]),T=o.useCallback((e=>{h([e]),b.current=i.findIndex((s=>s.value===e))}),[i,h]),F=o.useCallback((e=>{if(0!==i.length){if("ltr"===y&&"ArrowLeft"===e.code||"rtl"===y&&"ArrowRight"===e.code){if(0===b.current)return;return b.current-=1,void S(b.current)}return"ltr"===y&&"ArrowRight"===e.code||"rtl"===y&&"ArrowLeft"===e.code?b.current===i.length-1?void d?.():(b.current+=1,void S(b.current)):"Home"===e.code?(b.current=0,void S(b.current)):"End"===e.code?(b.current=i.length-1,void S(b.current)):n.isSelectAll(e)?(h(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,y,d,S,h]),g=o.useCallback((()=>{h((e=>e.length||void 0===x.current.value?e:(b.current=x.current.index,[x.current.value])))}),[]),C=o.useCallback((()=>{v()}),[v]),{focusProps:A}=ye.useFocusWithin({onBlurWithin:C});o.useImperativeHandle(t,(()=>({blur:C,focus:g})),[C,g]),o.useEffect((()=>{u.current?.scrollTo({left:u.current.scrollWidth*("ltr"===y?1:-1)})}),[i,y]);const D=Pe(e),I=me.classNames([ge.textTagListStyles.textTagListBase,a&&ge.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:I,ref:u,tabIndex:-1,onKeyDown:F,role:"listbox","aria-label":l,"aria-multiselectable":"true",style:D,...A,children:i.map(((e,t)=>s.jsx(je,{isFocused:b.current===t,isSelected:p.includes(e.value),onRemoveAction:w,onSelect:T,onRemoveIconClick:f,removeIcon:r,value:e.value,children:e.label},e.value)))})}));function Me({displayValue:e,isAddToListShown:t,isKeyboardNavigable:n,isTextTagListShown:l,isUserFiltering:a,liveRegionText:r,onExitNavigation:d,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:y,textTagListData:b,textTagListRef:m,userInput:x,virtualKeyboard:S,...v}){const f=j.useTranslationBundle("@oracle/oraclejet-preact"),w=t?f.select_addToListAvailable():void 0,T=n&&e&&e.length>0?f.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:F}=ie.useFormFieldContext(),[g,C]=o.useState(T),[A,D]=o.useState(!1);return F&&l&&!g&&T&&!A?D(!0):F||!A||D(!1),g!==T&&C(T),s.jsxs(s.Fragment,{children:[l&&s.jsx(Oe,{"aria-label":f.selectMultiple_selectedValues(),data:b,hasInsideLabel:v.hasInsideLabel,maxWidth:"50%",onExitNavigation:d,onRemove:u,ref:m,removeIcon:p}),s.jsx(c.Flex,{flex:1,children:s.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:l,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===S?"search":S,value:a||l?x:e,...v})}),l&&s.jsx(ve.HiddenAccessible,{id:h,isHidden:!0,children:e}),l&&T&&!A&&s.jsx(ve.HiddenAccessible,{id:y,isHidden:!0,children:T}),s.jsx(Ce.LiveRegion,{children:r}),l&&s.jsx(Ce.LiveRegion,{children:A?T:void 0}),t?s.jsx(Ce.LiveRegion,{children:w}):void 0]})}function Ne({onApply:e}){const t=j.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:De.mobileDropdownFooterStyles.base,children:s.jsx(Ie.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function _e(e,s){const t=j.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:o.useMemo((()=>{if(void 0===s)return"";const o=function(e,s){const t=s?[...s?.values()]:[],o=s=>oe.renderItemText(s,e),n=t.map(o);return new Set(n)}(e,s),n=function(e,s){return Array.from(e.values()).join(s)}(o,t);return n}),[e,t,s]),textTags:o.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:oe.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function He({isDropdownSelectedOnlyView:e=!1,valueItems:s}){const t=Re.useEffectEvent((e=>e&&s&&0!==s.length?{offset:0,totalSize:s.length,sizePrecision:"exact",data:s.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:o.useMemo((()=>t(e)),[t,e]),onLoadRange:void 0}}const ze=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})}));function qe({"aria-describedby":e,"aria-label":n,assistiveText:l,collectionRenderer:i,data:a,dropdownId:r,enabledElementRef:d,helpSourceLink:c,helpSourceText:u,isAddToListShown:p,isDisabled:y,isEmptyResults:b,isFocused:m,isLoading:x,isOpen:S,isReadonly:v,isRequired:f,isSelectedOnlyView:w,itemText:T,label:F,liveRegionText:g,placeholder:C,propIsLoading:A,selectedValuesDescriptionId:D,setDropdownOpen:I,setUserInput:R,stopFiltering:L,textAlign:E,textTagListRef:k,userAssistanceDensity:K,userInput:V,valueItems:U,virtualKeyboard:B,onAddToListAction:P,onCommit:O,onFieldBlur:M,onFieldFocus:N,onFieldInput:_,onFieldKeyDown:H,onFieldKeyUp:z}){const q=j.useTranslationBundle("@oracle/oraclejet-preact"),{collectionRendererContext:Y,footerProps:W,selectMultipleFieldInputProps:$,selectMultipleFieldProps:G,selectedValuesCountProps:Z}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:n,itemText:l,textTagListRef:i,userInput:a,valueItems:r,onCommit:d,setDropdownOpen:c,setUserInput:u,stopFiltering:p}){const[h,y]=o.useState({rowKey:void 0}),[b,m]=o.useState(oe.createKeysFromValueItems(r)),[x,S]=o.useState(n),v=o.useRef(new Map),f=o.useMemo((()=>{const e=[];return b?.forEach((s=>{const t=r?.find((e=>e.key===s));t?e.push(t):v.current.has(s)&&e.push(v.current.get(s))})),e}),[b,r]),{textTags:w,displayValue:T}=_e(l,f),F=o.useRef(null),{data:g}=He({isDropdownSelectedOnlyView:x,valueItems:f}),C=o.useCallback((e=>{y({rowKey:e.value})}),[y]),A=o.useCallback((s=>{m(s.value),u(""),e&&ze(v.current,e,s.value)}),[e,m,u]),D=o.useCallback((({value:e=!1})=>{S((s=>(s!==e&&p(),e)))}),[S,p]),I=o.useCallback((()=>{m(oe.createKeysFromValueItems(r)),v.current.clear(),c(!1),p(),s.current?.focus()}),[s,c,p,r]),R=o.useCallback((()=>{d({previousValue:oe.createKeysFromValueItems(r),value:b}),I()}),[b,r,I,d]),L=o.useCallback((()=>{I()}),[I]),E=o.useCallback((()=>{m(new Set),p()}),[p]),k=o.useCallback((e=>{const s=new Set(b);e.forEach((e=>s.delete(e))),m(s)}),[b]),K=o.useCallback((()=>{setTimeout((()=>F.current?.focus()),0)}),[]);o.useEffect((()=>{t&&setTimeout((()=>F.current?.focus()),0)}),[t]);const[V,U]=o.useState(r);return V!==r&&(t||m((e=>{const s=oe.createKeysFromValueItems(r);return Le.equals(e,s)?e:s})),U(r)),{collectionRendererContext:oe.useCollectionRenderer({currentKey:h.rowKey,onCurrentKeyChange:C,onSelectedKeysChange:A,searchText:a,selectedKeys:b,selectedOnlyData:g}),footerProps:{onApply:R},selectMultipleFieldInputProps:{displayValue:T,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:F,isTextTagListShown:w.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:w,textTagListRef:i,onExitNavigation:K,onRemove:k},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!oe.isSearchTextEmptyOrUndefined(a)||0!==w.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:x,isSelectedValuesCountShown:(b?.size??0)>0||x,selectedValuesCount:b?.size??0,styleVariant:"embedded",onBackButtonClick:L,onClearButtonClick:E},selectedValuesCountProps:{onSelectedValuesCountToggle:D},isDropdownSelectedOnlyView:x}}({data:a,inputRef:d,isDropdownOpen:S,isDropdownSelectedOnlyView:w,itemText:T,textTagListRef:k,userInput:V,valueItems:U,onCommit:O,setDropdownOpen:I,setUserInput:R,stopFiltering:L}),{formFieldContext:J,inputProps:Q,labelProps:X,textFieldProps:ee,userAssistanceProps:se}=te.useTextField({ariaDescribedBy:e,helpSourceLink:c,helpSourceText:u,isDisabled:!1,isFocused:m,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:G.selectedValuesCount>0||void 0});J.hasValue=A||J.hasValue;const ne={label:s.jsx(t.Label,{...X,children:F}),labelEdge:"inside"},le=!S||y||v||!l&&!c||"efficient"!==K&&"reflow"!==K?void 0:s.jsx(oe.DropdownUserAssistance,{assistiveText:l,fieldLabel:F,helpSourceLink:c,helpSourceText:u,userAssistanceDensity:K,...se}),ie=b?p?void 0:s.jsx(oe.EmptyResults,{}):i(Y),ae=p?s.jsx(oe.LinkItem,{onAction:P,children:q.select_addToList()}):void 0;return s.jsx(oe.SelectMobileDropdown,{header:s.jsxs(h.FormFieldContext.Provider,{value:J,children:[s.jsx(Ae.View,{children:s.jsx(Ue,{fieldLabel:F,onBlur:M,onFocus:N,...ne,...ee,...G,...Z,children:s.jsx(Me,{"aria-controls":r,"aria-expanded":S,"aria-label":n,isAddToListShown:p,isRequired:f,liveRegionText:g,placeholder:C,selectedValuesDescriptionId:D,textAlign:E,virtualKeyboard:B,onInput:_,onKeyDown:H,onKeyUp:z,...Q,...$})})}),le]}),footer:s.jsx(Ne,{...W}),id:r,isOpen:S,labelId:X.id,children:s.jsxs(oe.DropdownList,{hasTopGap:!ae,hasBottomGap:!0,isLoading:null===a,children:[ie,ae]})})}const Ye=l.forwardRef((({addToList:e="off","aria-describedby":i,assistiveText:a,collectionRenderer:c,columnSpan:u,data:y,helpSourceLink:b,helpSourceText:m,isDisabled:x,isLoading:S,isReadonly:v,isRequired:f,isRequiredShown:w,itemRenderer:T,itemText:F,label:g,labelEdge:C,labelStartWidth:A,messages:D,onAddToListAction:I,onCommit:R,onFilter:L,onLoadRange:E,placeholder:k,testId:K,textAlign:V,userAssistanceDensity:U,valueItems:B,variant:P="default",virtualKeyboard:O},M)=>{const{isDisabled:N,isReadonly:z,labelEdge:q,labelStartWidth:Y,textAlign:W,userAssistanceDensity:G}=p.useFormContext(),Z=x??N,J=v??z,Q=C??q,X=A??Y,ne=V??W,le=U??G,ie=l.useRef(null),ae=l.useRef(null),{focusProps:re,isFocused:de,methods:ce}=ee.useFocusableTextField({isDisabled:Z,isReadonly:J,enabledElementRef:ie,readonlyElementRef:ae});l.useImperativeHandle(M,(()=>ce),[ce]);const{addToListEventHandlers:ue,ariaProps:pe,collectionRendererContext:he,data:ye,dropdownArrowEventHandlers:me,dropdownEventHandlers:xe,dropdownRef:Se,hasSelectedValuesCount:ve,inputEventHandlers:fe,isAddToListShown:we,isDataFetched:Fe,isDropdownAbove:ge,isDropdownOpen:Ce,isDropdownSelectedOnlyView:Ae,isEmptyResults:De,isFocused:Ie,isUserFiltering:Re,mainFieldRef:Le,mouseProps:Ve,selectedValuesCountProps:je,selectedValuesDescriptionId:Be,selectedValuesKeyboardNavDescriptionId:Pe,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:ze,textTagListProps:Ye,userInput:We}=function({addToList:e,ariaDescribedBy:s,data:t,inputRef:l,isDisabled:i,isFocused:a,isReadonly:r,onAddToListAction:d,onCommit:c,onFilter:u,valueItems:p}){const[h,y]=o.useState(!1),b=p?.length,m=void 0!==b&&b>0||h,x=He({isDropdownSelectedOnlyView:h,valueItems:p}),S=h?x.data:t,v=o.useCallback((e=>{oe.isSearchTextEmptyOrUndefined(e.searchText)||y(!1),u?.(e)}),[u]),{currentRowKeyRef:f,currentRowOverride:w,dropdownRef:T,handleDropdownArrowClick:F,handleDropdownAutoDismiss:g,handleDropdownPosition:C,handleInput:A,handleMainFieldKeyDown:D,handleMainFieldKeyUp:I,handleUpDownArrowKeys:R,isDropdownAbove:L,isDropdownOpen:E,isFocused:k,isUserFiltering:K,mainFieldRef:V,onCurrentKeyChange:U,onMouseDown:j,searchText:B,setCurrentRowOverride:P,setDropdownOpen:O,setUserInput:M,stopFiltering:N,userInput:_}=oe.useSelectCommon({data:S,inputRef:l,isFocused:a,onFilter:v}),[H,z]=o.useState(E),[q,Y]=o.useState(p),[W,$]=o.useState(oe.createKeysFromValueItems(p)),G=null!=S&&!oe.isBeforeDataFetch(S),Z=G&&0===S?.totalSize,J="on"===e&&K&&null!=B&&B.length>0&&Z,Q=o.useCallback((()=>{O(!1),N(),d?.({searchText:K?B:void 0})}),[K,d,B,O,N]),X=o.useRef(null),{direction:ee}=be.useUser(),se=Te.useId(),te=Te.useId(),ne=ke.merge([k&&te,k&&se,s]),le=o.useCallback((()=>{T.current?.parentElement?.removeChild(T.current)}),[T]),ie=o.useCallback((e=>K&&E&&!oe.isSearchTextEmptyOrUndefined(_)&&(S?.data.length??0)>0&&void 0!==e),[S,E,K,_]),ae=o.useCallback((e=>{if(W?.has(e))return;const s=void 0===W?new Set([e]):new Set([...W.values(),e]);c({previousValue:W,value:s}),$(s)}),[c,W,$]),re=o.useCallback((e=>{if(E&&"keydown"===e?.type){const s=e;s.code===n.KEYS.TAB&&(s.shiftKey||!m?l.current?.focus():ce.current?.focus(),le())}}),[m,l,E,le]),de=o.useCallback((e=>{if(!n.isControlOrFunctionKey(e))switch(e.code){case n.KEYS.TAB:E&&(e.shiftKey||!m&&!e.shiftKey)&&(le(),O(!1)),m&&!e.shiftKey&&e.stopPropagation();break;case n.KEYS.LEFT:"ltr"===ee&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&X.current?.focus();break;case n.KEYS.RIGHT:"rtl"===ee&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&X.current?.focus();break;case n.KEYS.ENTER:case n.KEYS.NUMPAD_ENTER:if(oe.isPhone())return;if(J)return void Q();ie(f.current)&&(O(!1),N(),ae(f.current))}}),[f,ee,Q,m,l,J,E,le,ae,O,ie,N]);if(q!==p){const e=oe.createKeysFromValueItems(p);$(e)}const ce=o.useRef(null);o.useEffect((()=>{ce.current=m&&V.current?.querySelector?V.current.querySelector('[role="switch"]'):null}),[m,i,r,V]);const ue=o.useCallback((e=>{switch(e.code){case n.KEYS.TAB:E&&!e.shiftKey&&(le(),O(!1)),e.shiftKey&&e.stopPropagation();break;case n.KEYS.UP:case n.KEYS.DOWN:e.preventDefault();break;case n.KEYS.ESC:E&&(O(!1),e.preventDefault(),e.stopPropagation());break;case n.KEYS.ENTER:e.stopPropagation()}}),[E,le,O]),pe=o.useCallback((e=>{switch(e.code){case n.KEYS.UP:case n.KEYS.DOWN:R(e)}}),[R]),he=o.useCallback((e=>{e.preventDefault(),l.current?.focus()}),[l]),ye=o.useCallback((e=>{E||O(!0);const s=e.value??!1;s!==h&&(y(s),s&&N())}),[E,h,O,N]);!E&&h&&y(!1);const me=o.useCallback((e=>{$(e.value),M(""),c?.({value:e.value,previousValue:W})}),[c,W,$,M]),xe=o.useCallback((()=>{setTimeout((()=>l.current?.focus()),0)}),[l]),Se=o.useCallback((e=>{const s=W,t=new Set(W);e.forEach((e=>t.delete(e))),c?.({previousValue:s,value:t})}),[c,W]),ve=o.useMemo((()=>Ee.mergeProps({onAutoDismiss:g,onPosition:C},{onAutoDismiss:re})),[g,C,re]),fe=o.useMemo((()=>Ee.mergeProps({onInput:A,onKeyDown:D,onKeyUp:I},{onKeyDown:de})),[D,A,I,de]),we=o.useMemo((()=>({textTagListRef:X,onExitNavigation:xe,onRemove:Se})),[xe,Se]),Fe=oe.useCollectionRenderer({currentKey:w.rowKey,onCurrentKeyChange:U,onSelectedKeysChange:me,searchText:B,selectedKeys:W,selectedOnlyData:x.data});E&&!H&&P({rowKey:void 0}),H&&!E&&!_&&N();const ge=o.useRef(S);if(ge.current!==S){const e=S?.data[0]?.metadata.key;E&&K&&null!=e&&0===S?.offset&&P({rowKey:oe.isSearchTextEmptyOrUndefined(B)?void 0:e}),ge.current=S}return H!==E&&z(E),q!==p&&Y(p),{addToListEventHandlers:{onAction:Q},ariaProps:{ariaDescribedBy:ne},collectionRendererContext:Fe,data:S,dropdownArrowEventHandlers:{onClick:F},dropdownEventHandlers:ve,dropdownRef:T,hasSelectedValuesCount:m,inputEventHandlers:fe,inputRef:l,isAddToListShown:J,isDataFetched:G,isDropdownAbove:L,isDropdownOpen:E,isDropdownSelectedOnlyView:h,isEmptyResults:Z,isFocused:k,isUserFiltering:K,mainFieldRef:V,mouseProps:i||r?{}:{onMouseDown:j},searchText:B,selectedValuesCountProps:{onKeyDown:ue,onKeyUp:pe,onMouseDown:he,onToggle:ye},selectedValuesDescriptionId:se,selectedValuesKeyboardNavDescriptionId:te,setDropdownOpen:O,setUserInput:M,stopFiltering:N,textTagListProps:we,userInput:_}}({addToList:e,ariaDescribedBy:i,data:y,inputRef:ie,isDisabled:Z,isFocused:de,isReadonly:J,onAddToListAction:I,onCommit:R,onFilter:L,valueItems:B}),$e=se.useLoadingIndicatorTimer(S??!1),{baseId:Ge,formFieldContext:Ze,inputProps:Je,labelProps:Qe,textFieldProps:Xe,userAssistanceProps:es}=te.useTextField({ariaDescribedBy:pe.ariaDescribedBy,helpSourceLink:b,helpSourceText:m,isDisabled:Z,isFocused:Ie,isLoading:$e,isReadonly:J,isRequiredShown:w,labelEdge:Q,messages:D,styleVariant:P,userAssistanceDensity:le,value:void 0!==B&&B.length>0||void 0});Ze.hasValue=S||Ze.hasValue;const ss=`${Ge}-dropdown`,{displayValue:ts,textTags:os}=_e(F,B),ns="none"!==Q?s.jsx(t.Label,{...Qe,...oe.isPhone()?{forId:void 0}:{},children:g}):void 0,ls={label:"none"!==Q?ns:void 0,labelEdge:"none"!==Q?Q:void 0,labelStartWidth:"none"!==Q?X:void 0},is="none"===Q?g:void 0,as="efficient"===le||"reflow"===le?Z||J?"efficient"!==le?void 0:s.jsx(_.InlineUserAssistance,{userAssistanceDensity:le,...es}):s.jsx(_.InlineUserAssistance,{assistiveText:a,fieldLabel:g,helpSourceLink:b,helpSourceText:m,messages:D,isRequiredShown:w,userAssistanceDensity:le,...es}):void 0,rs="compact"===le?s.jsx(H.CompactUserAssistance,{anchorRef:Le,messages:D,assistiveText:a,...es}):void 0,ds=j.useTranslationBundle("@oracle/oraclejet-preact"),cs=l.useCallback((({currentRowKeyOverride:e,onPersistCurrentRowKey:t,onSelectedChange:o,searchText:n,selected:l,selectedOnlyData:i})=>s.jsx(oe.DefaultList,{"aria-label":g??"",currentItemVariant:"highlight",currentKey:e,data:i??y,itemRenderer:T,itemText:F,searchText:i?void 0:Re?n:void 0,selectedKeys:l,selectionMode:"multiple",onCurrentKeyChange:t,onLoadRange:i?void 0:E,onSelectionChange:o})),[Re,T,F,g,E,y]);if(J){const e=s.jsx(r.ReadonlyTextFieldInput,{"aria-describedby":Je["aria-describedby"],"aria-label":is,"aria-labelledby":Qe.id,as:"div",elementRef:ae,hasEmptyLabel:""===g&&"none"===Q,hasInsideLabel:void 0!==g&&"inside"===Q,textAlign:ne,value:ts});return s.jsx(h.FormFieldContext.Provider,{value:Ze,children:s.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:rs,inlineUserAssistance:as,onBlur:re.onFocusOut,onFocus:re.onFocusIn,ref:Le,mainContent:e,testId:K,...ls})})}const us="inside"===Q,ps=Ce&&Fe?0===ye?.totalSize?ds.select_noMatchesFound():1===ye?.totalSize?ds.select_oneMatchFound():"exact"===ye?.sizePrecision?ds.select_sizeMatchesFound({TOTAL_SIZE:`${ye?.totalSize}`}):ds.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${ye?.totalSize}`}):"",hs=Ce&&void 0!==ye&&(null===ye||ye.totalSize>0||oe.isBeforeDataFetch(ye)||De),ys=""===g&&"none"===Q,bs=oe.isPhone()&&!Z?s.jsx(oe.SelectMobileFieldInput,{"aria-controls":ss,"aria-describedby":Je["aria-describedby"],"aria-expanded":Ce,"aria-invalid":Je["aria-invalid"],"aria-label":is,"aria-labelledby":Qe.id,displayValue:ts,hasEmptyLabel:ys,hasInsideLabel:us,isRequired:f,onBlur:Je.onBlur,onFocus:Je.onFocus,placeholder:k,ref:ie,textAlign:ne,variant:Je.variant}):s.jsx(Me,{"aria-controls":ss,"aria-expanded":Ce,"aria-label":is,displayValue:ts,hasEmptyLabel:ys,hasInsideLabel:us,inputRef:ie,isAddToListShown:we,isKeyboardNavigable:!Z&&!oe.isMobile(),isRequired:f,isTextTagListShown:Ie&&0!==os.length,isUserFiltering:Re,liveRegionText:ps,placeholder:k,removeIcon:oe.isTablet()?"always":"never",selectedValuesDescriptionId:Be,selectedValuesKeyboardNavDescriptionId:Pe,textAlign:ne,textTagListData:os,userInput:We,virtualKeyboard:oe.isTablet()?O:void 0,...fe,...Je,...Ye}),ms=hs?oe.isPhone()?s.jsx(qe,{"aria-describedby":pe.ariaDescribedBy,"aria-label":is,assistiveText:a,collectionRenderer:c??cs,data:y,dropdownId:ss,enabledElementRef:ie,helpSourceLink:b,helpSourceText:m,isAddToListShown:we,isDisabled:Z,isEmptyResults:De,isFocused:Ie,isLoading:$e,isOpen:hs,isReadonly:J,isRequired:f,isSelectedOnlyView:Ae,itemText:F,label:g,liveRegionText:ps,placeholder:k,propIsLoading:S,selectedValuesDescriptionId:Be,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:ze,textAlign:ne,textTagListRef:Ye.textTagListRef,userAssistanceDensity:le,userInput:We,valueItems:B,virtualKeyboard:O,onAddToListAction:ue.onAction,onCommit:R,onFieldBlur:re.onFocusOut,onFieldFocus:re.onFocusIn,onFieldInput:fe.onInput,onFieldKeyDown:fe.onKeyDown,onFieldKeyUp:fe.onKeyUp}):s.jsx(Ke,{...xe,assistiveText:a,collectionRenderer:c??cs,collectionRendererContext:he,dropdownId:ss,dropdownRef:Se,helpSourceLink:b,helpSourceText:m,isAddToListShown:we,isDisabled:Z,isDropdownAbove:ge,isEmptyResults:De,isOpen:hs,isReadonly:J,label:g,mainFieldRef:Le,onAddToListAction:ue.onAction,userAssistanceDensity:le}):null;return s.jsxs($.Fragment,{children:[s.jsx(h.FormFieldContext.Provider,{value:Ze,children:s.jsx(Ue,{columnSpan:u,compactUserAssistance:rs,fieldLabel:g,hasInsideLabel:us,inlineUserAssistance:as,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:Ae,isSelectedValuesCountShown:ve,mainFieldRef:Le,onBlur:re.onFocusOut,onFocus:re.onFocusIn,onDropdownArrowClick:me.onClick,onSelectedValuesCountKeyDown:je.onKeyDown,onSelectedValuesCountKeyUp:je.onKeyUp,onSelectedValuesCountMouseDown:je.onMouseDown,onSelectedValuesCountToggle:je.onToggle,selectedValuesCount:B?.length,testId:K,...ls,...Ve,...Xe,children:bs})}),ms]})}));e.SelectMultiple=Ye}));
-//# sourceMappingURL=SelectMultiple-856fa90b.js.map