@oracle/oraclejet-preact 18.1.5 → 18.1.7

package/amd/Popup-b0704743.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup-b0704743.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 { AnimationStatus } from '../hooks/PRIVATE_useAnimationStatus';\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';\nexport type Variant = 'standard' | 'unstyled';\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 styling variant. If <code>unstyled</code> is set, standard styles are not applied.\n     */\n    variant?: Variant;\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      variant = 'standard',\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    const prevStatusRef = useRef<AnimationStatus>('unmounted');\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    const insideRefs: RefObject<HTMLElement>[] = [contentWrapperRef];\n    // launcher should be considered an \"inside\" element\n    if (localLauncherRef.current && localLauncherRef.current !== document.body) {\n      insideRefs.push(localLauncherRef);\n    }\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: insideRefs,\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        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      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      // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone\n      else if (!isOpen && status === 'unmounted' && modality === 'modal') {\n        // avoid returning focus on initial render\n        if (status !== prevStatusRef.current) {\n          returnFocus();\n        }\n      }\n      return () => {\n        prevStatusRef.current = status;\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        <FocusTrap restoreFocusRef={false}>\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          <div\n            ref={stableRef}\n            tabIndex={-1}\n            role={role}\n            className={classNames([baseTheme, variant === 'unstyled' ? null : classes])}\n            style={styles}\n            onKeyDown={handlePopupKeyDown}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-describedby={ariaDescribedBy}\n            {...testIdProps}>\n            {children}\n          </div>\n        </FocusTrap>\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","variant","role","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","localLauncherRef","useRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","prevStatusRef","testIdProps","useTestId","insideRefs","current","document","body","push","useOutsideClick","isDisabled","handler","event","launcherKeyDownCallback","useCallback","getActiveElement","code","preventDefault","stopPropagation","focusWithin","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","stableRef","useMemo","mergeRefs","returnFocus","launcherEl","anchorEl","focusOn","Element","useEffect","contains","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","jsx","FocusTrap","restoreFocusRef","tabIndex","className","classNames","style","onKeyDown","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","Modal","Layer"],"mappings":"knBAwJa,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,UAAU,WACVC,QAAoB,aAAbd,EAA0B,UAAY,UAC7C,aAAce,EACd,kBAAmBC,EACnB,mBAAoBC,EACpBC,YACGC,GAELC,KAEA,MAAMC,EAAmBC,SAA2B,OAC7CC,EAAcC,GAAmBC,EAAQA,WAE1CC,EAAoBJ,SAA8B,MAElDK,EAAgBL,SAAwB,aAGxCM,EAAcC,YAAUX,GAExBY,EAAuC,CAACJ,GAE1CL,EAAiBU,SAAWV,EAAiBU,UAAYC,SAASC,MACpEH,EAAWI,KAAKb,GAMlBc,kBAAgB,CACdC,aAAcrC,GAAU2B,EAAkBK,SAC1CX,IAAKU,EACLO,QAAUC,IACRhC,IAAiBgC,EAAM,IAI3B,MAAMC,EAA0BC,eAC7BF,IAEGjB,EAAiBU,UAAYU,sBACd,OAAfH,EAAMI,MACO,aAAb1C,IAIAsC,EAAMK,iBACNL,EAAMM,kBAENC,cAAYnB,EAAkBK,SAC9BnB,MACD,GAGH,CAACZ,KAaG8C,uBAAEA,EAAsBC,OAAEA,EAAMC,WAAEA,GAAeC,EAAAA,kBAAkB,CACvElD,SACAmD,mBAAmB,EACnBvC,gBAbwBZ,IACpBA,GACFoD,KACAxC,KAAkB,IAElBA,KAAkB,EACnB,EAQDF,UAAWA,IAEP2C,EAAYC,WAAQ,IAAMC,YAAU5B,EAAmBN,IAAM,CAACM,EAAmBN,IAEjFmC,GAAcf,EAAAA,aAAY,KAE9B,MAAMgB,EAAanC,EAAiBU,QAC9B0B,EAAW7D,GAAWmC,QAExByB,EACFE,EAAOA,QAACF,GAECC,GAAYA,aAAoBE,SACzCD,EAAOA,QAACD,EACT,GACA,CAACpC,EAAkBzB,IAEtBgE,EAAAA,WAAU,KAEH7D,GAAqB,YAAXgD,GAAqC,UAAb/C,EAU7BD,GAAqB,cAAXgD,GAAuC,UAAb/C,GAExC+C,IAAWpB,EAAcI,SAC3BwB,KARE7B,EAAkBK,SAAS8B,SAASpB,EAAAA,qBACtCc,KAUG,KACL5B,EAAcI,QAAUgB,CAAM,IAE/B,CAAChD,EAAQgD,EAAQQ,GAAavD,IAGjC4D,EAAAA,WAAU,KACJ7D,IACGF,GAAakC,SAIPlC,EAAYkC,mBAAmB4B,QAGxCtC,EAAiBU,QAAUC,SAASC,KAAK4B,SAAShE,EAAYkC,SAC1DlC,EAAYkC,QACXU,EAAAA,mBANLpB,EAAiBU,QAAUU,EAAAA,mBAW7BpB,EAAiBU,SAAS+B,iBAAiB,UAAWvB,IAEjD,KAELlB,EAAiBU,SAASgC,oBAAoB,UAAWxB,EAAwB,IAElF,CAACxC,EAAQF,EAAa0C,IAIzB,MAAMY,GAAkB,KACtB,IAAIa,EAAsBxD,EACL,SAAjBA,IAGAwD,EAFe,UAAbhE,EAEoB,iBAGA,QAME,UAAxBgE,IACFN,UAAQhC,EAAkBK,SAC1BnB,MACAD,KAAkB,IAKQ,mBAAxBqD,IACFnB,cAAYnB,EAAkBK,SAC9BnB,MACD,EA0BGqD,GAAc,CAClB/D,SAxBwB,CAACD,IACzB,IAAIiE,EAAa,EASjB,OARIjE,IAGFiE,EAA+B,iBAAXjE,EAAsBA,EAASA,EAAOC,UAAY,EACzD,WAATQ,IACFwD,GAAc,IAGXA,CAAU,EAcPC,CAAkBlE,GAC5BE,UAZyB,CAACF,GACrBA,EAKsB,iBAAXA,EAAsB,EAAIA,EAAOE,WAAa,EAJrD,EAUEiE,CAAmBnE,IAG1BoE,GAAsB/B,IAC1B,MAAMgC,EAAqB7B,EAAAA,mBACrB8B,EAAY7C,EAAkBK,QAC9ByB,EAAanC,EAAiBU,QACpC,GAAIwC,IAAcD,GAAsBC,GAAWV,SAASS,GAC1D,OAAQhC,EAAMI,MACZ,IAAK,SAEHnC,IAAU,CAAEiE,OAAQ,cACpB,MAEF,IAAK,KAGHlC,EAAMK,iBACNL,EAAMM,kBAGFY,GAA2B,aAAbxD,GAChB0D,EAAOA,QAACF,GAIf,EAGHiB,EAAAA,iBAAgB,KACd,GACa,cAAX1B,GAC6B,MAA7BrB,EAAkBK,SACF,MAAhBR,GACS,SAATb,EAEA,OAEF,MAAMgE,EAAqBC,EAAAA,WAAWC,EAASA,UAACC,iBAC1CC,EAAgBC,iBAAiBrD,EAAkBK,SACzDP,EAAgBsD,EAAcE,iBAAiBN,GAAoB,GAClE,CAAC3B,EAAQrB,EAAmBH,EAAcb,IAG7C,MAAMuE,UAAEA,GAASC,QAAEA,IAAYC,EAAiBA,kBAACC,EAAiBA,mBAC5DC,GAAuB,cAAXtC,EAEZuC,GAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,GAAsBC,sBAAoCL,QACrDM,IAAWF,GAAoBvE,GAEpC0E,GAAc,IAEhBC,EAAAC,IAACC,EAASA,UAAA,CAACC,iBAAiB,EAAKnG,SAG/BgG,EAAAA,IACE,MAAA,CAAA1E,IAAKgC,EACL8C,UAAW,EACXpF,KAAMA,EACNqF,UAAWC,EAAAA,WAAW,CAACnB,GAAuB,aAAZpE,EAAyB,KAAOqE,KAClEmB,MAAOT,GACPU,UAAWjC,GACC,aAAAtD,EACK,kBAAAC,EACC,mBAAAC,KACdW,EACH9B,SAAAA,MAMHyG,GAA+B,IAC9B3G,GAAcA,EAAUmC,QAQzB+D,MAACU,EAAAA,SAAQ,CACPpF,IAAK0B,EACL+B,gBAAiBtD,EACjB3B,UAAWA,EACXa,UAAWA,EACXgG,YAAaxC,GACb7D,YAAaA,EACbC,aAAcA,EACdK,KAAMA,EACNsC,WAAYA,EAAUlD,SACrB+F,OAhBHC,EAAAA,IAACY,EAAAA,cAAa,CAACjG,UAAWA,EAAqCR,OAAQgE,YACrE6B,EAAKC,IAAA,MAAA,CAAA3E,IAAK0B,EAAsBhD,SAAG+F,SAqB3C,OAAIR,GACe,UAAbrF,EACK8F,EAAAC,IAACY,EAAKA,MAAA,CAAC5G,OAAQsF,GAAYvF,SAAAyG,OAE3BT,EAAAA,IAACc,EAAAA,MAAK,CAAA9G,SAAEyG,OAEL,IAAI"}

package/amd/ProgressBar-8ab08930.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-e8dd7f7c', './useTranslationBundle-68275657', './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:x,trackBorderEdgeNone:B,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?x:""]),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"},f="active"===p?void 0:"none"===d?B:b;return a.jsx(t.BarTrack,{id:e,ariaProps:N,class:r.classNames([u,f]),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:x,trackBorderEdgeTop:B}}=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?x:B]),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-8ab08930.js.map

package/amd/ProgressBar-8ab08930.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-8ab08930.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/ProgressButton-cd0c21df.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-c86afd54', './ProgressButtonLabelLayout-76d8a3e7', 'preact/compat', './useTooltip-682ae8ca', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-27dfba9e', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', './buttonUtils-97878e90', './resources/nls/en/bundle'], (function(e,t,o,s,a,l,i,n,r,d,c,b,u,p,g,y,m){"use strict";const f=l.forwardRef((({variant:e="outlined",isLoading:l=!1,isDisabled:n=!1,size:d="md",display:c="all",type:b="button",startIcon:u,edge:p,testId:g,onAction:f,label:L="",tooltip:h,"aria-describedby":B,width:P,...T},v)=>{const{globalEventProps:A}=y.processGlobals(T),x=!n&&l,C=m.default.accButtonProgressStatus({label:L}),w=m.default.accButtonProgressComplete({label:L}),j=x&&("label"==c||!u)?h||L:h,{tooltipContent:D,tooltipProps:I}=i.useTooltip({text:j,isDisabled:n}),S=!u||"label"===c,U={type:"button",buttonType:b},k=t.jsx(a.ProgressButtonLabelLayout,{display:c,isLoadingContrast:"callToAction"===e,startIcon:u,accessibleLoadedLabel:w,accessibleLoadingLabel:C,size:d,isLoading:x,children:L}),{"aria-describedby":z,...E}=I;return t.jsxs(o.Fragment,{children:[t.jsx(s.BaseButton,{...r.mergeProps(E,A),ref:v,elementDetails:U,isDisabled:n,isReadOnly:x,size:d,width:P,edge:p,variant:e,styling:S?x?["default","hiddenLabel","noHoverActive"]:["default"]:x?["noHoverActive","min"]:["min"],onAction:f,"aria-label":L,testId:g,children:k}),D]})}));f.displayName="ProgressButton",e.ProgressButton=f}));
+//# sourceMappingURL=ProgressButton-cd0c21df.js.map

package/amd/ProgressButton-cd0c21df.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressButton-cd0c21df.js","sources":["../../src/UNSAFE_ProgressButton/ProgressButton.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, Ref, Fragment } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ProgressButtonLabelLayout } from '../UNSAFE_ProgressButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { processGlobals, ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport translations from '#resources/nls/en/bundle';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'autofocus'>;\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\ntype BaseButtonProps = ComponentProps<typeof BaseButton>;\n\ntype Props = IntrinsicProps &\n  ButtonIntrinsicProps &\n  Pick<BaseButtonProps, 'aria-describedby'> &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * Specifies that a quick indeterminate action is taking place, making the button read-only.\n     */\n    isLoading?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction';\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * tooltip - overrides the aria-label for the tooltip\n     */\n    tooltip?: string;\n  };\n/**\n * A Progress button is a push button that can show progress.\n */\nexport const ProgressButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isLoading = false,\n      isDisabled = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      startIcon,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      tooltip,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n    const isAdjustedLoading = isDisabled ? false : isLoading;\n    const progressStatus = translations.accButtonProgressStatus({\n      label: label\n    });\n    const progressComplete = translations.accButtonProgressComplete({\n      label: label\n    });\n\n    const showTooltip = isAdjustedLoading && (display == 'label' || !startIcon);\n    const tooltipLabel = showTooltip ? (tooltip ? tooltip : label) : tooltip;\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltipLabel,\n      isDisabled\n    });\n\n    const labelOnly = !startIcon || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = (\n      <ProgressButtonLabelLayout\n        display={display}\n        isLoadingContrast={variant === 'callToAction'}\n        startIcon={startIcon}\n        accessibleLoadedLabel={progressComplete}\n        accessibleLoadingLabel={progressStatus}\n        size={size}\n        isLoading={isAdjustedLoading}>\n        {label}\n      </ProgressButtonLabelLayout>\n    );\n\n    /* For a11y, we use ignore aria-label during loading time */\n    const { 'aria-describedby': adb, ...ttProps } = tooltipProps;\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(ttProps, globalEventProps)}\n          ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          isReadOnly={isAdjustedLoading}\n          size={size}\n          width={width}\n          edge={edge}\n          variant={variant}\n          styling={\n            labelOnly\n              ? isAdjustedLoading\n                ? ['default', 'hiddenLabel', 'noHoverActive']\n                : ['default']\n              : isAdjustedLoading\n              ? ['noHoverActive', 'min']\n              : ['min']\n          }\n          onAction={onAction}\n          aria-label={label}\n          testId={testId}>\n          {content}\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nProgressButton.displayName = 'ProgressButton';\n"],"names":["ProgressButton","forwardRef","variant","isLoading","isDisabled","size","display","type","buttonType","startIcon","edge","testId","onAction","label","tooltip","ariaDescribedBy","width","props","ref","globalEventProps","processGlobals","isAdjustedLoading","progressStatus","translations","accButtonProgressStatus","progressComplete","accButtonProgressComplete","tooltipLabel","tooltipContent","tooltipProps","useTooltip","text","labelOnly","elementDetails","content","_jsx","ProgressButtonLabelLayout","isLoadingContrast","accessibleLoadedLabel","accessibleLoadingLabel","adb","ttProps","_jsxs","Fragment","children","BaseButton","mergeProps","isReadOnly","styling","displayName"],"mappings":"2iBAgGa,MAAAA,EAAiBC,EAAAA,YAC5B,EAEIC,UAAU,WACVC,aAAY,EACZC,cAAa,EACbC,OAAO,KACPC,UAAU,MACVC,KAAMC,EAAa,SACnBC,YACAC,OACAC,SACAC,WACAC,QAAQ,GACRC,UACA,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,iBAAEA,GAAqBC,EAAcA,eAACH,GACtCI,GAAoBjB,GAAqBD,EACzCmB,EAAiBC,EAAY,QAACC,wBAAwB,CAC1DX,MAAOA,IAEHY,EAAmBF,EAAY,QAACG,0BAA0B,CAC9Db,MAAOA,IAIHc,EADcN,IAAiC,SAAXf,IAAuBG,GAC7BK,GAAoBD,EAASC,GAE3Dc,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMJ,EACNvB,eAGI4B,GAAavB,GAAyB,UAAZH,EAC1B2B,EAAiB,CACrB1B,KAAM,SACNC,WAAYA,GAER0B,EACJC,EAAAA,IAACC,EAAyBA,2BACxB9B,QAASA,EACT+B,kBAA+B,iBAAZnC,EACnBO,UAAWA,EACX6B,sBAAuBb,EACvBc,uBAAwBjB,EACxBjB,KAAMA,EACNF,UAAWkB,WACVR,KAKG,mBAAoB2B,KAAQC,GAAYZ,EAEhD,OACEa,OAACC,EAAQA,SAAA,CAAAC,SAAA,CACPT,MAACU,EAAUA,WAAA,IACLC,EAAAA,WAAWL,EAAStB,GACxBD,IAAKA,EACLe,eAAgBA,EAChB7B,WAAYA,EACZ2C,WAAY1B,EACZhB,KAAMA,EACNW,MAAOA,EACPN,KAAMA,EACNR,QAASA,EACT8C,QACEhB,EACIX,EACE,CAAC,UAAW,cAAe,iBAC3B,CAAC,WACHA,EACA,CAAC,gBAAiB,OAClB,CAAC,OAEPT,SAAUA,EACE,aAAAC,EACZF,OAAQA,EACPiC,SAAAV,IAEFN,IAEH,IAIN5B,EAAeiD,YAAc"}

package/amd/ProgressButtonLabelLayout-76d8a3e7.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useProgressButtonLabelLayoutTheme-8893dd91', './classNames-08d99695', './ProgressCircle-0046c4c8', './withThemeProps-cab1ae08', './View-db26162c', './useColorScheme-6b864d5c', 'preact/hooks', './HiddenAccessible-037ef42d'], (function(s,e,a,i,t,n,r,o,l,c){"use strict";function d({isLoadingContrast:s=!1}){const a=n.withThemeProps(r.View),i=o.useColorScheme(),l=i&&"light"!==i?"light":"dark";return s?e.jsx(a,{colorScheme:l,children:e.jsx(t.ProgressCircle,{size:"sm",value:"indeterminate"})}):e.jsx(t.ProgressCircle,{size:"sm",value:"indeterminate"})}function h({size:s="md",display:t="all",styling:n="default",isLoadingContrast:r=!1,isLoading:o=!1,children:h,startIcon:u,accessibleLoadedLabel:g,accessibleLoadingLabel:m}){const{startIconClasses:L,labelClasses:b,labelStyles:p,progressIconClasses:x,containerClasses:C,isShowIcons:j,isShowText:y,hasTextStartIcon:P}=a.useProgressButtonLabelLayoutTheme({display:t,size:s,styling:n,isLoading:o,startIcon:u,children:h}),S="label"===t||!u,v=i.classNames([C,o?x:void 0]),[f,I]=l.useState(!1),[T,w]=l.useState(!1);return o&&!f&&w(!0),!o&&T&&(I(!0),w(!1),setTimeout((()=>{I(!1)}),500)),e.jsxs("span",{class:v,children:[j&&u&&e.jsx("span",{class:L,"aria-hidden":!0,children:o?e.jsx(d,{isLoadingContrast:r}):u}),y&&h&&e.jsxs("span",{"aria-hidden":!0,class:S?void 0:b,children:[" ",h," "]}),y&&h&&o&&!P&&e.jsx("span",{class:p.floatingIcon,"aria-hidden":!0,children:e.jsx(d,{isLoadingContrast:r})}),g?e.jsx("span",{"aria-live":"assertive",children:e.jsx(c.HiddenAccessible,{children:f?g:o?m:void 0})}):void 0]})}d.displayName="AdjustedProgressCircle",h.displayName="ProgressButtonLabelLayout",s.ProgressButtonLabelLayout=h}));
+define(['exports', 'preact/jsx-runtime', './useProgressButtonLabelLayoutTheme-8893dd91', './classNames-08d99695', './ProgressCircle-9c36b39c', './withThemeProps-cab1ae08', './View-b5d6b669', './useColorScheme-09a67d56', 'preact/hooks', './HiddenAccessible-037ef42d'], (function(s,e,a,i,t,n,r,o,l,c){"use strict";function d({isLoadingContrast:s=!1}){const a=n.withThemeProps(r.View),i=o.useColorScheme(),l=i&&"light"!==i?"light":"dark";return s?e.jsx(a,{colorScheme:l,children:e.jsx(t.ProgressCircle,{size:"sm",value:"indeterminate"})}):e.jsx(t.ProgressCircle,{size:"sm",value:"indeterminate"})}function h({size:s="md",display:t="all",styling:n="default",isLoadingContrast:r=!1,isLoading:o=!1,children:h,startIcon:u,accessibleLoadedLabel:g,accessibleLoadingLabel:m}){const{startIconClasses:L,labelClasses:b,labelStyles:p,progressIconClasses:x,containerClasses:C,isShowIcons:j,isShowText:y,hasTextStartIcon:P}=a.useProgressButtonLabelLayoutTheme({display:t,size:s,styling:n,isLoading:o,startIcon:u,children:h}),S="label"===t||!u,v=i.classNames([C,o?x:void 0]),[f,I]=l.useState(!1),[T,w]=l.useState(!1);return o&&!f&&w(!0),!o&&T&&(I(!0),w(!1),setTimeout((()=>{I(!1)}),500)),e.jsxs("span",{class:v,children:[j&&u&&e.jsx("span",{class:L,"aria-hidden":!0,children:o?e.jsx(d,{isLoadingContrast:r}):u}),y&&h&&e.jsxs("span",{"aria-hidden":!0,class:S?void 0:b,children:[" ",h," "]}),y&&h&&o&&!P&&e.jsx("span",{class:p.floatingIcon,"aria-hidden":!0,children:e.jsx(d,{isLoadingContrast:r})}),g?e.jsx("span",{"aria-live":"assertive",children:e.jsx(c.HiddenAccessible,{children:f?g:o?m:void 0})}):void 0]})}d.displayName="AdjustedProgressCircle",h.displayName="ProgressButtonLabelLayout",s.ProgressButtonLabelLayout=h}));
 //# sourceMappingURL=ProgressButtonLabelLayout-76d8a3e7.js.map

package/amd/ProgressCircle-9c36b39c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-775a2dde', './circleUtils-1886e5b4', './useTranslationBundle-68275657', './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:p,valueStyle:b}}=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,p])}),a.jsx(o.CircleInner,{class:r.classNames([u,b]),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-9c36b39c.js.map

package/amd/ProgressCircle-9c36b39c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle-9c36b39c.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/RadioItem-1a02d3dc.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useInteractionStyle-ee1dc0c0', './useTranslationBundle-68275657', './CheckboxRadioContext-6a0fead0', './Check-03759769', './RadioButtonOff-cc49ced4', './RadioButtonOn-37b2fe31', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-b8764305', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-27dfba9e', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-b0704743', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-f5228b1d', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,o,t,a,n,d,i,c,l,r,u,m,b,h,p,S,y,C,x,F,A,R,T,f,g,U,I,v,B,w,M,E,_,N,j,k,L,V,D,H,O,P,z,G,$,q,J,K,Q,W,X,Y,Z){"use strict";e.RadioItem=({value:e,children:n,...i})=>{const{isReadonly:r,isDisabled:F}=d.useFormContext(),{isDisabled:A,isReadonly:R}=c.useFormFieldContext(),{name:T,value:f,onCommit:g}=x.useRadioSetContext(),{isFocusRingShown:U}=h.useCheckboxRadioContext(),{index:I}=x.useRadioItemContext(),{isTabbable:v}=u.useTabbableMode(),B=l.useId(),{isFocus:w,focusProps:M}=a.useFocus(),E=o.createRef(),_=f===e,N=A??F,j=R??r,{interactionProps:k,applyActiveStyle:L}=m.useInteractionStyle(),{classes:V,styles:{valueLabelStyle:D}}=t.useComponentTheme(Z.RadioRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",focused:w&&U?"isFocused":""}),{classes:H}=t.useComponentTheme(Y.RadioIconRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:j?"isReadonly":"notReadonly",active:L?"isActive":"notActive"});o.useEffect((()=>{w&&U&&E?.current?.scrollIntoView({block:"nearest"})}),[w,U,E]);const{assistiveText:O,helpSourceLink:P}=i,z=!(N||j||!O&&!P),G=z?`${B}-help-available`:void 0,$=z?`${B}-icon-ua`:void 0,q=b.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),J=j?_?p.SvgCheck:S.SvgRadioButtonOff:_?y.SvgRadioButtonOn:S.SvgRadioButtonOff,K=!1!==v&&(0===I&&!f||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:V,ref:E,children:[s.jsxs(C.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:T,id:B,value:e,...!j&&!N&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:f,value:e})}},checked:_,disabled:N,"aria-describedby":G,tabIndex:K,...M}),z&&s.jsx(C.HiddenAccessible,{id:G,isHidden:!0,children:q})]}),s.jsx("span",{"aria-hidden":"true",class:H,...k,children:s.jsx(J,{size:X.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:D,children:[s.jsx("span",{...k,children:n}),z&&s.jsx(W.IconUserAssistance,{...i,isTabbable:v&&w,id:$})]})]})})}}));
+//# sourceMappingURL=RadioItem-1a02d3dc.js.map

package/amd/RadioItem-1a02d3dc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioItem-1a02d3dc.js","sources":["../../src/UNSAFE_RadioItem/RadioItem.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 */\nimport { createRef, useEffect } from 'preact/compat';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '../PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '../PRIVATE_ThemedIcons/RadioOnIcon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useRadioSetContext } from '../UNSAFE_RadioSet/RadioSetContext';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { IconUserAssistance } from '../UNSAFE_UserAssistance';\nimport { radioIconVars } from './themes/RadioIconContract.css';\nimport { RadioIconRedwoodTheme } from './themes/redwood/RadioIconTheme';\nimport { RadioRedwoodTheme } from './themes/redwood/RadioTheme';\nimport { useRadioItemContext } from './RadioItemContext';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Text that describes the radio button value.\n   */\n  children: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: string;\n  /**\n   * Value of the radio button.\n   */\n  value: string | number;\n};\n/**\n * RadioItem is an input element of type radio.\n */\nexport const RadioItem = ({ value, children, ...assistanceProps }: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, value: groupValue, onCommit } = useRadioSetContext();\n  const { isFocusRingShown } = useCheckboxRadioContext();\n  const { index } = useRadioItemContext();\n  const { isTabbable } = useTabbableMode();\n  const id = useId();\n  const { isFocus, focusProps } = useFocus();\n  const labelRef = createRef<HTMLLabelElement>();\n  const isSelected = groupValue === value;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const {\n    classes: radioClasses,\n    styles: { valueLabelStyle }\n  } = useComponentTheme(RadioRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    focused: isFocus && isFocusRingShown ? 'isFocused' : ''\n  });\n\n  const { classes: radioIconClasses } = useComponentTheme(RadioIconRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    active: applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  // JET-70100 - ensure radio button is scrolled into view when focused and focus ring is shown\n  useEffect(() => {\n    if (isFocus && isFocusRingShown) {\n      labelRef?.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocus, isFocusRingShown, labelRef]);\n\n  const { assistiveText, helpSourceLink } = assistanceProps;\n  const hasUserAssistive = !isDisabled && !isReadonly && !!(assistiveText || helpSourceLink);\n  const helpAvailableId = hasUserAssistive ? `${id}-help-available` : undefined;\n  const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const helpAvailableString = translations.formControl_helpAvailable();\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  const tabIndex = isTabbable !== false && ((index === 0 && !groupValue) || isSelected) ? 0 : -1;\n\n  return (\n    <div>\n      <label class={radioClasses} ref={labelRef}>\n        <HiddenAccessible>\n          <input\n            type=\"radio\"\n            name={name}\n            id={id}\n            value={value}\n            {...(!isReadonly &&\n              !isDisabled && {\n                onChange: (e) => {\n                  e.stopPropagation();\n                  onCommit?.({ previousValue: groupValue, value });\n                }\n              })}\n            checked={isSelected}\n            disabled={isDisabled}\n            aria-describedby={helpAvailableId}\n            tabIndex={tabIndex}\n            {...focusProps}\n          />\n          {hasUserAssistive && (\n            <HiddenAccessible id={helpAvailableId} isHidden={true}>\n              {helpAvailableString}\n            </HiddenAccessible>\n          )}\n        </HiddenAccessible>\n        <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n          <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n        </span>\n        <span class={valueLabelStyle}>\n          <span {...interactionProps}>{children}</span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              {...assistanceProps}\n              isTabbable={isTabbable && isFocus}\n              id={uaId as string}\n            />\n          )}\n        </span>\n      </label>\n    </div>\n  );\n};\n"],"names":["value","children","assistanceProps","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","groupValue","onCommit","useRadioSetContext","isFocusRingShown","useCheckboxRadioContext","index","useRadioItemContext","isTabbable","useTabbableMode","id","useId","isFocus","focusProps","useFocus","labelRef","createRef","isSelected","interactionProps","applyActiveStyle","useInteractionStyle","classes","radioClasses","styles","valueLabelStyle","useComponentTheme","RadioRedwoodTheme","disabled","focused","radioIconClasses","RadioIconRedwoodTheme","selected","readonly","active","useEffect","current","scrollIntoView","block","assistiveText","helpSourceLink","hasUserAssistive","helpAvailableId","undefined","uaId","helpAvailableString","useTranslationBundle","formControl_helpAvailable","IconComp","CheckIcon","SvgCheck","RadioOffIcon","SvgRadioButtonOff","RadioOnIcon","SvgRadioButtonOn","tabIndex","_jsx","jsx","_jsxs","jsxs","class","ref","HiddenAccessible","type","onChange","e","stopPropagation","previousValue","checked","isHidden","size","radioIconVars","iconSize","color","IconUserAssistance"],"mappings":"8jEAwDyB,EAAGA,QAAOC,cAAaC,MAC9C,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAMX,MAAOY,EAAUC,SAAEA,GAAaC,EAAAA,sBACxCC,iBAAEA,GAAqBC,EAAAA,2BACvBC,MAAEA,GAAUC,EAAAA,uBACZC,WAAEA,GAAeC,EAAAA,kBACjBC,EAAKC,EAAAA,SACLC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EAAWC,EAAAA,YACXC,EAAahB,IAAeZ,EAC5BK,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,GAChCyB,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAmBA,uBAGhEC,QAASC,EACTC,QAAQC,gBAAEA,IACRC,EAAiBA,kBAACC,oBAAmB,CACvCC,SAAUjC,EAAa,aAAe,cACtCkC,QAAShB,GAAWR,EAAmB,YAAc,MAG/CiB,QAASQ,GAAqBJ,EAAAA,kBAAkBK,EAAAA,sBAAuB,CAC7EH,SAAUjC,EAAa,aAAe,cACtCqC,SAAUd,EAAa,aAAe,cACtCe,SAAUxC,EAAa,aAAe,cACtCyC,OAAQd,EAAmB,WAAa,cAI1Ce,EAAAA,WAAU,KACJtB,GAAWR,GACbW,GAAUoB,SAASC,eAAe,CAAEC,MAAO,WAC5C,GACA,CAACzB,EAASR,EAAkBW,IAE/B,MAAMuB,cAAEA,EAAaC,eAAEA,GAAmBhD,EACpCiD,IAAoB9C,GAAeF,IAAiB8C,IAAiBC,GACrEE,EAAkBD,EAAmB,GAAG9B,wBAAsBgC,EAC9DC,EAAOH,EAAmB,GAAG9B,iBAAegC,EAE5CE,EADeC,uBAAiC,4BACbC,4BAEnCC,EAAWvD,EACbyB,EACE+B,EAASC,SACTC,EAAYC,kBACdlC,EACAmC,EAAWC,iBACXH,oBAEEI,GAA0B,IAAf9C,IAAoC,IAAVF,IAAgBL,GAAegB,GAAc,GAAK,EAE7F,OACEsC,EAAAC,IAAA,MAAA,CAAAlE,SACEmE,EAAOC,KAAA,QAAA,CAAAC,MAAOrC,EAAcsC,IAAK7C,EAAQzB,SAAA,CACvCmE,EAAAA,KAACI,EAAAA,4BACCN,EACEC,IAAA,QAAA,CAAAM,KAAK,QACL9D,KAAMA,EACNU,GAAIA,EACJrB,MAAOA,MACDG,IACHE,GAAc,CACbqE,SAAWC,IACTA,EAAEC,kBACF/D,IAAW,CAAEgE,cAAejE,EAAYZ,SAAQ,GAGtD8E,QAASlD,EACTU,SAAUjC,EACQ,mBAAA+C,EAClBa,SAAUA,KACNzC,IAEL2B,GACCe,EAAAC,IAACK,EAAgBA,iBAAC,CAAAnD,GAAI+B,EAAiB2B,UAAU,WAC9CxB,OAIPW,EAAAA,0BAAkB,OAAOI,MAAO9B,KAAsBX,EACpD5B,SAAAiE,EAAAA,IAACR,EAAS,CAAAsB,KAAMC,EAAAA,cAAcC,SAAUC,MAAM,mBAEhDf,OAAA,OAAA,CAAME,MAAOnC,YACX+B,EAAUC,IAAA,OAAA,IAAAtC,EAAmB5B,SAAAA,IAC5BkD,GACCe,MAACkB,EAAkBA,mBAAA,IACblF,EACJiB,WAAYA,GAAcI,EAC1BF,GAAIiC,WAMd"}

package/amd/RadioSet-94d12876.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFormFieldContextProps-4e36b4c3', './useId-c9578d26', './RadioItemContext-70878de8', './CheckboxRadioField-1987c75d'], (function(e,t,i,a,s,o,d,r,l,n,c,u){"use strict";const m=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:s,direction:r="column",helpSourceLink:m,helpSourceText:x,isDisabled:b,isReadonly:h,isRequired:p=!1,label:C,labelEdge:F,labelStartWidth:R,messages:S,onCommit:v,testId:y,userAssistanceDensity:D,value:I,children:g},f)=>{const j=null!=I,{isDisabled:k,isReadonly:P,labelEdge:A,labelStartWidth:T,userAssistanceDensity:E}=o.useFormContext(),V=b??k,W=h??P,q=F??A,L=R??T,w=D??E,z=l.useFormFieldContextProps({hasValue:j,isDisabled:V,isReadonly:W}),B=n.useId();return t.jsx(d.FormFieldContext.Provider,{value:z,children:t.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:a,baseId:B,columnSpan:s,direction:r,helpSourceLink:m,helpSourceText:x,isDisabled:V,isReadonly:W,isRequired:p,label:C,labelEdge:q,labelStartWidth:L,parentComponentVariant:"radioSet",messages:S,userAssistanceDensity:w,hasValue:j,ref:f,role:"radiogroup",testId:y,children:t.jsx(c.RadioSetContext.Provider,{value:{name:B,value:I,onCommit:v},children:i.toChildArray(g).map(((e,i)=>t.jsx(c.RadioItemContext.Provider,{value:{index:i},children:e})))})})})}));e.RadioSet=m}));
+//# sourceMappingURL=RadioSet-94d12876.js.map

package/amd/RadioSet-94d12876.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioSet-94d12876.js","sources":["../../src/UNSAFE_RadioSet/RadioSet.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '../hooks/UNSAFE_useFormFieldContextProps';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '../UNSAFE_UserAssistance';\n\nimport { CheckboxRadioField } from '../PRIVATE_CheckboxRadioField';\nimport { RadioSetContext } from './RadioSetContext';\nimport { RadioItemContext } from '../UNSAFE_RadioItem/RadioItemContext';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * RadioItem\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the radio set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the radio set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the radio set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of radio items.\n   *\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<string | number | undefined>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the radio option.\n   */\n  value?: string | number;\n};\n/**\n * A radio set allows the user to select one option from a set of mutually exclusive options.\n */\nexport const RadioSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n\n      children\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value != null;\n    const {\n      isDisabled: isFormDisabled,\n      // TODO: unused variables, are they needed?\n      // isFormLayout,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const baseId = useId();\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"radioSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          ref={ref}\n          role=\"radiogroup\"\n          testId={testId}>\n          <RadioSetContext.Provider\n            value={{\n              name: baseId,\n              value,\n              onCommit\n            }}>\n            {toChildArray(children).map((child, index) => (\n              <RadioItemContext.Provider value={{ index }}>{child}</RadioItemContext.Provider>\n            ))}\n          </RadioSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["RadioSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","testId","userAssistanceDensity","propUserAssistanceDensity","value","children","ref","hasValue","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","baseId","useId","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","RadioSetContext","name","toChildArray","map","child","index","RadioItemContext"],"mappings":"0UAgHO,MAAMA,EAAWC,EAAUA,YAChC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,SACAC,sBAAuBC,EACvBC,QAEAC,YAEFC,KAEA,MAAMC,EAAoB,MAATH,GAEff,WAAYmB,EAGZjB,WAAYkB,EACZd,UAAWe,EACXb,gBAAiBc,EACjBT,sBAAuBU,GACrBC,EAAAA,iBAEExB,EAAaC,GAAkBkB,EAC/BjB,EAAaC,GAAkBiB,EAC/Bd,EAAYC,GAAiBc,EAC7Bb,EAAkBC,GAAuBa,EACzCT,EAAwBC,GAA6BS,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDR,WACAlB,aACAE,eAGIyB,EAASC,EAAAA,QAEf,OACEC,MAACC,EAAgBA,iBAACC,SAAS,CAAAhB,MAAOU,EAAgBT,SAChDa,EAAAA,IAACG,EAAAA,mBAAkB,CAAA,mBACCtC,EAClBC,cAAeA,EACfgC,OAAQA,EACR/B,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjByB,uBAAuB,WACvBvB,SAAUA,EACVG,sBAAuBA,EACvBK,SAAUA,EACVD,IAAKA,EACLiB,KAAK,aACLtB,OAAQA,EACRI,SAAAa,EAAAM,IAACC,EAAeA,gBAACL,SACf,CAAAhB,MAAO,CACLsB,KAAMV,EACNZ,QACAJ,YACDK,SACAsB,eAAatB,GAAUuB,KAAI,CAACC,EAAOC,IAClCZ,EAACM,IAAAO,mBAAiBX,SAAS,CAAAhB,MAAO,CAAE0B,SAAOzB,SAAGwB,WAKtD"}

package/amd/RatingGauge-1c40dae3.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-797287de', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-ce9c81d0', 'preact/compat', './LayerHost-733ade2f', 'css!./LayerStyles.styles.css', './Floating-ae9845d4', 'css!./useDatatip.styles.css', './datatipUtils-72a1fe48', './meterUtils-775a2dde', './useDatatip-be9b251b', './useTooltip-7b915f4c', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-c286f212'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,p,b,y,g,m,R,S,x,f,C,v,T,w,D,j,P){"use strict";function U(e,t,s,a,o){const i=a.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(o?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function N(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const M=({isSelected:e,isDisabled:s,isReadOnly:a,color:c="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,p=h&&s,b=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(c),y=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:g,styles:{ratingStarBaseStyle:m,innerRatingStarColor:R,outerRatingStarColor:S,outerDisabledHighContrastBaseStyle:x,outerDisabledHighContrastSelectedStyle:f,outerDisabledHighContrastUnselectedStyle:C}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:b,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:a?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:b?void 0:y,class:o.classNames([m,b?g:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:R,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:o.classNames([S,p?x:"",p?e?f:C:""]),d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})})},G=({fillRatio:e,isDisabled:a,isReadonly:o,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r,{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return 1===e||0===e?t.jsx(M,{isSelected:1===e,isDisabled:a,isReadOnly:o,color:i}):t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(M,{isSelected:!1,isDisabled:a,isReadOnly:o,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(M,{isSelected:!0,isDisabled:a,isReadOnly:o,color:i})})]})};e.RatingGauge=function({max:e=5,value:i=0,size:r,color:u="neutral",step:h=1,isReadonly:p,isDisabled:b,testId:y,...g}){const x=P.useTestId(y);m.validateRange(0,e,i,h);const f=a.useRef(null),C=a.useRef(N(null)),v=!p&&!b;a.useEffect((()=>{C.current=N(f.current)}),[r,e]);const T=((e,t,s,o,i,n,r,d)=>{const u=a.useRef(),{direction:h}=l.useUser(),p="rtl"===h,b=e=>{d?.({value:e}),u.current=e},y=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=U(s.pageX,e,t,i,p);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=U(s.pageX,e,t,i,p);-1!==a&&a!=u.current&&b(a)},onKeyUp:y.onKeyUp,onKeyDown:y.onKeyDown,onPointerLeave:()=>{b(void 0)},onPointerEnter:()=>{i.current=N(o.current)}}:{}})(e,h,i,f,C,v,g.onCommit,g.onInput),{datatipContent:D,datatipProps:M}=function({max:e,value:t,isDisabled:s,isReadonly:a,datatip:o,thresholds:i,width:n}){const l=(Math.max(1,Math.ceil(t))-Math.ceil(e/2))*n/e,r=o||!i||s?o:m.findThreshold(t,i)?.accessibleLabel,{datatipContent:d,datatipProps:c}=R.useDatatip({content:s||a?null:r,anchor:"element",offset:{mainAxis:8,crossAxis:l},placement:"bottom",touchResponse:"touchStart"});return{datatipContent:d,datatipProps:a&&!s?{"aria-describedby":void 0}:c}}({max:e,value:i,isDisabled:b,isReadonly:p,datatip:g.datatip,thresholds:g.thresholds,width:C.current.width}),{tooltipContent:A,tooltipProps:B}=function({isReadonly:e,isDisabled:t,tooltip:s}){const a=e&&!t?s:"",{tooltipContent:o,tooltipProps:i}=S.useTooltip({text:a,isDisabled:t});return{tooltipContent:o,tooltipProps:!t&&e?i:{"aria-describedby":void 0}}}({isReadonly:p,isDisabled:b,tooltip:g.tooltip}),E=m.getMeterAriaProps(i,0,e,g["aria-label"],g["aria-labelledby"],g.thresholds,b,p,g.tooltip),{"aria-describedby":F,...z}=M,{"aria-describedby":H,...I}=B,K=w.mergeProps(T,z,I),V=[F,H,g["aria-describedby"]].filter(Boolean).join(" ")||void 0,L=m.getThresholdColorFromValue(i,u,g.thresholds),{isTabbable:O}=j.useTabbableMode(),{classes:$,styles:{baseStyle:_,interactiveStyle:k,itemStyle:X,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...x,...E,ref:f,class:o.classNames([$,_,v?k:void 0]),tabIndex:O&&!b?0:-1,...K,"aria-describedby":V,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,X]),children:t.jsx(G,{fillRatio:a,isDisabled:b,isReadonly:p,color:L})})}))}),D,A]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-e8dd7f7c', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-f8b3ead1', 'preact/compat', './LayerHost-27dfba9e', 'css!./LayerStyles.styles.css', './Floating-f12b8739', 'css!./useDatatip.styles.css', './datatipUtils-72a1fe48', './meterUtils-775a2dde', './useDatatip-8a63fb35', './useTooltip-682ae8ca', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-0140aa44'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,p,b,y,g,m,R,S,f,x,C,v,T,w,D,j,P){"use strict";function U(e,t,s,a,o){const i=a.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(o?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function N(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const M=({isSelected:e,isDisabled:s,isReadOnly:a,color:c="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,p=h&&s,b=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(c),y=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:g,styles:{ratingStarBaseStyle:m,innerRatingStarColor:R,outerRatingStarColor:S,outerDisabledHighContrastBaseStyle:f,outerDisabledHighContrastSelectedStyle:x,outerDisabledHighContrastUnselectedStyle:C}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:b,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:a?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:b?void 0:y,class:o.classNames([m,b?g:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:R,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:o.classNames([S,p?f:"",p?e?x:C:""]),d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})})},G=({fillRatio:e,isDisabled:a,isReadonly:o,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r,{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return 1===e||0===e?t.jsx(M,{isSelected:1===e,isDisabled:a,isReadOnly:o,color:i}):t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(M,{isSelected:!1,isDisabled:a,isReadOnly:o,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(M,{isSelected:!0,isDisabled:a,isReadOnly:o,color:i})})]})};e.RatingGauge=function({max:e=5,value:i=0,size:r,color:u="neutral",step:h=1,isReadonly:p,isDisabled:b,testId:y,...g}){const f=P.useTestId(y);m.validateRange(0,e,i,h);const x=a.useRef(null),C=a.useRef(N(null)),v=!p&&!b;a.useEffect((()=>{C.current=N(x.current)}),[r,e]);const T=((e,t,s,o,i,n,r,d)=>{const u=a.useRef(),{direction:h}=l.useUser(),p="rtl"===h,b=e=>{d?.({value:e}),u.current=e},y=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=U(s.pageX,e,t,i,p);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=U(s.pageX,e,t,i,p);-1!==a&&a!=u.current&&b(a)},onKeyUp:y.onKeyUp,onKeyDown:y.onKeyDown,onPointerLeave:()=>{b(void 0)},onPointerEnter:()=>{i.current=N(o.current)}}:{}})(e,h,i,x,C,v,g.onCommit,g.onInput),{datatipContent:D,datatipProps:M}=function({max:e,value:t,isDisabled:s,isReadonly:a,datatip:o,thresholds:i,width:n}){const l=(Math.max(1,Math.ceil(t))-Math.ceil(e/2))*n/e,r=o||!i||s?o:m.findThreshold(t,i)?.accessibleLabel,{datatipContent:d,datatipProps:c}=R.useDatatip({content:s||a?null:r,anchor:"element",offset:{mainAxis:8,crossAxis:l},placement:"bottom",touchResponse:"touchStart"});return{datatipContent:d,datatipProps:a&&!s?{"aria-describedby":void 0}:c}}({max:e,value:i,isDisabled:b,isReadonly:p,datatip:g.datatip,thresholds:g.thresholds,width:C.current.width}),{tooltipContent:A,tooltipProps:B}=function({isReadonly:e,isDisabled:t,tooltip:s}){const a=e&&!t?s:"",{tooltipContent:o,tooltipProps:i}=S.useTooltip({text:a,isDisabled:t});return{tooltipContent:o,tooltipProps:!t&&e?i:{"aria-describedby":void 0}}}({isReadonly:p,isDisabled:b,tooltip:g.tooltip}),E=m.getMeterAriaProps(i,0,e,g["aria-label"],g["aria-labelledby"],g.thresholds,b,p,g.tooltip),{"aria-describedby":F,...z}=M,{"aria-describedby":H,...I}=B,K=w.mergeProps(T,z,I),V=[F,H,g["aria-describedby"]].filter(Boolean).join(" ")||void 0,L=m.getThresholdColorFromValue(i,u,g.thresholds),{isTabbable:O}=j.useTabbableMode(),{classes:$,styles:{baseStyle:_,interactiveStyle:k,itemStyle:X,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...f,...E,ref:x,class:o.classNames([$,_,v?k:void 0]),tabIndex:O&&!b?0:-1,...K,"aria-describedby":V,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,X]),children:t.jsx(G,{fillRatio:a,isDisabled:b,isReadonly:p,color:L})})}))}),D,A]})}}));
 //# sourceMappingURL=RatingGauge-1c40dae3.js.map

package/amd/ReadonlyTextFieldInput-d6c6dbc4.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './FormContext-5130e198', './useFormContext-30acdd33', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './useTranslationBundle-7c40cb58'], (function(e,a,o,t,l,s,n,r,i,d,b,u,c,m,x){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":t,"aria-labelledby":s,autoFocus:b,as:y="div",elementRef:F,hasEmptyLabel:f,hasInsideLabel:p=!1,inlineUserAssistance:T,innerReadonlyField:C,rows:L,type:h,value:I="",variant:R,...A}){const j=x.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:v,isReadonly:g}=l.useFormContext(),{isLoading:w}=u.useFormFieldContext(),B=w?j:t,M=[...Object.values(i.textInterpolations)],N=d.mergeInterpolations(M),{class:E}=N(A),{classes:U}=c.useComponentTheme(m.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===R?"isTextArea":"notTextArea",formLayout:v?"isFormLayout":"notFormLayout",readonlyForm:g?"isReadonlyForm":"notReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel"}),_=r.classNames([U,E]),{isTabbable:S,tabbableModeProps:O}=n.useTabbableMode(),{UNSAFE_ariaLabelledBy:P}=o.useAccessibleContext(),k=f?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,P):s;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,type:h,value:I,...!S&&O}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,rows:L,...!S&&O,children:I}):a.jsx("div",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,"aria-readonly":!0,autofocus:b,class:_,ref:F,role:"textbox",...O,children:I})}}));
+define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './FormContext-5130e198', './useFormContext-30acdd33', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './useTranslationBundle-68275657'], (function(e,a,o,t,l,s,n,r,i,d,b,u,c,m,x){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":t,"aria-labelledby":s,autoFocus:b,as:y="div",elementRef:F,hasEmptyLabel:f,hasInsideLabel:p=!1,inlineUserAssistance:T,innerReadonlyField:C,rows:L,type:h,value:I="",variant:R,...A}){const j=x.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:v,isReadonly:g}=l.useFormContext(),{isLoading:w}=u.useFormFieldContext(),B=w?j:t,M=[...Object.values(i.textInterpolations)],N=d.mergeInterpolations(M),{class:E}=N(A),{classes:U}=c.useComponentTheme(m.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===R?"isTextArea":"notTextArea",formLayout:v?"isFormLayout":"notFormLayout",readonlyForm:g?"isReadonlyForm":"notReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel"}),_=r.classNames([U,E]),{isTabbable:S,tabbableModeProps:O}=n.useTabbableMode(),{UNSAFE_ariaLabelledBy:P}=o.useAccessibleContext(),k=f?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,P):s;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,type:h,value:I,...!S&&O}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,rows:L,...!S&&O,children:I}):a.jsx("div",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,"aria-readonly":!0,autofocus:b,class:_,ref:F,role:"textbox",...O,children:I})}}));
 //# sourceMappingURL=ReadonlyTextFieldInput-d6c6dbc4.js.map

package/amd/RemovableNavigationListItem-cf7a0648.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-84858a0f', './useNavigationListItem-d79484b7', './Close-a88a3dcf', 'preact/hooks', './useHover-7964884c', './useTranslationBundle-68275657', './EmbeddedIconButton-3608bfb4'], (function(e,t,a,i,o,s,n,r,l){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:c,badge:v,metadata:d,severity:u}){const{selection:m,currentKey:b,onRemove:g}=i.useNavigationListContext(),x=m===e,j=b===e,B=s.useCallback((()=>{g?.({value:e})}),[g,e]),{hoverProps:I,isHover:f}=n.useHover({}),p=r.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...I,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:c,badge:v,metadata:d,severity:u,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(l.EmbeddedIconButton,{"aria-label":p.tabBarNavigationList_removeCueText(),size:"xs",onAction:B,children:(f||x||j)&&t.jsx(o.SvgClose,{})})})})})}}));
+//# sourceMappingURL=RemovableNavigationListItem-cf7a0648.js.map

package/amd/RemovableNavigationListItem-cf7a0648.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableNavigationListItem-cf7a0648.js","sources":["../../src/UNSAFE_NavigationListCommon/RemovableNavigationListItem.tsx"],"sourcesContent":["import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { useCallback } from 'preact/hooks';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableNavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function RemovableNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: RemovableNavigationListItemProps<K>) {\n  const { selection, currentKey, onRemove } = useNavigationListContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  return (\n    <div {...hoverProps}>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        removeIcon={\n          <span data-oj-navigationlist-item-remove-icon={true}>\n            <EmbeddedIconButton\n              aria-label={translations.tabBarNavigationList_removeCueText()}\n              size=\"xs\"\n              onAction={handleRemove}>\n              {(isHover || isSelected || isCurrent) && <Close />}\n            </EmbeddedIconButton>\n          </span>\n        }\n      />\n    </div>\n  );\n}\n"],"names":["itemKey","label","badge","metadata","severity","selection","currentKey","onRemove","useNavigationListContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","translations","useTranslationBundle","_jsx","children","jsx","BaseNavigationListItem","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"iTAcgB,UAAuDA,QACrEA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,IAEA,MAAMC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAAwBA,2BAC9DC,EAAaJ,IAAcL,EAC3BU,EAAYJ,IAAeN,EAE3BW,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOb,GAAe,GAClC,CAACO,EAAUP,KAERc,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAErCC,EAAeC,uBAAiC,4BAGtD,OACEC,MAAA,MAAA,IAASL,EAAUM,SACjBD,EAACE,IAAAC,yBACC,CAAAtB,QAASA,EACTC,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVmB,WACEJ,yDAA+C,EAAIC,SACjDD,MAACK,EAAAA,mBACa,CAAA,aAAAP,EAAaQ,qCACzBC,KAAK,KACLC,SAAUhB,EACTS,UAACL,GAAWN,GAAcC,IAAcS,EAAAA,IAACS,EAAKC,SAAA,WAO7D"}

package/amd/RemovableTabBarItem-5c240801.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-7964884c', './Close-a88a3dcf', './Flex-b8764305', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './TabBarItem-4ff2ef15', './useTranslationBundle-68275657', './EmbeddedIconButton-3608bfb4'], (function(e,a,t,o,r,n,s,l,i,c,b,d){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:f,labelMaxWidth:B,"aria-controls":j}){const{selection:h,currentKey:p,layout:I,onRemove:T}=i.useTabBarContext(),y=h===e,g=p===e,C=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:H,isHover:K}=o.useHover({}),k=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===I?"1 0 auto":"0 0 auto"}),E=b.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...H,style:k,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":j,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:f,labelMaxWidth:B,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(d.EmbeddedIconButton,{"aria-label":E.tabBarNavigationList_removeCueText(),size:"xs",onAction:C,children:(K||y||g)&&a.jsx(r.SvgClose,{})})})})})})}}));
+//# sourceMappingURL=RemovableTabBarItem-5c240801.js.map

package/amd/RemovableTabBarItem-5c240801.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableTabBarItem-5c240801.js","sources":["../../src/UNSAFE_TabBarCommon/RemovableTabBarItem.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useTabBarContext } from './useTabBarContext';\nimport { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableTabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n\nexport function RemovableTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: RemovableTabBarItemProps<K>) {\n  const { selection, currentKey, layout, onRemove } = useTabBarContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //TODO: In addition to aria-label a genric instruction is required for keyboard deletion\n  //common to al tabs,after feedback from Curt's investigations.\n  return (\n    <div {...hoverProps} style={flexDimensions}>\n      <Flex>\n        <BaseTabBarItem\n          aria-controls={ariaControls}\n          itemKey={itemKey}\n          label={label}\n          icon={icon}\n          badge={badge}\n          metadata={metadata}\n          severity={severity}\n          labelMaxWidth={labelMaxWidth}\n          removeIcon={\n            <span data-oj-tabbar-item-remove-icon=\"true\">\n              <EmbeddedIconButton\n                aria-label={translations.tabBarNavigationList_removeCueText()}\n                size=\"xs\"\n                onAction={handleRemove}>\n                {(isHover || isSelected || isCurrent) && <Close />}\n              </EmbeddedIconButton>\n            </span>\n          }\n        />\n      </Flex>\n    </div>\n  );\n}\n"],"names":["itemKey","label","icon","badge","metadata","severity","labelMaxWidth","ariaControls","selection","currentKey","layout","onRemove","useTabBarContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","translations","useTranslationBundle","_jsx","jsx","style","children","Flex","BaseTabBarItem","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"uWAyBM,UAAyDA,QAC7DA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,cACRA,EACA,gBAAiBC,IAEjB,MAAMC,UAAEA,EAASC,WAAEA,EAAUC,OAAEA,EAAMC,SAAEA,GAAaC,EAAAA,mBAC9CC,EAAaL,IAAcR,EAC3Bc,EAAYL,IAAeT,EAE3Be,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOjB,GAAe,GAClC,CAACW,EAAUX,KAERkB,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAMrCC,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAXjB,EAAuB,WAAa,aAGtCkB,EAAeC,uBAAiC,4BAItD,OACEC,EAASC,IAAA,MAAA,IAAAb,EAAYc,MAAOX,EAAcY,SACxCH,EAAAA,IAACI,EAAAA,eACCJ,EAACC,IAAAI,EAAcA,gCACE5B,EACfP,QAASA,EACTC,MAAOA,EACPC,KAAMA,EACNC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,cAAeA,EACf8B,WACEN,EAAsCC,IAAA,OAAA,CAAA,kCAAA,gBACpCD,EAAAA,IAACO,EAAkBA,mBACL,CAAA,aAAAT,EAAaU,qCACzBC,KAAK,KACLC,SAAUzB,YACRI,GAAWN,GAAcC,IAAcgB,EAACC,IAAAU,EAAKC,sBAQ/D"}

package/amd/ReorderableTabBar-2983fae4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-17fea064', './TabBar-0b3704ca', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-f4de3e13', './LayerHost-27dfba9e', './useReorderableItem-41e78941', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,a,s,o,l,d,n,i,c,b,y,u,f,R,m,g){"use strict";const p='[role="tab"]';function x({children:e,dragKey:t,setDragKey:a,onReorder:o,layout:l,rootRef:d}){const b=s.useRef(null),u=s.useCallback((()=>b?.current?.querySelector(p)),[]),m=s.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(u())+"")}),[u]),{rootProps:g,isDragged:x,overlayZoneBeforeProps:h,overlayZoneAfterProps:v}=y.useReorderableItem({isDisabled:!o,dragKey:t,setDragKey:a,onReorder:o,rootRef:d,ref:b,getItem:u,setTransferData:m,itemStyles:f.styles,itemSelector:p}),j=n.mergeInterpolations([...Object.values(i.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...g,draggable:!!o,style:j,children:[e,!x&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...h}),r.jsx("div",{...v})]})]})}const h=a.forwardRef((({"aria-label":e,"aria-labelledby":a,children:n,layout:i="stretch",display:c="standard",size:b="md",edge:f="top",selection:R,onSelect:m,onRemove:g,onReorder:h,testId:v},j)=>{const I=s.useRef(null),[S,D]=s.useState(void 0),K="stacked"===c?{display:c}:{display:c,size:b},{reorderProps:T,reorderContext:k,reorderInstructionsId:A,reorderStatus:B,reorderInstructions:C}=y.useReorderable({onReorder:h,rootRef:I,itemSelector:p});return r.jsxs("div",{ref:I,...T,children:[r.jsx(u.ReorderableContext.Provider,{value:k,children:r.jsx(d.TabBar,{ref:j,"aria-label":e,"aria-labelledby":a,layout:i,edge:f,selection:R,onSelect:m,onRemove:g,testId:v,...K,"aria-describedby":A,children:t.toChildArray(n).map((e=>r.jsx(x,{dragKey:S,setDragKey:D,onReorder:h,layout:i,rootRef:I,children:e})))})}),r.jsx("span",{id:A,children:r.jsx(o.HiddenAccessible,{children:C})}),r.jsx(l.LiveRegion,{children:B})]})}));e.ReorderableTabBar=h}));
+//# sourceMappingURL=ReorderableTabBar-2983fae4.js.map

package/amd/ReorderableTabBar-2983fae4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderableTabBar-2983fae4.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  layout,\n  rootRef\n}: ReorderableTabBarItem<K>) {\n  const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n  const getItem = useCallback(\n    () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n    },\n    [getItem]\n  );\n\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: styles,\n      itemSelector: ITEM_SELECTOR\n    });\n\n  //instead of specifying flex: '1 0 auto' in style\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  return (\n    <div {...rootProps} draggable={onReorder ? true : false} style={flexDimensions}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n  <K extends string | number>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      onReorder,\n      testId\n    }: ReorderableTabBarProps<K>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n\n    const displayStackProps = {\n      display: display\n    };\n    const displayNonStackProps = {\n      display: display,\n      size: size\n    };\n    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n    const {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderStatus,\n      reorderInstructions\n    } = useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR\n    });\n\n    return (\n      <div ref={rootRef} {...reorderProps}>\n        <ReorderableContext.Provider value={reorderContext}>\n          <TabBar\n            ref={ref}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            layout={layout}\n            edge={edge}\n            selection={selection}\n            onSelect={onSelect}\n            onRemove={onRemove}\n            testId={testId}\n            {...displayProps}\n            aria-describedby={reorderInstructionsId}>\n            {toChildArray(children).map((child) => {\n              return (\n                <ReorderableTabBarItem\n                  dragKey={dragKey}\n                  setDragKey={setDragKey}\n                  onReorder={onReorder}\n                  layout={layout}\n                  rootRef={rootRef}>\n                  {child}\n                </ReorderableTabBarItem>\n              );\n            })}\n          </TabBar>\n        </ReorderableContext.Provider>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n        <LiveRegion>{reorderStatus}</LiveRegion>\n      </div>\n    );\n  }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","styles","itemSelector","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","_jsxs","draggable","style","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","testId","useState","undefined","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","jsx","ReorderableContext","Provider","value","TabBar","toChildArray","map","child","id","HiddenAccessible","LiveRegion"],"mappings":"6hBAUO,MAAMA,EAAgB,eASb,SAAAC,GAAiDC,SAC/DA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,UACVA,EAASC,OACTA,EAAMC,QACNA,IAEA,MAAMC,EAAgBC,SAA8B,MAC9CC,EAAUC,EAAWA,aACzB,IAAMH,GAAeI,SAASC,cAAcb,IAC5C,IAEIc,EAAkBH,eACrBI,IACCA,EAAMC,cAAcC,QAAQ,uBAAwBC,EAAMA,OAACR,KAAa,GAAG,GAE7E,CAACA,KAGGS,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYnB,EACZF,UACAC,aACAC,YACAE,UACAkB,IAAKjB,EACLE,UACAI,kBACAY,WAAYC,EAAMA,OAClBC,aAAc5B,IAOZ6B,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAX7B,EAAuB,WAAa,aAG5C,OACE8B,EAAAA,KAAS,MAAA,IAAAjB,EAAWkB,YAAWhC,EAA0BiC,MAAOT,EAC7D3B,SAAA,CAAAA,GACCkB,GAAamB,EAAYA,aAACpC,IAC1BiC,EACEI,KAAAC,EAAAC,SAAA,CAAAxC,SAAA,CAAAyC,EAAAA,IAAA,MAAA,IAAStB,IACTsB,gBAASrB,SAKnB,CCnDa,MAAAsB,EAAoBC,EAAUA,YACzC,EAEI,aAAcC,EACd,kBAAmBC,EACnB7C,WACAI,SAAS,UACT0C,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACAhD,YACAiD,UAEF7B,KAEA,MAAMlB,EAAUE,SAAuB,OAChCN,EAASC,GAAcmD,EAAQA,cAAgBC,GAShDC,EAA2B,YAAZT,EAPK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,IAIFS,aACJA,EAAYC,eACZA,EAAcC,sBACdA,EAAqBC,cACrBA,EAAaC,oBACbA,GACEC,iBAAe,CACjB1D,YACAE,UACAqB,aAAc5B,IAGhB,OACEoC,EAAAI,KAAA,MAAA,CAAKf,IAAKlB,KAAamD,EAAYxD,SAAA,CACjCyC,EAACqB,IAAAC,qBAAmBC,UAASC,MAAOR,EAAczD,SAChDyC,MAACyB,EAAAA,OACC,CAAA3C,IAAKA,EAAG,aACIqB,EAAS,kBACJC,EACjBzC,OAAQA,EACR4C,KAAMA,EACNC,UAAWA,EACXC,SAAUA,EACVC,SAAUA,EACVC,OAAQA,KACJG,EAAY,mBACEG,EAAqB1D,SACtCmE,EAAYA,aAACnE,GAAUoE,KAAKC,GAEzB5B,EAAAA,IAAC1C,EACC,CAAAE,QAASA,EACTC,WAAYA,EACZC,UAAWA,EACXC,OAAQA,EACRC,QAASA,EACRL,SAAAqE,UAMX5B,cAAM6B,GAAIZ,EAAqB1D,SAC7ByC,EAAAA,IAAC8B,EAAgBA,2BAAEX,MAErBnB,MAAC+B,EAAAA,qBAAYb,MAEf"}

package/amd/RevealToggleIcon-c22626da.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ViewHide-cf39eb70', './View-79b43ebd', './useTranslationBundle-68275657', './IconSwitchButton-1a400cdf'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:r,tooltipHide:a,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),g=a||u.formControl_hide(),w=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?g:w,accessibleLabel:e,isSelected:!l,onToggle:c,testId:r,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
+//# sourceMappingURL=RevealToggleIcon-c22626da.js.map

package/amd/RevealToggleIcon-c22626da.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealToggleIcon-c22626da.js","sources":["../../src/PRIVATE_RevealToggleIcon/RevealToggleIcon.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 */\nimport { ComponentProps } from 'preact';\nimport { ViewHideIcon } from '#PRIVATE_ThemedIcons/ViewHideIcon';\nimport { ViewIcon } from '#PRIVATE_ThemedIcons/ViewIcon';\nimport { IconSwitchButton } from '#PRIVATE_IconSwitchButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype IconSwitchButtonProps = ComponentProps<typeof IconSwitchButton>;\n\ntype RevealToggleIconProps = TestIdProps & {\n  /**\n   * The aria label of the toggle.\n   */\n  accessibleLabel: IconSwitchButtonProps['accessibleLabel'];\n  /**\n   * Specifies whether the content is shown or hidden.\n   */\n  isRevealed?: boolean;\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of isRevealed property should be updated\n   */\n  onToggle?: IconSwitchButtonProps['onToggle'];\n  /**\n   * Tooltip text to indicate that the toggle will hide the content.\n   */\n  tooltipHide?: string;\n  /**\n   * Tooltip text to indicate that the toggle will show the content.\n   */\n  tooltipShow?: string;\n};\n\n/**\n * RevealToggleIcon is a controlled toggle icon component with tooltip that displays\n * hide or show icons. It is used internally for input components that hide and show the content.\n */\nexport function RevealToggleIcon({\n  accessibleLabel,\n  isRevealed,\n  onToggle,\n  testId,\n  tooltipHide,\n  tooltipShow\n}: RevealToggleIconProps) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const hide = tooltipHide || translations.formControl_hide();\n  const show = tooltipShow || translations.formControl_show();\n\n  return (\n    <IconSwitchButton\n      // we want to display the tooltip title of the expected action on toggle\n      tooltip={isRevealed ? hide : show}\n      accessibleLabel={accessibleLabel}\n      // denote that the switch is selected when in the \"masked\" state\n      isSelected={!isRevealed}\n      onToggle={onToggle}\n      testId={testId}\n      size=\"sm\">\n      {/* we want to display the icon of the expected action on toggle */}\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </IconSwitchButton>\n  );\n}\n"],"names":["accessibleLabel","isRevealed","onToggle","testId","tooltipHide","tooltipShow","translations","useTranslationBundle","hide","formControl_hide","show","formControl_show","_jsx","IconSwitchButton","tooltip","isSelected","size","children","jsx","ViewHideIcon","SvgViewHide","ViewIcon"],"mappings":"uMA4CgB,UAAiBA,gBAC/BA,EAAeC,WACfA,EAAUC,SACVA,EAAQC,OACRA,EAAMC,YACNA,EAAWC,YACXA,IAEA,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAOJ,GAAeE,EAAaG,mBACnCC,EAAOL,GAAeC,EAAaK,mBAEzC,OACEC,MAACC,EAAgBA,kBAEfC,QAASb,EAAaO,EAAOE,EAC7BV,gBAAiBA,EAEjBe,YAAad,EACbC,SAAUA,EACVC,OAAQA,EACRa,KAAK,KAEJC,SAAAhB,EAAaW,EAAAM,IAACC,EAAYC,YAAG,IAAGR,EAACM,IAAAG,UAAW,CAAA,IAGnD"}

package/amd/ScatterChart-2acbcccd.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './layoutUtils-4304ffe4', './useChartDnd-44674b7d', './LineSeries-fe392d85', './dataStyleUtils-a0ecedd5', './useUser-e8dd7f7c', './colorUtils-bc5b1d84', './accUtils-93ee6f16', './Chart-87ae799b'], (function(e,t,i,n,r,s,o,d,a,l){"use strict";e.ScatterChart=function({width:e,height:a,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:f="vertical",yAxis:x,series:u,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"===x?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===f,z=d.getColorRamp(),N=n.getSeriesData(u?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(l.Chart,{width:e,height:a,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:f,yAxis:x,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(u,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,u,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,u.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:d,focusedItemInfo:a,hoveredItemInfo:l,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((x,b)=>{if(0===x.length)return;const A=u[b],M="none"!==C,E=n.getLineAreaSegments(o,s,x,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:f,isLog:T,activeId:d,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:a.seriesIndex!==b||!a.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:a.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-2acbcccd.js.map

package/amd/ScatterChart-2acbcccd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart-2acbcccd.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":"+RA2BM,UAA4EA,MAChFA,EAAKC,OACLA,EAAMC,YACNA,EAAc,GAAEC,UAChBA,EAAY,GAAEC,eACdA,EAAcC,oBACdA,EAAsB,OAAMC,YAC5BA,EAAc,WAAUC,MACxBA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,YACNA,EAAWC,cACXA,EAAgB,OAAMC,SACtBA,EAAW,MAAKC,gBAChBA,EAAkB,UAASC,SAC3BA,EAAW,UACRC,IAEH,MAAMC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkC,WAAjBF,EACjBG,OAA6BC,IAAjBN,EAAMO,OAClBC,EAAsB,QAAdP,EACRQ,EAAyB,QAAjBjB,GAAOkB,MACfC,EAAgBX,EAAMY,OAAyBD,aAC/CE,EAAY,IAAIC,IAAI1B,GACpB2B,EAAc,IAAID,IAAI3B,GACtB6B,EAAiB,IAAIF,IAAIzB,GACzB4B,EAA0B,eAAhB1B,EACV2B,EAASC,EAAAA,eACTC,EAAiBC,gBACrB5B,GAAQ6B,OACR5B,GAAQ4B,OACR3B,EACAkB,EACAJ,GAGIc,EAAsB,CAACC,EAAqBC,IAChD9B,EAAY6B,EAAaC,GAmErBC,EAAUC,EAAAA,aAChB,OACEC,EAAAA,IAACC,EAAAA,MAAK,CACJ5C,MAAOA,EACPC,OAAQA,EACRC,YAAa4B,EACb3B,UAAWA,EACXE,oBAAqBA,EACrBC,YAAaA,EACbC,MAAOA,EACPC,OAAQA,EACRC,OAAQA,EACRoC,SAAS,MACTC,+BAAgC,IAAM,KACtCnC,cAAeA,EACfC,SAAUA,EACVF,YAAaA,EACbqC,YA5CgB,CAACC,EAAeC,IAY3BC,EAAoBA,qBACzB1C,EACAC,EACAuC,EACAC,EACAX,GACA,GAjBwB,KACjB,CACLa,OAAQ,EACRC,UAAW,MAIG,CAACC,EAAeJ,IACzBA,EAAOK,UAAUD,IAYxB7B,EACA,EACAI,EACAF,GAqBA6B,eAlEmB,CAACP,EAAeC,IAC9B,CAACV,EAAqBC,KAG3B,MAAMgB,EAAOrB,EAAeI,GAAaC,GACzC,GAAe,MAAXgB,GAAMC,GAAaD,GAAME,EAC3B,OAIF,MAAO,CAAED,EAFCT,EAAOM,UAAUE,GAAMC,GAErBC,EADFT,EAAOK,UAAUE,GAAME,GAClBzD,OAAQ,EAAGD,MAAO,EAAG,EAyDpC2D,cArD0B,CAACpB,EAAqBC,KAC3C,CACLoB,MAAOC,EAAAA,aAAatB,EAAaC,EAAYhC,EAAQE,GACrDoD,KAAMC,EAAaA,cAACxB,EAAaC,EAAY9B,KAmD7CsD,wBAAwB,EACxBC,aAAa,EACbC,WAnFyB,CAACC,EAAoBC,IAEzCC,EAAuBA,wBAC5B3D,EACAF,EAAO6B,OACP8B,EACAC,GACA,EACA7C,EACAS,GA2EAsC,YAxFgB,IACX,EAwFLnB,OAtIc,GAuId5B,MAAOA,KACHR,EACHwD,SAAA,EACCC,cACAC,YACAzB,SACAC,SACAyB,WACAC,kBACAC,kBACAC,uBACAC,kBACAC,uBAGEpC,EACGqC,IAAAC,EAAAC,SAAA,CAAAX,SAAApC,EAAegD,KAAI,CAACC,EAAgBC,KACnC,GAA8B,IAA1BD,EAAe/C,OAEjB,OAEF,MAAMiD,EAAa9E,EAAO6E,GACpBE,EAA8B,SAAbzE,EACjB0E,EAA+BC,EAAAA,oBACnCxC,EACAD,EACAoC,EACAZ,EACAC,EACAzC,EACAR,EACAf,EACA4E,EACA/C,EACAZ,GACA,GAGIgE,OACerE,IAAnBjB,GAC0B,IAA1BA,EAAeiC,QACfN,EAAe4D,IAAIL,EAAWM,IAEhC,OACEC,EACGC,KAAAb,WAAA,CAAAV,SAAA,CAAAgB,GACC5C,MAACoD,EAAAA,WAAU,CACTjF,SAAUA,EAGVkF,UAAWV,EAAWU,UAMtBC,UAAWX,EAAWW,UACtBC,UAAWZ,EAAWY,UACtBtC,MAAO0B,EAAWU,WAAa/D,EAAOoD,EAAQpD,EAAOI,QACrDmD,kBAAmBA,EACnBW,aAAcnE,EACd0D,cAAeA,EACfnD,YAAa8C,IAGjB1C,EAAAA,IAACyD,EAAAA,kBACCnD,OAAQA,EACRD,OAAQA,EACRvC,OAAQA,EACRD,OAAQ8E,EACR5D,aAAcA,EACdkC,MACE0B,EAAWU,WACX/D,EACEoD,EAAQpD,EAAOI,QAGnBE,YAAa8C,EACblB,WAAYK,EACZJ,SAAUK,EACV4B,WAAY5D,EAAQ4C,EAAQ5C,EAAQJ,QACpC/B,YAAaA,EACbkB,MAAOA,EACPkD,SAAUA,EACVhE,YAAaA,EACbmE,qBAAsBA,EACtB3E,YAAa4B,EACb1B,oBAAmCiB,IAAnBjB,EAA+B2B,OAAiBV,EAChEiF,iBACE3B,EAAgBpC,cAAgB8C,IAChCV,EAAgB4B,gBACdxF,EAAMyF,qBAAuBzF,EAAM0F,iBAAiBC,uBAElDrF,EADAsD,EAAgBnC,WAGtBmE,iBACE/B,GAAiBgC,WAAahC,EAAgBrC,cAAgB8C,EAC1DT,EAAgBpC,gBAChBnB,EAENwF,mBAAsC,WAAlBlG,GAAgD,aAAlBA,EAClDmG,eAA6B,OAAblG,EAChBkE,gBAAiBA,EACjBjE,gBAAiBA,EACjBM,eAAgBA,EAChBC,UAAWA,EACX6C,aAAa,EACbc,kBAAmBA,MAGvB,OAOhB"}

package/amd/SectionalLegend-713bdefb.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useVisEvents-a8ea4ced', './mergeProps-bcfa6a92', './layoutUtils-ba7693df', './useLegendDnd-126b0174', './useLegendContextMenu-c4a44c23', './useItemFocus-75d6510d', './Flex-590160eb', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-cc825c54', './classNames-08d99695', './useTestId-c286f212', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useTextDimensions-030c6dbd', './TrackResizeContainer-c6b5de04', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css'], (function(e,t,n,i,o,s,a,r,d,l,c,m,g,h,u,x,I,f,y,p){"use strict";function v(e,t){const{sectionIdx:n,itemIdx:i}=e;if(-1==n&&-1==i){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[i]}function b(e,t){let{itemIdx:n,sectionIdx:i}=e;if(-1==i&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[i].items.length&&(i===t.length-1?n=e.itemIdx:(i+=1,n=0));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:b({itemIdx:n,sectionIdx:i},t)}function D(e,t){let{itemIdx:n,sectionIdx:i}=e;-1==i&&-1==n&&(n=t[t.length-1].items.length-1,i=t.length-1),n-=1,n<0&&(0===i?n=0:(n=t[i-1].items.length-1,i-=1));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:D({itemIdx:n,sectionIdx:i},t)}function S(e){return{getItem:t=>v(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,sectionId:void 0,data:void 0};const n=v(t,e),i=e[t.sectionIdx].id;return{itemId:n.id,sectionId:i,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>D(t,e),getNextItemInfo:t=>b(t,e)}}const R=({width:e,getTextDimensions:t,resolvedVars:n,rootRef:i,orientation:o,legendFontStylesObj:s={},symbolWidth:a,symbolHeight:d,sections:l})=>{let c=0,m=0,g=0;const h=e;if(!i.current||!Object.keys(n).length||!t)return;const u=parseFloat(n.unit);let x=0,I=0;const f=[],y=[],p=[];let v=0;const b=.75*u;l.forEach(((e,n)=>{let i,l,D=!1,S=!1;const R=t(e.title,{fontWeight:"600"}),W=R.height+b+.5,w=R.width+3,{maxItemWidth:F,maxItemHeight:P,horizontalSectionWidth:C}=T(e.items,u,t,s,a,d);let M=e.items.length;const L=4*u;if(w+C<h)i=C+w,0!==x&&x+L+i<h&&!y[n-1]?x=x+i+L:(x=i,v+=Math.max(W,P),0!==n&&(v+=L));else{D=!0,i=C;const t=.4*u;C>h?(S=!0,x=0,M=Math.floor(h/F),l=r.getSectionGridNums(e.items.length,M),l.itemsPerCol&&l.itemsPerRow&&(v+=W+2*(P+t)+2*b,x=l.itemsPerRow*F,l.itemsPerCol>2&&(v+=(l.itemsPerCol-2)*(P+2*t)))):(x=i,v+=P+W+2*b,0!==n&&(v+=L))}I=Math.max(x,I),g+=C,c=Math.max(c,F),m=P,f.push(D),y.push(S),p.push("vertical"===o?1:Math.max(1,M))}));return{maxRowWidth:Math.ceil(I),legendHeight:v,totalWidth:g,maxItemWidth:Math.min(c,h),maxItemHeight:Math.ceil(m),itemsPerRowArray:p,isSectionWrappedArray:f,isLegendWrappedArray:y}},T=(e,t,n,i,o,s)=>{let a=0,r=0,d=0,l=0,c=0;l=o?1.5*t+o:4*t;const m=1.7*t;c=s?s+m:2.5*t+m;const g=2.5*t;return e?.forEach((e=>{const t=e,{width:o,height:s}=n(t.text,i),m=g+o;d+=l+m,a=Math.max(a,l+m),r=Math.max(r,s,c)})),{maxItemWidth:a,maxItemHeight:r,horizontalSectionWidth:d}},W=n.forwardRef((({orientation:e="horizontal",sectionTitleHAlign:n="start",sections:v,isReadOnly:b=!0,onItemAction:D,onItemHover:T,onItemFocus:W,testId:w,contextMenuConfig:F,hideAndShowBehavior:P="off",hoverBehavior:C="none",valign:M="top",halign:L="start",...A},H=null)=>t.jsx(y.TrackResizeContainer,{width:"100%",height:"100%",class:h.classNames([m.styles.flexStyle,m.styles[`${L}HAlign`],m.styles[`${M}VAlign`]]),children:function(y,M){const L=u.useTestId(w),V=i.useRef(null),j=void 0!==L["data-testid"],E=i.useRef(),{resolvedVars:z,cssContent:O}=g.useCssVars(r.legendVars),{getItem:B,getDetailFromInfo:N,getPrevItemInfo:k,getNextItemInfo:U}=S(v),_=r.getLegendTextStyle({fontStyle:A.textFontStyle,fontSize:A.textFontSize?.toString(),fontWeight:A.textFontWeight?.toString(),fontFamily:A.textFontFamily},z),{textMeasureContent:G,getTextDimensions:$}=f.useTextDimensions(),q=r.getIsLegendItemActionable(v,b,!0),K=v.length>0,J=R({width:y,rootRef:V,getTextDimensions:$,resolvedVars:z,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v}),{touchResponse:Q,touchResponseStyle:X}=x.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:Y,hoveredItemInfo:Z,onContextMenuDismissed:ee,activeId:te,eventsProps:ne}=o.useVisEvent(Q,!b,q,r.getKeyUpHandler,N,k,U,D,T,W,r.isEqualItem,r.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:ie}=l.useItemFocus(Y),oe=r.getDatatipText(v,B,Y,Z),[se,ae]=i.useState(!1),{datatipContent:re,datatipProps:{"aria-describedby":de,...le}}=d.useLegendDatatip({text:oe,rootDimsRef:E,focusedItemInfo:Y,focusedItemRef:ie,touchResponse:Q,isDisabled:se}),ce=r.getAriaProps(b,A["aria-label"],A.hiddenIds,I.merge([A["aria-describedby"],de]),A["aria-labelledby"]),{contextMenuContent:me,contextMenuProps:ge}=d.useSectionalLegendContextMenu({rootRef:V,contextMenuConfig:K?F:void 0,focusedItemInfo:Y,sections:v,isReadOnly:b,onContextMenuDismissed:ee}),[he,ue]=i.useState(),{draggable:xe,dndProps:Ie,dndContent:fe}=r.useLegendDnd({onDrag:A.onDrag,onDragStart:A.onDragStart,onDragEnd:A.onDragEnd,onDragEnter:A.onDragEnter,onDragLeave:A.onDragLeave,onDragOver:A.onDragOver,onDrop:A.onDrop,sections:v,setDragOver:ue,setDatatipDisabled:ae,itemDraggable:A.itemDraggable}),ye=s.mergeProps(ne,le,ge,Ie),pe={fontFamily:A.sectionTitleFontFamily,fontSize:A.sectionTitleFontSize,color:A.sectionTitleColor,fontStyle:A.sectionTitleFontStyle,fontWeight:A.sectionTitleFontWeight,textDecoration:A.sectionTitleTextDecoration},{sectionalLegendBaseStyles:ve,renderedLegendStyle:be}=m.styles,De="horizontal"===e;return i.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>{const i=R({width:t,getTextDimensions:$,resolvedVars:z,rootRef:V,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v});return i?{width:i?.maxRowWidth,height:i?.legendHeight}:void 0}})),[$,_,z]),t.jsxs("div",{ref:V,tabIndex:b?void 0:0,role:"application",class:h.classNames([ve,be,he?p.styles.dndDragOverHTMLStyle:!1===he?p.styles.dndRejectedStyle:void 0]),draggable:xe,style:X,...L,...ce,...ye,"aria-activedescendant":te,children:[t.jsx(c.Flex,{direction:De?"row":"column",wrap:"wrap",gap:"4x",children:v.map(((i,o)=>{const s=b?"":a.getRandomId(),l=!!J&&J.isSectionWrappedArray[o],m=!De||l?"column":"row",g=!De||l?"start":"center",{itemsPerCol:h,itemsPerRow:u}=r.getSectionGridNums(i.items.length,J?.itemsPerRowArray[o]);return t.jsxs(c.Flex,{align:g,direction:m,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:i.title,...pe,type:"title",id:s,align:n}),t.jsx(d.BaseLegend,{...A,focusedItemRef:ie,labelledBy:s,sectionIdx:o,items:i.items,orientation:e,itemsPerRow:u,itemsPerCol:h,itemWidth:J?.isLegendWrappedArray[o]?J?.maxItemWidth:void 0,isReadOnly:b,focusedItemInfo:Y,hoveredItemInfo:Z,activeId:te,hideAndShowBehavior:P,hoverBehavior:C,isTestEnv:j})]})}))}),re,G,O,me,fe]})}})));e.SectionalLegend=W}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useVisEvents-1d3ca08e', './mergeProps-bcfa6a92', './layoutUtils-ba7693df', './useLegendDnd-126b0174', './useLegendContextMenu-c4a44c23', './useItemFocus-75d6510d', './Flex-b8764305', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-311f2956', './classNames-08d99695', './useTestId-0140aa44', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useTextDimensions-030c6dbd', './TrackResizeContainer-c6b5de04', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css'], (function(e,t,n,i,o,s,a,r,d,l,c,m,g,h,u,x,I,f,y,p){"use strict";function v(e,t){const{sectionIdx:n,itemIdx:i}=e;if(-1==n&&-1==i){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[i]}function b(e,t){let{itemIdx:n,sectionIdx:i}=e;if(-1==i&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[i].items.length&&(i===t.length-1?n=e.itemIdx:(i+=1,n=0));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:b({itemIdx:n,sectionIdx:i},t)}function D(e,t){let{itemIdx:n,sectionIdx:i}=e;-1==i&&-1==n&&(n=t[t.length-1].items.length-1,i=t.length-1),n-=1,n<0&&(0===i?n=0:(n=t[i-1].items.length-1,i-=1));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:D({itemIdx:n,sectionIdx:i},t)}function S(e){return{getItem:t=>v(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,sectionId:void 0,data:void 0};const n=v(t,e),i=e[t.sectionIdx].id;return{itemId:n.id,sectionId:i,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>D(t,e),getNextItemInfo:t=>b(t,e)}}const R=({width:e,getTextDimensions:t,resolvedVars:n,rootRef:i,orientation:o,legendFontStylesObj:s={},symbolWidth:a,symbolHeight:d,sections:l})=>{let c=0,m=0,g=0;const h=e;if(!i.current||!Object.keys(n).length||!t)return;const u=parseFloat(n.unit);let x=0,I=0;const f=[],y=[],p=[];let v=0;const b=.75*u;l.forEach(((e,n)=>{let i,l,D=!1,S=!1;const R=t(e.title,{fontWeight:"600"}),W=R.height+b+.5,w=R.width+3,{maxItemWidth:F,maxItemHeight:P,horizontalSectionWidth:C}=T(e.items,u,t,s,a,d);let M=e.items.length;const L=4*u;if(w+C<h)i=C+w,0!==x&&x+L+i<h&&!y[n-1]?x=x+i+L:(x=i,v+=Math.max(W,P),0!==n&&(v+=L));else{D=!0,i=C;const t=.4*u;C>h?(S=!0,x=0,M=Math.floor(h/F),l=r.getSectionGridNums(e.items.length,M),l.itemsPerCol&&l.itemsPerRow&&(v+=W+2*(P+t)+2*b,x=l.itemsPerRow*F,l.itemsPerCol>2&&(v+=(l.itemsPerCol-2)*(P+2*t)))):(x=i,v+=P+W+2*b,0!==n&&(v+=L))}I=Math.max(x,I),g+=C,c=Math.max(c,F),m=P,f.push(D),y.push(S),p.push("vertical"===o?1:Math.max(1,M))}));return{maxRowWidth:Math.ceil(I),legendHeight:v,totalWidth:g,maxItemWidth:Math.min(c,h),maxItemHeight:Math.ceil(m),itemsPerRowArray:p,isSectionWrappedArray:f,isLegendWrappedArray:y}},T=(e,t,n,i,o,s)=>{let a=0,r=0,d=0,l=0,c=0;l=o?1.5*t+o:4*t;const m=1.7*t;c=s?s+m:2.5*t+m;const g=2.5*t;return e?.forEach((e=>{const t=e,{width:o,height:s}=n(t.text,i),m=g+o;d+=l+m,a=Math.max(a,l+m),r=Math.max(r,s,c)})),{maxItemWidth:a,maxItemHeight:r,horizontalSectionWidth:d}},W=n.forwardRef((({orientation:e="horizontal",sectionTitleHAlign:n="start",sections:v,isReadOnly:b=!0,onItemAction:D,onItemHover:T,onItemFocus:W,testId:w,contextMenuConfig:F,hideAndShowBehavior:P="off",hoverBehavior:C="none",valign:M="top",halign:L="start",...A},H=null)=>t.jsx(y.TrackResizeContainer,{width:"100%",height:"100%",class:h.classNames([m.styles.flexStyle,m.styles[`${L}HAlign`],m.styles[`${M}VAlign`]]),children:function(y,M){const L=u.useTestId(w),V=i.useRef(null),j=void 0!==L["data-testid"],E=i.useRef(),{resolvedVars:z,cssContent:O}=g.useCssVars(r.legendVars),{getItem:B,getDetailFromInfo:N,getPrevItemInfo:k,getNextItemInfo:U}=S(v),_=r.getLegendTextStyle({fontStyle:A.textFontStyle,fontSize:A.textFontSize?.toString(),fontWeight:A.textFontWeight?.toString(),fontFamily:A.textFontFamily},z),{textMeasureContent:G,getTextDimensions:$}=f.useTextDimensions(),q=r.getIsLegendItemActionable(v,b,!0),K=v.length>0,J=R({width:y,rootRef:V,getTextDimensions:$,resolvedVars:z,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v}),{touchResponse:Q,touchResponseStyle:X}=x.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:Y,hoveredItemInfo:Z,onContextMenuDismissed:ee,activeId:te,eventsProps:ne}=o.useVisEvent(Q,!b,q,r.getKeyUpHandler,N,k,U,D,T,W,r.isEqualItem,r.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:ie}=l.useItemFocus(Y),oe=r.getDatatipText(v,B,Y,Z),[se,ae]=i.useState(!1),{datatipContent:re,datatipProps:{"aria-describedby":de,...le}}=d.useLegendDatatip({text:oe,rootDimsRef:E,focusedItemInfo:Y,focusedItemRef:ie,touchResponse:Q,isDisabled:se}),ce=r.getAriaProps(b,A["aria-label"],A.hiddenIds,I.merge([A["aria-describedby"],de]),A["aria-labelledby"]),{contextMenuContent:me,contextMenuProps:ge}=d.useSectionalLegendContextMenu({rootRef:V,contextMenuConfig:K?F:void 0,focusedItemInfo:Y,sections:v,isReadOnly:b,onContextMenuDismissed:ee}),[he,ue]=i.useState(),{draggable:xe,dndProps:Ie,dndContent:fe}=r.useLegendDnd({onDrag:A.onDrag,onDragStart:A.onDragStart,onDragEnd:A.onDragEnd,onDragEnter:A.onDragEnter,onDragLeave:A.onDragLeave,onDragOver:A.onDragOver,onDrop:A.onDrop,sections:v,setDragOver:ue,setDatatipDisabled:ae,itemDraggable:A.itemDraggable}),ye=s.mergeProps(ne,le,ge,Ie),pe={fontFamily:A.sectionTitleFontFamily,fontSize:A.sectionTitleFontSize,color:A.sectionTitleColor,fontStyle:A.sectionTitleFontStyle,fontWeight:A.sectionTitleFontWeight,textDecoration:A.sectionTitleTextDecoration},{sectionalLegendBaseStyles:ve,renderedLegendStyle:be}=m.styles,De="horizontal"===e;return i.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>{const i=R({width:t,getTextDimensions:$,resolvedVars:z,rootRef:V,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v});return i?{width:i?.maxRowWidth,height:i?.legendHeight}:void 0}})),[$,_,z]),t.jsxs("div",{ref:V,tabIndex:b?void 0:0,role:"application",class:h.classNames([ve,be,he?p.styles.dndDragOverHTMLStyle:!1===he?p.styles.dndRejectedStyle:void 0]),draggable:xe,style:X,...L,...ce,...ye,"aria-activedescendant":te,children:[t.jsx(c.Flex,{direction:De?"row":"column",wrap:"wrap",gap:"4x",children:v.map(((i,o)=>{const s=b?"":a.getRandomId(),l=!!J&&J.isSectionWrappedArray[o],m=!De||l?"column":"row",g=!De||l?"start":"center",{itemsPerCol:h,itemsPerRow:u}=r.getSectionGridNums(i.items.length,J?.itemsPerRowArray[o]);return t.jsxs(c.Flex,{align:g,direction:m,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:i.title,...pe,type:"title",id:s,align:n}),t.jsx(d.BaseLegend,{...A,focusedItemRef:ie,labelledBy:s,sectionIdx:o,items:i.items,orientation:e,itemsPerRow:u,itemsPerCol:h,itemWidth:J?.isLegendWrappedArray[o]?J?.maxItemWidth:void 0,isReadOnly:b,focusedItemInfo:Y,hoveredItemInfo:Z,activeId:te,hideAndShowBehavior:P,hoverBehavior:C,isTestEnv:j})]})}))}),re,G,O,me,fe]})}})));e.SectionalLegend=W}));
 //# sourceMappingURL=SectionalLegend-713bdefb.js.map

package/amd/SectionedContent-f508dbae.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-3d2abe1f', './Flex-b8764305', './FocusTrap-d351e5c9', './keyboardUtils-71bc5d84', './useTestId-0140aa44', './View-b5d6b669'], (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:g="4x",paddingBlockStart:b="4x",paddingInlineEnd:h="4x",paddingInlineStart:k="4x",role:S,testId:f})=>{const I=s.useTestId(f),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:g,paddingBlockStart:b,paddingInlineEnd:h,paddingInlineStart:k,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:S,...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-f508dbae.js.map

package/amd/SectionedContent-f508dbae.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionedContent-f508dbae.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"}