@oracle/oraclejet-preact 18.0.10 → 18.0.11

package/amd/Popup-66e79afa.js.map

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

package/amd/ProgressBar-e72c5a67.js

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

package/amd/ProgressBar-e72c5a67.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-e72c5a67.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-730212e4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-9f103e94', './ProgressButtonLabelLayout-6df4290e', 'preact/compat', './useTooltip-b43ad881', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', './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-730212e4.js.map

package/amd/ProgressButton-730212e4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressButton-730212e4.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-6df4290e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useProgressButtonLabelLayoutTheme-8893dd91', './classNames-08d99695', './ProgressCircle-74b6fc89', './withThemeProps-4c23997e', './View-ce970ed7', './useColorScheme-10dc88de', '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:p,labelStyles:x,progressIconClasses:b,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,f=i.classNames([C,o?b:void 0]),[v,I]=l.useState(!1),[T,w]=l.useState(!1);return o&&!v&&w(!0),!o&&T&&(I(!0),w(!1),setTimeout((()=>{I(!1)}),500)),e.jsxs("span",{class:f,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:p,children:[" ",h," "]}),y&&h&&o&&!P&&e.jsx("span",{class:x.floatingIcon,"aria-hidden":!0,children:e.jsx(d,{isLoadingContrast:r})}),g?e.jsx("span",{"aria-live":"assertive",children:e.jsx(c.HiddenAccessible,{children:v?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-2b4ba9cd', './withThemeProps-4c23997e', './View-bd5c7fa7', './useColorScheme-443e7cc7', '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,f=i.classNames([C,o?x:void 0]),[v,I]=l.useState(!1),[T,w]=l.useState(!1);return o&&!v&&w(!0),!o&&T&&(I(!0),w(!1),setTimeout((()=>{I(!1)}),500)),e.jsxs("span",{class:f,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:v?g:o?m:void 0})}):void 0]})}d.displayName="AdjustedProgressCircle",h.displayName="ProgressButtonLabelLayout",s.ProgressButtonLabelLayout=h}));
 //# sourceMappingURL=ProgressButtonLabelLayout-6df4290e.js.map

package/amd/ProgressCircle-2b4ba9cd.js

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

package/amd/ProgressCircle-2b4ba9cd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle-2b4ba9cd.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-9171703d.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-76a64325', './useTranslationBundle-d07d4b20', './CheckboxRadioContext-6a0fead0', './Check-99925738', './RadioButtonOff-021206c5', './RadioButtonOn-1b94c270', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', './IconButton-d1646f51', '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-66e79afa', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-37107cea', './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-9171703d.js.map

package/amd/RadioItem-9171703d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioItem-9171703d.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-160e5ac6.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-831db563'], (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-160e5ac6.js.map

package/amd/RadioSet-160e5ac6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioSet-160e5ac6.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-539ede8e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-85c781ea', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-d87e3587', 'preact/compat', './LayerHost-e95c5f30', 'css!./LayerStyles.styles.css', './Floating-1ec5ec2a', 'css!./useDatatip.styles.css', './datatipUtils-01750311', './meterUtils-9d026b15', './useDatatip-ac26447a', './useTooltipControlled-52183a08', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-3a316499'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,p,b,g,m,y,R,x,S,v,C,f){"use strict";function D(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 w(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const T=({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),g=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:m,styles:{ratingStarBaseStyle:y,innerRatingStarColor:R,outerRatingStarColor:x,outerDisabledHighContrastBaseStyle:S,outerDisabledHighContrastSelectedStyle:v,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:g,class:o.classNames([y,b?m:""]),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([x,p?S:"",p?e?v: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"})]})})},j=({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(T,{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(T,{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(T,{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:g,...m}){const v=f.useTestId(g);y.validateRange(0,e,i,h);const T=a.useRef(null),P=a.useRef(w(null)),M=!p&&!b;a.useEffect((()=>{P.current=w(T.current)}),[r,e]);const N=((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},g=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=D(s.pageX,e,t,i,p);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=D(s.pageX,e,t,i,p);-1!==a&&a!=u.current&&b(a)},onKeyUp:g.onKeyUp,onKeyDown:g.onKeyDown,onPointerLeave:()=>{b(void 0)},onPointerEnter:()=>{i.current=w(o.current)}}:{}})(e,h,i,T,P,M,m.onCommit,m.onInput),{datatipContent:U,datatipProps:G}=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:y.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:m.datatip,thresholds:m.thresholds,width:P.current.width}),{tooltipContent:B,tooltipProps:z}=function({isReadonly:e,isDisabled:t,tooltip:s}){const[o,i]=a.useState(!1),n=e&&!t?s:"",{tooltipContent:l,tooltipProps:r}=x.useTooltipControlled({text:n,isOpen:o,anchor:{x:"element",y:"element"},position:"bottom",isDisabled:t,onToggle:({value:e})=>i(e),variant:"tooltip"});return{tooltipContent:l,tooltipProps:!t&&e?r:{"aria-describedby":void 0}}}({isReadonly:p,isDisabled:b,tooltip:m.tooltip}),A=y.getMeterAriaProps(i,0,e,m["aria-label"],m["aria-labelledby"],m.thresholds,b,p,m.tooltip),{"aria-describedby":E,...F}=G,{"aria-describedby":H,...I}=z,K=S.mergeProps(N,F,I),O=[E,H,m["aria-describedby"]].filter(Boolean).join(" "),V=y.getThresholdColorFromValue(i,u,m.thresholds),{isTabbable:L}=C.useTabbableMode(),{classes:$,styles:{baseStyle:X,interactiveStyle:_,itemStyle:k,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...v,...A,ref:T,class:o.classNames([$,X,M?_:void 0]),tabIndex:L&&!b?0:-1,...K,"aria-describedby":O,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,k]),children:t.jsx(j,{fillRatio:a,isDisabled:b,isReadonly:p,color:V})})}))}),U,B]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-3ef25571', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-8ada7a1f', 'preact/compat', './LayerHost-639b3284', 'css!./LayerStyles.styles.css', './Floating-5d98c1ca', 'css!./useDatatip.styles.css', './datatipUtils-01750311', './meterUtils-9d026b15', './useDatatip-9942601b', './useTooltipControlled-ee3276de', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-b5cd4766'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,p,b,g,m,y,R,x,S,v,f,C){"use strict";function D(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 w(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const T=({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),g=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:m,styles:{ratingStarBaseStyle:y,innerRatingStarColor:R,outerRatingStarColor:x,outerDisabledHighContrastBaseStyle:S,outerDisabledHighContrastSelectedStyle:v,outerDisabledHighContrastUnselectedStyle:f}}=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:g,class:o.classNames([y,b?m:""]),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([x,p?S:"",p?e?v:f:""]),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"})]})})},j=({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(T,{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(T,{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(T,{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:g,...m}){const v=C.useTestId(g);y.validateRange(0,e,i,h);const T=a.useRef(null),P=a.useRef(w(null)),M=!p&&!b;a.useEffect((()=>{P.current=w(T.current)}),[r,e]);const N=((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},g=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=D(s.pageX,e,t,i,p);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=D(s.pageX,e,t,i,p);-1!==a&&a!=u.current&&b(a)},onKeyUp:g.onKeyUp,onKeyDown:g.onKeyDown,onPointerLeave:()=>{b(void 0)},onPointerEnter:()=>{i.current=w(o.current)}}:{}})(e,h,i,T,P,M,m.onCommit,m.onInput),{datatipContent:U,datatipProps:G}=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:y.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:m.datatip,thresholds:m.thresholds,width:P.current.width}),{tooltipContent:B,tooltipProps:z}=function({isReadonly:e,isDisabled:t,tooltip:s}){const[o,i]=a.useState(!1),n=e&&!t?s:"",{tooltipContent:l,tooltipProps:r}=x.useTooltipControlled({text:n,isOpen:o,anchor:{x:"element",y:"element"},position:"bottom",isDisabled:t,onToggle:({value:e})=>i(e),variant:"tooltip"});return{tooltipContent:l,tooltipProps:!t&&e?r:{"aria-describedby":void 0}}}({isReadonly:p,isDisabled:b,tooltip:m.tooltip}),A=y.getMeterAriaProps(i,0,e,m["aria-label"],m["aria-labelledby"],m.thresholds,b,p,m.tooltip),{"aria-describedby":E,...F}=G,{"aria-describedby":H,...I}=z,K=S.mergeProps(N,F,I),O=[E,H,m["aria-describedby"]].filter(Boolean).join(" "),V=y.getThresholdColorFromValue(i,u,m.thresholds),{isTabbable:L}=f.useTabbableMode(),{classes:$,styles:{baseStyle:X,interactiveStyle:_,itemStyle:k,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...v,...A,ref:T,class:o.classNames([$,X,M?_:void 0]),tabIndex:L&&!b?0:-1,...K,"aria-describedby":O,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,k]),children:t.jsx(j,{fillRatio:a,isDisabled:b,isReadonly:p,color:V})})}))}),U,B]})}}));
 //# sourceMappingURL=RatingGauge-539ede8e.js.map

package/amd/ReadonlyTextFieldInput-608bddc1.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-516b1b83'], (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-d07d4b20'], (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-608bddc1.js.map

package/amd/RemovableNavigationListItem-3bf54b1d.js

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

package/amd/RemovableNavigationListItem-3bf54b1d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableNavigationListItem-3bf54b1d.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":"4QAcgB,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-3095099e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-7964884c', './Close-04d8a398', './Flex-3421f0df', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './TabBarItem-547825e2', './useTranslationBundle-d07d4b20', './EmbeddedIconButton-d6ce24a6'], (function(e,a,t,o,r,n,s,l,i,c,d,b){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,"aria-controls":f}){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=d.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...H,style:k,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":f,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(b.EmbeddedIconButton,{"aria-label":E.tabBarNavigationList_removeCueText(),size:"xs",onAction:C,children:(K||y||g)&&a.jsx(r.SvgClose,{})})})})})})}}));
+//# sourceMappingURL=RemovableTabBarItem-3095099e.js.map

package/amd/RemovableTabBarItem-3095099e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableTabBarItem-3095099e.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-462d357c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-9a362373', './TabBar-d8890a47', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-17f5cc64', './LayerHost-639b3284', './useReorderableItem-726c3c03', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,s,a,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:s,onReorder:o,layout:l,rootRef:d}){const b=a.useRef(null),u=a.useCallback((()=>b?.current?.querySelector(p)),[]),m=a.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:s,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=s.forwardRef((({"aria-label":e,"aria-labelledby":s,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=a.useRef(null),[S,D]=a.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":s,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-462d357c.js.map

package/amd/ReorderableTabBar-462d357c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderableTabBar-462d357c.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-a01fe471.js

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

package/amd/RevealToggleIcon-a01fe471.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealToggleIcon-a01fe471.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-7f15ecf1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './LineSeries-797d8d16', './dataStyleUtils-7ba616b8', './useUser-3ef25571', './colorUtils-a785c4c4', './accUtils-530bdb90', './Chart-25d4c94f'], (function(e,t,i,n,r,s,o,a,d,l){"use strict";e.ScatterChart=function({width:e,height:d,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:f,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"===f?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(u?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(l.Chart,{width:e,height:d,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:f,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:a,focusedItemInfo:d,hoveredItemInfo:l,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((f,b)=>{if(0===f.length)return;const A=u[b],M="none"!==C,E=n.getLineAreaSegments(o,s,f,e,i,F,T,m,b,P,U,!0),N=void 0===c||0===c.length||k.has(A.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:A.lineColor,lineWidth:A.lineWidth,lineStyle:A.lineStyle,color:A.lineColor||z[b%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:b}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:A,timeAxisType:U,color:A.lineColor||z[b%z.length],seriesIndex:b,startIndex:e,endIndex:i,markerType:R[b%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:d.seriesIndex!==b||!d.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:l?.isCurrent&&l.seriesIndex===b?l.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
+//# sourceMappingURL=ScatterChart-7f15ecf1.js.map

package/amd/ScatterChart-7f15ecf1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart-7f15ecf1.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-8f203cac.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useVisEvents-0166e4cc', './mergeProps-bcfa6a92', './layoutUtils-8805fc5b', './useLegendDnd-6ab55c11', './useLegendContextMenu-e629139a', './useItemFocus-75d6510d', './Flex-56ecdf4c', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-c043f8da', './classNames-08d99695', './useTestId-3a316499', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useTextDimensions-83dd9415', './TrackResizeContainer-2b033ae7', './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 D(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}:D({itemIdx:n,sectionIdx:i},t)}function b(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}:b({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=>b(t,e),getNextItemInfo:t=>D(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 D=.75*u;l.forEach(((e,n)=>{let i,l,b=!1,S=!1;const R=t(e.title,{fontWeight:"600"}),W=R.height+D+.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{b=!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*D,x=l.itemsPerRow*F,l.itemsPerCol>2&&(v+=(l.itemsPerCol-2)*(P+2*t)))):(x=i,v+=P+W+2*D,0!==n&&(v+=L))}I=Math.max(x,I),g+=C,c=Math.max(c,F),m=P,f.push(b),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:D=!0,onItemAction:b,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,D,!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,!D,q,r.getKeyUpHandler,N,k,U,b,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(D,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:D,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:De}=m.styles,be="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:D?void 0:0,role:"application",class:h.classNames([ve,De,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:be?"row":"column",wrap:"wrap",gap:"4x",children:v.map(((i,o)=>{const s=D?"":a.getRandomId(),l=!!J&&J.isSectionWrappedArray[o],m=!be||l?"column":"row",g=!be||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:D,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-dc86164f', './mergeProps-bcfa6a92', './layoutUtils-8805fc5b', './useLegendDnd-6ab55c11', './useLegendContextMenu-e629139a', './useItemFocus-75d6510d', './Flex-3421f0df', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-dc52806c', './classNames-08d99695', './useTestId-b5cd4766', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useTextDimensions-83dd9415', './TrackResizeContainer-2b033ae7', './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 D(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}:D({itemIdx:n,sectionIdx:i},t)}function b(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}:b({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=>b(t,e),getNextItemInfo:t=>D(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 D=.75*u;l.forEach(((e,n)=>{let i,l,b=!1,S=!1;const R=t(e.title,{fontWeight:"600"}),W=R.height+D+.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{b=!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*D,x=l.itemsPerRow*F,l.itemsPerCol>2&&(v+=(l.itemsPerCol-2)*(P+2*t)))):(x=i,v+=P+W+2*D,0!==n&&(v+=L))}I=Math.max(x,I),g+=C,c=Math.max(c,F),m=P,f.push(b),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:D=!0,onItemAction:b,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,D,!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,!D,q,r.getKeyUpHandler,N,k,U,b,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(D,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:D,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:De}=m.styles,be="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:D?void 0:0,role:"application",class:h.classNames([ve,De,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:be?"row":"column",wrap:"wrap",gap:"4x",children:v.map(((i,o)=>{const s=D?"":a.getRandomId(),l=!!J&&J.isSectionWrappedArray[o],m=!be||l?"column":"row",g=!be||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:D,focusedItemInfo:Y,hoveredItemInfo:Z,activeId:te,hideAndShowBehavior:P,hoverBehavior:C,isTestEnv:j})]})}))}),re,G,O,me,fe]})}})));e.SectionalLegend=W}));
 //# sourceMappingURL=SectionalLegend-8f203cac.js.map

package/amd/SectionedContent-19bef3cc.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-abcacf49', './Flex-3421f0df', './FocusTrap-60520575', './keyboardUtils-fbb389f8', './useTestId-b5cd4766', './View-bd5c7fa7'], (function(e,n,o,t,i,a,d,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:f,paddingBlockEnd:x="4x",paddingBlockStart:g="4x",paddingInlineEnd:b="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const I=s.useTestId(S),j=o.useRef(null),m=t??j,w=o.useCallback((e=>{e.code===d.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(i.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:x,paddingBlockStart:g,paddingInlineEnd:b,paddingInlineStart:h,children:f}),l]}),T=p?n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:m,role:k,...I,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:i,onPosition:a,...d})=>{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),a?.(e)}),[a,r]);return n.jsx(t.Dropdown,{isOpen:i,onPosition:u,placement:s,...d,children:e})}}));
+//# sourceMappingURL=SectionedContent-19bef3cc.js.map

package/amd/SectionedContent-19bef3cc.js.map

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