@oracle/oraclejet-preact 17.0.5 → 17.0.7

package/amd/Floating-8f519f4d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Floating-8f519f4d.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useMemo, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { RefObject } from 'preact';\nimport { PositionData, Coords } from './Floating.types';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles } from './themes/FloatingStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Property } from 'csstype';\nimport { rgba } from '../UNSAFE_Theme/utils';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\n\ntype Props = Pick<ColorProps, 'backgroundColor'> & {\n  data?: PositionData;\n  anchorRef: RefObject<Element | Coords>;\n  tail: 'none' | 'simple';\n  isRtl: boolean;\n};\n\nconst ARROW_SIZE = 7;\nconst ARROW_SIZE_CORNER = 6;\nconst ARROW_INNER_SIZE = 5;\nconst ARROW_INNER_SIZE_CORNER = 5;\n\nconst FloatingTail = forwardRef(\n  (\n    { data, anchorRef, tail, isRtl, backgroundColor }: Props,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n    const arrowRef = useRef<HTMLDivElement | null>(null);\n    const [arrowStyles, setArrowStyles] = useState({\n      arrowStyle: { visibility: 'hidden' },\n      arrowInnerStyle: { visibility: 'hidden' }\n    });\n\n    useLayoutEffect(() => {\n      if (arrowRef.current == null) return;\n      const { isCornerVerticalPlacement, isCornerHorizontalPlacement } = isCorner(\n        anchorRef,\n        tail,\n        data\n      );\n      setArrowStyles(\n        setStyles(\n          tail,\n          isRtl,\n          isCornerVerticalPlacement,\n          isCornerHorizontalPlacement,\n          data,\n          backgroundColor\n        )\n      );\n    }, [\n      data,\n      backgroundColor,\n      data?.placement,\n      data?.x,\n      data?.y,\n      data?.offset,\n      data?.arrow,\n      tail,\n      isRtl,\n      anchorRef\n    ]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, arrowRef), [ref, arrowRef]);\n    return (\n      tail === 'simple' && (\n        <div\n          ref={stableRef}\n          class={classNames([baseTheme, styles.floatingTailBaseStyle])}\n          style={arrowStyles.arrowStyle}>\n          {' '}\n          {/*Outer arrow - shadow*/}\n          <div\n            class={classNames([styles.floatingTailBaseStyle])}\n            style={arrowStyles.arrowInnerStyle}></div>{' '}\n          {/*Inner arrow - body*/}\n        </div>\n      )\n    );\n  }\n);\n\nfunction isCorner(\n  anchorRef: RefObject<Element | Coords>,\n  tail: 'none' | 'simple',\n  data?: PositionData\n) {\n  if (tail === 'simple' && data && data.arrow) {\n    const { centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n    // @ts-ignore. Type 'Element | Coords' issues\n    // Property 'x' does not exist on type 'Element'.\n    // Property 'y' does not exist on type 'Element'.\n    const isAnchorRefElement = current?.x === undefined && current?.y === undefined;\n    if (isAnchorRefElement) {\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefHeight = Math.round(current.getBoundingClientRect().height);\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefWidth = Math.round(anchorRef.current?.getBoundingClientRect().width);\n    }\n    const isCornerVerticalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2\n      : ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(\n          data.origPlacement\n        );\n    const isCornerHorizontalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2\n      : ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(\n          data.origPlacement\n        );\n\n    return { isCornerVerticalPlacement, isCornerHorizontalPlacement };\n  } else return { isCornerVerticalPlacement: false, isCornerHorizontalPlacement: false };\n}\n\nfunction setStyles(\n  //arrowEl: HTMLDivElement,\n  tail: 'none' | 'simple',\n  isRtl: boolean,\n  isCornerVerticalPlacement: boolean,\n  isCornerHorizontalPlacement: boolean,\n  data?: PositionData,\n  backgroundColor?: Property.BackgroundColor\n) {\n  const result = { visibility: 'visible' };\n  const innerResult = { visibility: 'visible' };\n  if (tail === 'simple' && data && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    const arrowSizeCorner = ARROW_SIZE_CORNER;\n    //const arrowInnerEl = arrowEl.querySelector('div') as Element;\n    const arrowInnerSize = ARROW_INNER_SIZE;\n    const arrowInnerSizeCorner = ARROW_INNER_SIZE_CORNER;\n\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set sizes of the arrow\n    setArrowSizes(isCornerVerticalPlacement || isCornerHorizontalPlacement);\n\n    // Corner vs. normal arrow\n    function setArrowSizes(isCornerPlacement?: boolean) {\n      // Outer arrow (shadow)\n      const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;\n      setArrowStyle(\n        {\n          // Tracked: \n          borderTop: `${getSize(arrowFinalSize)} solid ${rgba(\n            colorSchemeVars.palette.neutral[90],\n            0.1\n          )}`,\n          borderRight: getTransparentBorder(arrowFinalSize),\n          borderLeft: getTransparentBorder(arrowFinalSize)\n        },\n        result\n      );\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle(\n        {\n          // Tracked: \n          borderTop: `${getSize(arrowInnerFinalSize)} solid ${backgroundColor}`,\n          borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n          borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`\n        },\n        innerResult\n      );\n    }\n\n    function setArrowStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function setArrowInnerStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function getTurn(eighth: number) {\n      return `rotate(${eighth * 45}deg)`;\n    }\n\n    function getSize(size: number) {\n      return `${size}px`;\n    }\n\n    function getTransparentBorder(size: number) {\n      return `${getSize(size)} solid transparent`;\n    }\n\n    const placementArr = data.placement.split('-');\n    const side = placementArr[0];\n\n    switch (side) {\n      case 'top':\n        setArrowTop();\n        break;\n      case 'end':\n        isRtl ? setArrowStart() : setArrowEnd();\n        break;\n      case 'bottom':\n        setArrowBottom();\n        break;\n      case 'start':\n        isRtl ? setArrowEnd() : setArrowStart();\n        break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize + 2),\n              left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n              transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize),\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(0)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize - 1),\n              transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize * 1.5),\n              transform: getTurn(2)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize + 3),\n              bottom: '', // flip 'reset'\n              left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n              transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n            },\n            innerResult\n          );\n        } else {\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize),\n              bottom: '', // flip 'reset'\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(4)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: getSize(-arrowSize - 1),\n              left: '', // flip 'reset'\n              transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n            },\n            innerResult\n          );\n        } else {\n          // Start\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: getSize(-arrowSize * 1.5),\n              left: '', // flip 'reset'\n              transform: getTurn(6)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize),\n          left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n        },\n        innerResult\n      );\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize - 2),\n          left: getSize(-arrowInnerSize)\n        },\n        innerResult\n      );\n    }\n  }\n  return { arrowStyle: result, arrowInnerStyle: innerResult };\n}\n\nexport { FloatingTail };\n","import { RefObject } from 'preact';\nimport { useLayoutEffect, useEffect, useMemo, useState, useRef, useCallback } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { autoUpdate, arrow } from '@floating-ui/dom';\nimport {\n  useFloating,\n  shift,\n  flip,\n  size,\n  offset,\n  limitShift,\n  VirtualElement,\n  logicalSide\n} from '../hooks/PRIVATE_useFloating';\nimport { Offset, Placement, Coords, PositionData } from './Floating.types';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail } from './FloatingTail';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles, floatingVisibilityStyles } from './themes/FloatingStyles.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { floatingVars } from './themes/FloatingContract.css';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'class'>;\n/**\n * Specifies the flipping behavior along the respective axis.\n */\nexport type FlipOptions = {\n  /**\n   * If set to true, enables collision detection on the main axis,\n   * which runs along the floating placement side.\n   */\n  mainAxis?: boolean;\n  /**\n   * If set to true, enables collision detection on the cross axis,\n   * which runs along the floating placement side.\n   */\n  crossAxis?: boolean;\n  /**\n   * Specifies an array of placements to try\n   * if the preferred initial placement doesn’t fit on the axes\n   * in which collision is detected.\n   */\n  fallbackPlacements?: Array<Placement>;\n};\n\n/**\n * Specifies the shift behavior along the respective axis.\n * When true, the floating element will shift to prevent overflow.\n */\nexport type ShiftOptions = {\n  /**\n   * main axis in which shifting is applied. Default <code>true</code>.\n   */\n  mainAxis?: boolean;\n  /**\n   * cross axis in which shifting is applied. Default <code>false</code>.\n   */\n  crossAxis?: boolean;\n};\n\n/**\n * This describes the virtual padding around the collision boundary (currently the view port).\n * This could be extended in the future,\n * i.e. property to define what is a boundary ( a view port, a document, some other html element)\n */\nexport type BoundaryOptions = {\n  padding?:\n    | number\n    | {\n        top: number;\n        right: number;\n        bottom: number;\n        left: number;\n      };\n};\n/**\n * Specifies the resizing behaviour for max-height and max-width of the floating component.\n * The floating element will change the size depending on the available space.\n * isMaxHeightAdjusted/isMaxWidthAdjusted - sets the max-height/max-width of the floating to the available space till the collision.\n * maxHeightCeiling/maxWidthCeiling - this is the limit for max-height/max-width that should not be exceeded, even if there is more available space till the collision.\n */\nexport type SizeOptions = {\n  isMaxWidthAdjusted?: boolean;\n  isMaxHeightAdjusted?: boolean;\n  maxHeightCeiling?: number;\n  maxWidthCeiling?: number;\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * <p>Placement of the floating element relative to its reference element.</p>\n     * <p>Placement consists of two parts, the first part is the side, the second is the alignment.</p>\n     * <p>Possible values are:</p>\n     * <p> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code> <code> 'top-start-corner' </code> <code> 'top-end-corner' </code>\n     * <code> 'end' </code> <code> 'end-top'  </code> <code> 'end-bottom' </code> <code> 'end-top-corner' </code> <code> 'end-bottom-corner' </code>\n     * <code> 'bottom'  </code> <code> 'bottom-start'  </code> <code> 'bottom-end' </code> <code> 'bottom-start-corner' </code> <code> 'bottom-end-corner' </code>\n     * <code> 'start' </code> <code> 'start-top'  </code> <code> 'start-bottom' </code> <code> 'start-top-corner' </code> <code> 'start-bottom-corner' </code>\n     * </p>\n     */\n    placement?: Placement;\n\n    /**\n     * Trigger element reference.\n     */\n    anchorRef: RefObject<Element | Coords>;\n\n    /**\n     * Placement offset.\n     * Offset displaces the floating element from its core placement along the specified axes.\n     * Offset could be a number or an object\n     * A number represents the distance (gutter or margin) between the floating element and the reference element.\n     * This is shorthand for mainAxis.\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * <p><code>mainAxis</code> - represents the distance (gutter or margin) between the floating element and the reference element.</p>\n     * <p><code>crossAxis</code> - represents the shifting between the floating element and the reference element.<p>\n     */\n    offsetValue?: Offset;\n\n    /**\n     * Click outside callback.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n\n    /**\n     * FlipOptions object\n     * <pre>\n     * type FlipOptions = {\n     *     mainAxis?: boolean;\n     *     crossAxis?: boolean;\n     *     fallbackPlacements?: Array<Placement>;\n     *   }\n     * </pre>\n     * <p>Specifies the flipping behavior along the respective axis.<p>\n     * <p><code>mainAxis</code> - If set to true, enables collision detection on the main axis, which runs along the floating placement side.\n     * Default is <code>true</code>.\n     * </p>\n     * <p><code>crossAxis</code> - If set to true, enables collision detection on the cross axis, which runs along the floating placement alignment.\n     * Default is <code>false</code>.\n     * </p>\n     * <p><code>fallbackPlacements</code> - specifies an array of placements to try if the preferred initial placement doesn’t fit on the axes in which collision is detected.\n     * The fallback placements will be tried in the order they are specified in the array.\n     * The following placements are allowed as values of the array:\n     * <code>'top'</code>, <code>'top-start'</code>, <code>'top-end'</code>, <code>'start'</code>, <code>'start-top'</code>, <code>'start-bottom'</code>, <code>'bottom'</code>,\n     * <code>'bottom-start'</code>, <code>'bottom-end'</code>, <code>'end'</code>, <code>'end-top'</code>, <code>'end-bottom'</code>.\n     * <p>\n     * If not specified, the default behaviour is to flip to the side <code>opposite</code> to the one in which collision is detected\n     * </p>\n     * </p>\n     */\n    flipOptions?: FlipOptions;\n\n    /**\n     * Specifies the shift behavior along the respective axis. When true, the floating element will shift to prevent overflow.\n     * <pre>\n     * type ShiftOptions = {\n     *  mainAxis?: boolean;\n     *  crossAxis?: boolean;\n     * };\n     * </pre>\n     * <p><code>mainAxis</code> - main axis in which shifting is applied. Default <code>true</code>.</p>\n     * <p><code>crossAxis</code> - cross axis in which shifting is applied. Default <code>false</code>.</p>\n     */\n    shiftOptions?: ShiftOptions;\n\n    /**\n     *  Triggered when placement or coordinates are changed after collision is detected\n     */\n    onPosition?: (data: PositionData) => void;\n\n    /**\n     * Tail\n     */\n    tail?: 'none' | 'simple';\n\n    /**\n     * Specifies the resizing behaviour for max-height and max-width of the floating component.\n     * <pre>\n     * type SizeOptions = {\n     *    isMaxWidthAdjusted?: boolean;\n     *    isMaxHeightAdjusted?: boolean;\n     *    maxHeightCeiling?: number;\n     *    maxWidthCeiling?: number;\n     *  }\n     * </pre>\n     * <p><code>isMaxHeightAdjusted</code> and <code>isMaxWidthAdjusted</code> - sets the max-height/max-width of the floating to the available space till the collision.\n     * When either of the options isMaxHeightAdjusted, isMaxWidthAdjusted is true, the floating element will change the size depending on the available space.\n     * Default values are <code>'false'</code>.</p>\n     * <p><code>maxHeightCeiling</code> and <code>maxWidthCeiling</code> - are maximal values that could not be exceeded.\n     * Defaults are undefined and it means to use full available width/height.</p>\n     */\n    sizeOptions?: SizeOptions;\n\n    /**\n     * <p>This describes the virtual padding around the collision boundary (currently the view port).</p>\n     * <p>This could be extended in the future,\n     * i.e. property to define what is a boundary\n     * ( a view port, a document, some other html element)</p>\n     * <pre>\n     * type BoundaryOptions = {\n     *  padding?: number | {\n     *    top: number;\n     *    right: number;\n     *    bottom: number;\n     *    left: number;\n     *  };\n     * }\n     * </pre>\n     * Default value for padding is 0.\n     */\n    boundaryOptions?: BoundaryOptions;\n  };\n\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n\n/**\n * A floating component allows the user to create a floating element that is displayed relative to an anchor element or pointer coordinates\n * and at the same time on the \"top layer\" of all other elements.\n * The Floating component is a base component and is often used by such components as Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\n      backgroundColor,\n      onClickOutside,\n      placement = 'bottom',\n      anchorRef,\n      offsetValue,\n      class: className,\n      tail = 'none',\n      flipOptions = { mainAxis: true, crossAxis: false },\n      shiftOptions = { mainAxis: true, crossAxis: false },\n      sizeOptions = { isMaxHeightAdjusted: false, isMaxWidthAdjusted: false },\n      boundaryOptions = { padding: 0 },\n      onPosition\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n    const [positionData, setPositionData] = useState<PositionData>();\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\n\n    const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n\n    // we need to be sure anchorRef.current exists in first call\n    // to be able to set the previousAnchor state\n    useLayoutEffect(() => {\n      setPreviousAnchor(anchorRef.current);\n    }, [anchorRef]);\n\n    // In case anchorRef.current changes and we need to update floating position\n    // when it changes, we need to have copy in the state.\n    // For example when anchorRef is Coords( virtual element)\n    if (anchorRef.current !== previousAnchor) {\n      setPreviousAnchor(anchorRef.current);\n    }\n\n    const { direction } = useUser();\n    const isRtl = direction === 'rtl';\n\n    const _onPosition = useCallback(\n      (data: PositionData) => {\n        setPositionData(data);\n        onPosition?.(data);\n      },\n      [onPosition]\n    );\n\n    const middleware = [\n      offset(offsetValue),\n      flip({\n        mainAxis: flipOptions.mainAxis,\n        crossAxis: flipOptions.crossAxis,\n        fallbackPlacements: flipOptions.fallbackPlacements?.map((placement) =>\n          logicalSide(placement, direction)\n        ),\n        padding: boundaryOptions.padding\n      }),\n      shift({\n        mainAxis: shiftOptions.mainAxis,\n        crossAxis: shiftOptions.crossAxis,\n        limiter: limitShift({\n          mainAxis: shiftOptions.mainAxis,\n          crossAxis: shiftOptions.crossAxis\n        })\n      }),\n      ...(arrowRef.current\n        ? [\n            arrow({\n              element: arrowRef.current\n            })\n          ]\n        : [])\n    ];\n    if (sizeOptions.isMaxHeightAdjusted || sizeOptions.isMaxWidthAdjusted) {\n      middleware.push(\n        size({\n          apply({ availableWidth, availableHeight, elements }) {\n            if (sizeOptions.isMaxHeightAdjusted) {\n              if (parseInt(elements.floating.style.maxHeight) !== availableHeight) {\n                Object.assign(elements.floating.style, {\n                  maxHeight: `${Math.min(\n                    availableHeight,\n                    sizeOptions.maxHeightCeiling || availableHeight\n                  )}px`\n                });\n              }\n            }\n\n            if (sizeOptions.isMaxWidthAdjusted) {\n              if (parseInt(elements.floating.style.maxWidth) !== availableWidth) {\n                Object.assign(elements.floating.style, {\n                  maxWidth: `${Math.min(\n                    availableWidth,\n                    sizeOptions.maxWidthCeiling || availableWidth\n                  )}px`\n                });\n              }\n            }\n          },\n\n          padding: boundaryOptions.padding\n        })\n      );\n    }\n\n    const { x, y, reference, floating, refs, update } = useFloating({\n      placement: placement,\n      middleware: middleware,\n      onPosition: _onPosition\n    });\n\n    // To solve \"loop limit exceeds\" problem from the ResizeObserver in autoUpdate\n    // we need to make sure that we utilize autoUpdate function\n    // after the Floating component is positioned and has x, y coordinates.\n    const [isPositioned, setIsPositioned] = useState(false);\n\n    // here autoUpdate should be called only once during the Component lifecycle,\n    // if the floating, reference, placement and middleware do not change\n    useEffect(() => {\n      if (!refs.reference.current || !refs.floating.current || isPositioned !== true) {\n        return;\n      }\n\n      return autoUpdate(refs.reference.current, refs.floating.current, update);\n    }, [refs.floating, refs.reference, update, isPositioned]);\n\n    // here we should know when the Floating is positioned\n    useEffect(() => {\n      if (x != null && y != null) {\n        setIsPositioned(true);\n      }\n    }, [x, y]);\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n\n    function createVirtualElement(\n      domRef: Element | null,\n      data: {\n        axis: 'x' | 'y' | 'both';\n        x: number | null;\n        y: number | null;\n      }\n    ) {\n      let offsetX: number | null = null;\n      let offsetY: number | null = null;\n      let isAutoUpdateEvent = false;\n\n      return {\n        contextElement: domRef || undefined,\n        getBoundingClientRect() {\n          const domRect = domRef?.getBoundingClientRect() || {\n            width: 0,\n            height: 0,\n            x: 0,\n            y: 0\n          };\n\n          const isXAxis = data.axis === 'x' || data.axis === 'both';\n          const isYAxis = data.axis === 'y' || data.axis === 'both';\n\n          let width = domRect.width;\n          let height = domRect.height;\n          let x = domRect.x;\n          let y = domRect.y;\n\n          if (offsetX == null && data.x && isXAxis) {\n            offsetX = domRect.x - data.x;\n          }\n\n          if (offsetY == null && data.y && isYAxis) {\n            offsetY = domRect.y - data.y;\n          }\n\n          x -= offsetX || 0;\n          y -= offsetY || 0;\n          width = 0;\n          height = 0;\n\n          if (!isAutoUpdateEvent) {\n            width = data.axis === 'y' ? domRect.width : 0;\n            height = data.axis === 'x' ? domRect.height : 0;\n            x = isXAxis && data.x != null ? data.x : x;\n            y = isYAxis && data.y != null ? data.y : y;\n          } else if (isAutoUpdateEvent) {\n            height = data.axis === 'x' ? domRect.height : height;\n            width = data.axis === 'y' ? domRect.width : width;\n          }\n\n          isAutoUpdateEvent = true;\n          const virtEl = {\n            width,\n            height,\n            x,\n            y,\n            top: y,\n            right: x + width,\n            bottom: y + height,\n            left: x\n          };\n\n          return virtEl;\n        }\n      };\n    }\n\n    useLayoutEffect(() => {\n      if (isElement(previousAnchor)) {\n        const element = previousAnchor as Element;\n        reference(element);\n        return;\n      }\n      const coords = previousAnchor as Coords;\n      if (coords != null && coords.contextElement != null) {\n        const virtualEl = createVirtualElement(coords.contextElement, {\n          axis: 'both',\n          x: coords.x,\n          y: coords.y\n        });\n        reference(virtualEl);\n        return;\n      }\n      const virtualEl: VirtualElement = {\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: coords!.x,\n            y: coords!.y,\n            top: coords!.y,\n            left: coords!.x,\n            right: coords!.x,\n            bottom: coords!.y\n          };\n        }\n      };\n      if (coords && coords.x != null) {\n        reference(virtualEl);\n      }\n    }, [previousAnchor, reference]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n    const positionStyle = { top: y, left: x };\n\n    let assignedVars = {}; // empty var override unless background is specified\n    if (backgroundColor) {\n      assignedVars = assignInlineVars({\n        [floatingVars.backgroundColor]: backgroundColor\n      });\n    }\n\n    const visibilityStyles =\n      x == null && y == null ? floatingVisibilityStyles.hidden : floatingVisibilityStyles.visible;\n    const floatingClasses = classNames([className, baseTheme, styles.baseStyle, visibilityStyles]);\n    const isAnchorMounted = anchorRef && anchorRef.current;\n    const content = (\n      <div class={floatingClasses} ref={stableRef} style={{ ...positionStyle, ...assignedVars }}>\n        {children}\n        {isAnchorMounted && (\n          <FloatingTail\n            ref={arrowRef}\n            backgroundColor={backgroundColor}\n            data={positionData}\n            anchorRef={anchorRef}\n            tail={tail}\n            isRtl={isRtl}\n          />\n        )}\n      </div>\n    );\n    return content;\n  }\n);\n"],"names":["FloatingTail","forwardRef","data","anchorRef","tail","isRtl","backgroundColor","ref","styles","baseTheme","useComponentTheme","FloatingRedwoodTheme","arrowRef","useRef","arrowStyles","setArrowStyles","useState","arrowStyle","visibility","arrowInnerStyle","useLayoutEffect","current","isCornerVerticalPlacement","isCornerHorizontalPlacement","arrow","centerOffset","arrowSize","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","x","y","Math","round","getBoundingClientRect","height","width","abs","includes","origPlacement","isCorner","result","innerResult","arrowSizeCorner","arrowInnerSize","arrowInnerSizeCorner","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","rgba","colorSchemeVars","palette","neutral","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","style","Object","assign","getTurn","eighth","size","placement","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","setStyles","offset","stableRef","useMemo","mergeRefs","_jsxs","class","classNames","floatingTailBaseStyle","children","_jsx","Floating","onClickOutside","offsetValue","className","flipOptions","mainAxis","crossAxis","shiftOptions","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","onPosition","positionData","setPositionData","previousAnchor","setPreviousAnchor","direction","useUser","_onPosition","useCallback","middleware","flip","fallbackPlacements","map","logicalSide","shift","limiter","limitShift","element","push","apply","availableWidth","availableHeight","elements","parseInt","floating","maxHeight","min","maxHeightCeiling","maxWidth","maxWidthCeiling","reference","refs","update","useFloating","isPositioned","setIsPositioned","useEffect","autoUpdate","useOutsideClick","isDisabled","handler","Element","coords","contextElement","virtualEl","domRef","offsetX","offsetY","isAutoUpdateEvent","domRect","isXAxis","axis","isYAxis","createVirtualElement","positionStyle","assignedVars","assignInlineVars","floatingVars","visibilityStyles","floatingVisibilityStyles","hidden","visible","floatingClasses","baseStyle","isAnchorMounted"],"mappings":"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"}

package/amd/Grid-209ab070.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './grid-767b4587', './boxalignment-1e23a8e6', './mergeInterpolations-9ede4cf7', 'css!./GridStyles.styles.css', './useTestId-f3b8b319'], (function(e,s,t,r,i,n,l){"use strict";const a=[...Object.values(t.gridInterpolations),...Object.values(r.boxAlignmentInterpolations)],d=i.mergeInterpolations(a);e.Grid=({"aria-label":e,"aria-hidden":t,children:r,testId:i,role:n,...a})=>{const{class:o,...c}=d(a),b=l.useTestId(i),u={...c};return s.jsx("div",{class:`GridStyles_baseStyles__11rn47i0 ${o||""}`,style:u,role:n,"aria-label":e,"aria-hidden":t,...b,children:r})}}));
-//# sourceMappingURL=Grid-209ab070.js.map

package/amd/Grid-209ab070.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid-209ab070.js","sources":["../../src/UNSAFE_Grid/Grid.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 } from 'preact';\n\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles } from './GridStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\n\ntype Props = GridProps &\n  BoxAlignmentProps &\n  TestIdProps & {\n    /**\n     * The aria role for the Grid\n     */\n    role?: HTMLAttributesSignalExcluded['role'];\n    /**\n     * aria-label for this Grid\n     */\n    'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n    /**\n     * aria-hidden for this Grid\n     */\n    'aria-hidden'?: HTMLAttributesSignalExcluded['aria-hidden'];\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({\n  'aria-label': ariaLabel,\n  'aria-hidden': ariaHidden,\n  children,\n  testId,\n  role,\n  ...props\n}: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  const allStyles = { ...styles };\n  return (\n    <div\n      class={`${baseStyles} ${cls ? cls : ''}`}\n      style={allStyles}\n      role={role}\n      aria-label={ariaLabel}\n      aria-hidden={ariaHidden}\n      {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","ariaLabel","ariaHidden","children","testId","role","props","class","cls","styles","testIdProps","useTestId","allStyles","_jsx","style"],"mappings":"4MAuCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,yBACdF,OAAOC,OAAOE,+BAGbC,EAAsBC,EAAAA,oBAA2BN,UAKnC,EAClB,aAAcO,EACd,cAAeC,EACfC,WACAC,SACAC,UACGC,MAEH,MAAQC,MAAOC,KAAQC,GAAWV,EAAoBO,GAChDI,EAAcC,YAAUP,GACxBQ,EAAY,IAAKH,GACvB,OACEI,MAAA,MAAA,CACEN,MAAO,mCAAiBC,GAAY,KACpCM,MAAOF,EACPP,KAAMA,EACM,aAAAJ,EACC,cAAAC,KACTQ,EAAWP,SACdA,GAEH"}

package/amd/Gridlines-8ca4f9ee.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', './classNames-08d99695', './useColorScheme-3ffd80c4'], (function(e,t,s,i,o){"use strict";const n={yMajorTick:{isRendered:!0},yMinorTick:{isRendered:!1},xMajorTick:{isRendered:!1}};e.Gridlines=function({plotArea:e=n,yMinorTicks:l,xScale:r,yScale:d,isLog:a,xViewportMin:y,xViewportMax:c,yTicks:h,yAxisPosition:x}){const k="top"===x||"bottom"===x,[$,m]=r.range(),[f,L]=d.range();let M="",S="",j="";const{yMajorTick:T,yMinorTick:g,xMajorTick:u}=e,p={...n.yMajorTick,...T},v={...n.yMinorTick,...g},P={...n.xMajorTick,...u},R=!0===v?.isRendered||a;if(p?.isRendered)for(let e=1;e<h.length;e++){let t=d.transform(h[e]);e===h.length-1&&(t+=k?-1:1),M+=k?`M${t},${$}L${t},${m}`:`M${$},${t}L${m},${t}`}if(P?.isRendered){for(let e=Math.floor(y-.5)+1.5;e<c;e++){const t=r.transform(e);S+=k?`M${f},${t}L${L},${t}`:`M${t},${f}L${t},${L}`}}if(R)for(let e=0;e<l.length;e++){const t=d.transform(l[e]);j+=k?`M${t},${$}L${t},${m}`:`M${$},${t}L${m},${t}`}const A=o.useColorScheme();return t.jsxs(t.Fragment,{children:[p?.isRendered&&t.jsx("path",{d:M,class:i.classNames([s.styles.noPointerEvents,s.styles.majorTickLineStyles,"dashed"===p?.lineStyle?s.styles.dashedLine:void 0,"dotted"===p?.lineStyle?s.styles.dottedLine:void 0]),style:{stroke:p.lineColor,strokeWidth:p.lineWidth}}),P?.isRendered&&t.jsx("path",{d:S,class:i.classNames([s.styles.noPointerEvents,s.styles.majorTickLineStyles,"dashed"===P?.lineStyle?s.styles.dashedLine:void 0,"dotted"===P?.lineStyle?s.styles.dottedLine:void 0]),style:{stroke:P.lineColor,strokeWidth:P.lineWidth}}),R&&t.jsx("path",{d:j,class:i.classNames([s.styles.noPointerEvents,s.styles.minorTickLineStyles,"light"===A?s.styles.lightMinorTickLineStroke:s.styles.darkMinorTickLineStroke,"dashed"===v?.lineStyle?s.styles.dashedLine:void 0,"dotted"===v?.lineStyle?s.styles.dottedLine:void 0]),style:{stroke:v?.lineColor,strokeWidth:v?.lineWidth}})]})},e.PlotArea=function({color:e,yScale:i,isLog:o,availSpace:n,xAxisPosition:l,cursor:r}){const d=!o&&i.domain()[0]<0&&i.domain()[1]>0,a=function(e,t,s){return{x1:"right"===t?e.x+e.width:e.x,x2:"left"===t?e.x:e.x+e.width,y1:"bottom"===t?e.y+e.height:e.y,y2:"top"===t?e.y:e.y+e.height,stroke:s?.lineColor,strokeWidth:s?.lineWidth}}(n,l),y=function(e,t,s){let i,o,n,l;return"bottom"===s?(i=e.x,o=e.x+e.width,n=t,l=t):(i=t,o=t,n=e.y,l=e.y+e.height),{x1:i,x2:o,y1:n,y2:l}}(n,i.transform(0),l);return t.jsxs(t.Fragment,{children:[t.jsx("rect",{...n,class:s.styles.plotAreaStyle,style:{fill:e,cursor:r}}),t.jsx("line",{...a,class:s.styles.axisLineStyle}),d&&t.jsx("line",{...y,class:s.styles.baseLineStyle})]})}}));
-//# sourceMappingURL=Gridlines-8ca4f9ee.js.map

package/amd/Gridlines-8ca4f9ee.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gridlines-8ca4f9ee.js","sources":["../../src/PRIVATE_PlotArea/Gridlines.tsx","../../src/PRIVATE_PlotArea/PlotArea.tsx","../../src/PRIVATE_PlotArea/utils.ts"],"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 { styles } from './themes/PlotAreaStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ChartPlotArea, Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\n\ntype Props = {\n  xScale: Scale;\n  yScale: Scale;\n  xViewportMin: number;\n  xViewportMax: number;\n  isLog: boolean;\n  yTicks: number[];\n  yMinorTicks: number[];\n  plotArea?: ChartPlotArea;\n  yAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n};\n\nconst TICK_DEFAULT = {\n  yMajorTick: {\n    isRendered: true\n  },\n  yMinorTick: {\n    isRendered: false\n  },\n  xMajorTick: {\n    isRendered: false\n  }\n};\n\nexport function Gridlines({\n  plotArea = TICK_DEFAULT,\n  yMinorTicks,\n  xScale,\n  yScale,\n  isLog,\n  xViewportMin,\n  xViewportMax,\n  yTicks,\n  yAxisPosition\n}: Props) {\n  const isHoriz = yAxisPosition === 'top' || yAxisPosition === 'bottom';\n  const [x1, x2] = xScale.range();\n  const [y1, y2] = yScale.range();\n\n  let yLinesPath = '';\n  let xLinesPath = '';\n  let yMinorPath = '';\n  const { yMajorTick: _yMajorTick, yMinorTick: _yMinorTick, xMajorTick: _xMajorTick } = plotArea;\n  const yMajorTick = { ...TICK_DEFAULT.yMajorTick, ..._yMajorTick };\n  const yMinorTick = { ...TICK_DEFAULT.yMinorTick, ..._yMinorTick };\n  const xMajorTick = { ...TICK_DEFAULT.xMajorTick, ..._xMajorTick };\n  const isYMinorRendered = yMinorTick?.isRendered === true || isLog;\n\n  if (yMajorTick?.isRendered) {\n    for (let i = 1; i < yTicks.length; i++) {\n      let y = yScale.transform(yTicks[i]);\n      // last grid line get's clipped due to plot area clippath. Slightly adjust\n      // coord so that it's not clipped.\n      if (i === yTicks.length - 1) {\n        y += isHoriz ? -1 : 1;\n      }\n      yLinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (xMajorTick?.isRendered) {\n    const xStartIndex = Math.floor(xViewportMin - 0.5) + 1.5;\n    for (let i = xStartIndex; i < xViewportMax; i++) {\n      const x = xScale.transform(i);\n      xLinesPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;\n    }\n  }\n\n  if (isYMinorRendered) {\n    for (let i = 0; i < yMinorTicks.length; i++) {\n      const y = yScale.transform(yMinorTicks[i]);\n      yMinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  const colorScheme = useColorScheme();\n\n  return (\n    <>\n      {yMajorTick?.isRendered && (\n        <path\n          d={yLinesPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            yMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: yMajorTick.lineColor,\n            strokeWidth: yMajorTick.lineWidth\n          }}\n        />\n      )}\n      {xMajorTick?.isRendered && (\n        <path\n          d={xLinesPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            xMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            xMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: xMajorTick.lineColor,\n            strokeWidth: xMajorTick.lineWidth\n          }}\n        />\n      )}\n      {isYMinorRendered && (\n        <path\n          d={yMinorPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            yMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: yMinorTick?.lineColor,\n            strokeWidth: yMinorTick?.lineWidth\n          }}\n        />\n      )}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { styles } from './themes/PlotAreaStyles.css';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\nimport { getAxisLineProps, getBaseLineProps } from './utils';\nimport { Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype Props = {\n  yScale: Scale;\n  isLog: boolean;\n  color?: ColorProps['color'];\n  availSpace: Dimension;\n  xAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n  cursor?: string;\n};\n\nexport function PlotArea({ color, yScale, isLog, availSpace, xAxisPosition, cursor }: Props) {\n  const hasBaseLine = !isLog && yScale.domain()[0] < 0 && yScale.domain()[1] > 0;\n  const axisLineProps = getAxisLineProps(availSpace, xAxisPosition);\n  const baseLineProps = getBaseLineProps(availSpace, yScale.transform(0), xAxisPosition);\n  return (\n    <>\n      <rect {...availSpace} class={styles.plotAreaStyle} style={{ fill: color, cursor }}></rect>\n      <line {...axisLineProps} class={styles.axisLineStyle} />\n      {hasBaseLine && <line {...baseLineProps} class={styles.baseLineStyle} />}\n    </>\n  );\n}\n","import { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\n\nexport function getAxisLineProps(\n  availSpace: Dimension,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom',\n  axisLine?: {\n    lineColor?: ColorProps['color'];\n    lineWidth?: number;\n    isRendered: boolean;\n  }\n) {\n  return {\n    x1: axisPosition === 'right' ? availSpace.x + availSpace.width : availSpace.x,\n    x2: axisPosition === 'left' ? availSpace.x : availSpace.x + availSpace.width,\n    y1: axisPosition === 'bottom' ? availSpace.y + availSpace.height : availSpace.y,\n    y2: axisPosition === 'top' ? availSpace.y : availSpace.y + availSpace.height,\n    stroke: axisLine?.lineColor,\n    strokeWidth: axisLine?.lineWidth\n  };\n}\n\nexport function getBaseLineProps(\n  availSpace: Dimension,\n  coord: number,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom'\n) {\n  let x1, x2, y1, y2: number;\n  if (axisPosition === 'bottom') {\n    x1 = availSpace.x;\n    x2 = availSpace.x + availSpace.width;\n    y1 = coord;\n    y2 = coord;\n  } else {\n    x1 = coord;\n    x2 = coord;\n    y1 = availSpace.y;\n    y2 = availSpace.y + availSpace.height;\n  }\n\n  return { x1, x2, y1, y2 };\n}\n"],"names":["TICK_DEFAULT","yMajorTick","isRendered","yMinorTick","xMajorTick","plotArea","yMinorTicks","xScale","yScale","isLog","xViewportMin","xViewportMax","yTicks","yAxisPosition","isHoriz","x1","x2","range","y1","y2","yLinesPath","xLinesPath","yMinorPath","_yMajorTick","_yMinorTick","_xMajorTick","isYMinorRendered","i","length","y","transform","Math","floor","x","colorScheme","useColorScheme","_jsxs","jsxs","_Fragment","Fragment","children","_jsx","jsx","d","class","classNames","styles","noPointerEvents","majorTickLineStyles","lineStyle","dashedLine","undefined","dottedLine","style","stroke","lineColor","strokeWidth","lineWidth","minorTickLineStyles","lightMinorTickLineStroke","darkMinorTickLineStroke","color","availSpace","xAxisPosition","cursor","hasBaseLine","domain","axisLineProps","axisPosition","axisLine","width","height","getAxisLineProps","baseLineProps","coord","getBaseLineProps","plotAreaStyle","fill","axisLineStyle","baseLineStyle"],"mappings":"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"}

package/amd/HighlightText-415dc14f.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'css!./HighlightTextStyles.styles.css', './useTestId-f3b8b319'], (function(e,t,s,n){"use strict";const i="__@@__",l=`${i}$&${i}`;e.HighlightText=function({children:e="",matchText:s="",testId:c}){const h=n.useTestId(c);if(s.length>0&&e.length>0){const n=s.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),c=e.replace(new RegExp(n,"gi"),l).split(i).map(((e,s)=>s%2==0?e:t.jsx("span",{class:"HighlightTextStyles_highlightStyles__6s5c4p0",children:e})));return t.jsx("span",{...h,children:c})}return t.jsx("span",{...h,children:e})}}));
-//# sourceMappingURL=HighlightText-415dc14f.js.map

package/amd/HighlightText-415dc14f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightText-415dc14f.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.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 { highlightStyles } from './HighlightTextStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '', testId }: Props) {\n  const testIdProps = useTestId(testId);\n  if (matchText.length > 0 && children.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n\n    return <span {...testIdProps}>{nodes}</span>;\n  }\n  return <span {...testIdProps}>{children}</span>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","children","matchText","testId","testIdProps","useTestId","length","escapedMatchText","replace","nodes","RegExp","split","map","current","index","_jsx","jsx","class"],"mappings":"kIAsBA,MAAMA,EAAkB,SAClBC,EAAoB,GAAGD,MAAoBA,oBAKjC,UAAcE,SAAEA,EAAW,GAAEC,UAAEA,EAAY,GAAEC,OAAEA,IAC7D,MAAMC,EAAcC,YAAUF,GAC9B,GAAID,EAAUI,OAAS,GAAKL,EAASK,OAAS,EAAG,CAC/C,MAAMC,EAAgCL,EAe7BM,QAAQ,wBAAyB,QAZpCC,EAFkBR,EAASO,QAAQ,IAAIE,OAAOH,EAAkB,MAAOP,GAC9CW,MAAMZ,GAChBa,KAAI,CAACC,EAASC,IACjCA,EAAQ,GAAK,EAAID,EAAUE,EAAMC,IAAA,OAAA,CAAAC,qDAAsBhB,SAAGY,MAG5D,OAAOE,EAAAA,IAAU,OAAA,IAAAX,EAAcH,SAAAQ,GAChC,CACD,OAAOM,EAAAA,IAAU,OAAA,IAAAX,EAAcH,SAAAA,GACjC"}

package/amd/IconUserAssistance-f8928f19.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useTranslationBundle-20bfc0f3', './usePress-a9ed1488', './Help-c0ec701e', './Popup-b5495d55', './HiddenAccessible-037ef42d', './InlineHelp-3dae8034', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './useToggle-a29f97af'], (function(e,s,n,a,o,t,c,i,r,l,u,p,d,h){"use strict";e.IconUserAssistance=({assistiveText:e,helpSourceLink:m,helpSourceText:x,isTabbable:f=!0,id:b})=>{const{bool:T,setFalse:g,toggle:A}=h.useToggle(!1),k=a.useTranslationBundle("@oracle/oraclejet-preact"),j=k.userAssistance_learnMore(),P=m&&(x||j),C=k.radio_helpForRadio(),U=`${b}-help-string`,H=n.useRef(null),S=n.useCallback((e=>{const s=e?.target;(s instanceof Element||s instanceof Document)&&!H.current?.contains(s)&&T&&g()}),[T,g]),v=n.useCallback((e=>{["Tab","Escape"].includes(e.key)&&T&&g(),"Space"===e.code&&e.preventDefault()}),[T,g]),{pressProps:y}=o.usePress((e=>{e.preventDefault(),A()})),F=n.useCallback((e=>{const{key:s}=e;if(s&&"Enter"!==s)return;const{tagName:n}=e.target;"a"===n?.toLowerCase()&&(g(),setTimeout((()=>H.current?.focus())))}),[g]),{baseTheme:I}=u.useComponentTheme(d.PopupRedwoodTheme),w=p.classNames([I,l.iconUserAssistancePopupFocus]);return m||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{...y,role:"link","aria-describedby":U,"aria-haspopup":"dialog",ref:H,tabIndex:f?0:-1,class:l.iconUserAssistanceIcon,onKeyDown:v,id:`${b}-help-icon`,children:s.jsx(t.SvgHelp,{})}),s.jsx(i.HiddenAccessible,{id:U,isHidden:!0,children:C}),s.jsx(c.Popup,{placement:"top",isOpen:T,anchorRef:H,onClose:g,onClickOutside:S,shiftOptions:{mainAxis:!0,crossAxis:!1},maxWidth:"296px",children:s.jsx("div",{id:b,tabIndex:0,class:w,onMouseUp:F,onKeyDown:F,children:s.jsx(r.InlineHelp,{assistiveText:e,sourceLink:m,sourceText:P})})})]}):null}}));
-//# sourceMappingURL=IconUserAssistance-f8928f19.js.map

package/amd/IconUserAssistance-f8928f19.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconUserAssistance-f8928f19.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.key) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // prevent scroll jump\n      if (e.code === 'Space') {\n        e.preventDefault();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const { pressProps } = usePress((e) => {\n    e.preventDefault();\n    toggle();\n  });\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        {...pressProps}\n        role=\"link\"\n        aria-describedby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        onKeyDown={handleOnKeyDown}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","helpStringId","anchorRef","useRef","handleOutsideClick","useCallback","event","target","Element","Document","current","contains","handleOnKeyDown","e","includes","key","code","preventDefault","pressProps","usePress","handleLinkEvent","tagName","toLowerCase","setTimeout","focus","baseTheme","popupBaseTheme","useComponentTheme","PopupRedwoodTheme","iconUserAssistanceClasses","classNames","iconUserAssistancePopupFocus","_jsxs","jsxs","_Fragment","children","_jsx","role","ref","tabIndex","class","iconUserAssistanceIcon","onKeyDown","jsx","HelpIcon","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"scA8C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,SAEA,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAad,IAAmBC,GAAkBW,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAe,GAAGd,gBAClBe,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BlB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLqB,EAAkBP,eACrBQ,IAEK,CAAC,MAAO,UAAUC,SAASD,EAAEE,MAAQ1B,GACvCE,IAIa,UAAXsB,EAAEG,MACJH,EAAEI,gBACH,GAEH,CAAC5B,EAAQE,KAGL2B,WAAEA,GAAeC,EAAQA,UAAEN,IAC/BA,EAAEI,iBACFzB,GAAQ,IAGJ4B,EAAkBf,eACrBQ,IAEC,MAAME,IAAEA,GAAQF,EAChB,GAAIE,GAAe,UAARA,EACT,OAIF,MAAMM,QAAEA,GAAYR,EAAEN,OAES,MAA3Bc,GAASC,gBACX/B,IAIAgC,YAAW,IAAMrB,EAAUQ,SAASc,UACrC,GAEH,CAACjC,KAIKkC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,+BAE9D,OAAO/C,GAAkBD,EACvBiD,EACEC,KAAAC,WAAA,CAAAC,SAAA,CAAAC,MAAA,OAAA,IACMlB,EACJmB,KAAK,0BACapC,EAAY,gBAChB,SACdqC,IAAKpC,EACLqC,SAAUrD,EAAa,GAAK,EAC5BsD,MAAOC,EAAAA,uBACPC,UAAW9B,EACXzB,GAAI,GAAGA,cACPgD,SAAAC,EAAAO,IAACC,UAAQ,CAAA,KAEXR,EAAAO,IAACE,mBAAgB,CAAC1D,GAAIc,EAAc6C,UAAU,EAAIX,SAC/CpC,IAEHqC,EAACO,IAAAI,QACC,CAAAC,UAAU,MACV3D,OAAQA,EACRa,UAAWA,EACX+C,QAAS1D,EACT2D,eAAgB9C,EAChB+C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAU,iBACVlB,EAAAA,IACE,MAAA,CAAAjD,GAAIA,EACJoD,SAAU,EACVC,MAAOX,EACP0B,UAAWnC,EACXsB,UAAWtB,EAAee,SAC1BC,EAAAA,IAACoB,EAAUA,YACTzE,cAAeA,EACf0E,WAAYzE,EACZc,WAAYA,WAKlB,IAAI"}

package/amd/InputDatePicker-da5d8728.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-d1c38937', './HiddenAccessible-037ef42d', './IconButton-1b328b69', './clientHints-030d25aa', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-20bfc0f3', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './Flex-db3ddadb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './LayerHost-0a244de8', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-b5495d55', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-a398d015', './UNSAFE_DatePicker/themes/DatePickerContract.css', './DatePicker-70b1aba4', './SectionedContent-d896b84f', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-b7ff0219', './maskUtils-86dd685a', './calendarDateUtils-1f56aaf5', './InputDateMask-b7a27faa'], (function(e,t,s,a,n,r,o,i,d,l,c,u,m,p,h,f,y,b,C,D,S,x,A,k,v,g,F,V,I,T,P,R,M,U,w,j,_,B,H,E,N,L,O,W,Y,Z,z,G,q,J,K,Q,X){"use strict";const $=({anchorRef:e,assistiveText:s,dayFormatter:n,daysOutsideMonth:r,helpSourceLink:o,helpSourceText:i,isDisabled:l,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:y,max:b,messages:C,min:D,monthAndYearPicker:S,testId:x,todayButton:A,todayTimeZone:k,userAssistanceDensity:v,value:g})=>{const[F,V]=a.useState(!1),[I,T]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(T(c),c||V(!1));const R=ee(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),w=t.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:r,onCommit:y,max:b,min:D,maxWidth:R?"100%":void 0,width:R?"100%":O.datePickerPropVars.maxWidth,monthAndYearPicker:S,testId:x,todayTimeZone:k,todayButton:A,value:g}),j=!c||F&&!R||l||m||!(s||o||C&&C.length>0)||"efficient"!==v&&"reflow"!==v?void 0:t.jsx(d.FormFieldContext.Provider,{value:{isFocused:!0},children:t.jsx("div",{class:N.userAssistanceStyles,children:t.jsx(f.InlineUserAssistance,{assistiveText:s,fieldLabel:p,helpSourceLink:o,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),_=x?x+(R?"_sheet":"_dropdown"):void 0,B=t.jsx("div",{class:N.dropdownStyles,children:t.jsx(Y.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:w,role:"dialog",testId:_})});return R?t.jsx(L.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:t.jsx(Y.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:w,role:"dialog",testId:_})}):t.jsx(Y.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ee=()=>"phone"===i.getClientHints().deviceType,te=e=>e&&Q.isCompleteCalendarDate(e)?e:void 0,se=(e,t)=>{switch(t.type){case"dateChanged":return{...e,dateValue:t.data,completeDateValue:te(t.data)};case"dateSelected":return{...e,dateValue:t.data,completeDateValue:t.data};case"reset":return{completeDateValue:te(t.data),dateValue:t.data};default:return e}},ae=({onCommit:e,onInput:t,value:s})=>{const[n,r]=a.useState(!1),o=a.useRef(null),i=a.useRef(null),d=a.useRef(!1),l=a.useRef(),c=a.useRef(!1),u=a.useRef(),m=a.useRef(s),p=a.useRef(s),h=a.useRef(s),f=a.useRef(!1),{state:y,dispatch:b}=(({value:e})=>{const[t,s]=a.useReducer(se,{completeDateValue:te(e),dateValue:e});return{state:t,dispatch:s}})({value:s});K.calendarDatesAreDifferent(h.current,s)&&(h.current=s,K.calendarDatesAreDifferent(s,y.dateValue)&&(b({type:"reset",data:s}),p.current=s,m.current=s)),a.useEffect((()=>{K.calendarDatesAreDifferent(y.dateValue,p.current)&&(t({previousValue:p.current,value:y.dateValue}),p.current=y.dateValue),f.current&&K.calendarDatesAreDifferent(y.dateValue,m.current)&&(e?.({previousValue:m.current,value:y.dateValue}),m.current=y.dateValue,f.current=!1)}),[e,t,y.dateValue]);const C=a.useCallback((e=>{b({type:"dateChanged",data:e.value})}),[b]),D=a.useCallback((()=>{K.calendarDatesAreDifferent(m.current,y.dateValue)&&(e?.({value:y.dateValue,previousValue:m.current}),m.current=y.dateValue)}),[e,y.dateValue]),S=a.useCallback((()=>{d.current||c.current||r((e=>!e)),d.current=!1,c.current=!1}),[]),x=a.useCallback((e=>{"outsideMousedown"===e.reason?(d.current=!0,clearTimeout(l.current),l.current=setTimeout((()=>{d.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||o.current?.focus(),r(!1)}),[]);return{calendarIconActionHandler:S,datePickerCommitHandler:a.useCallback((e=>{o.current?.focus(),c.current=!0,clearTimeout(u.current),u.current=setTimeout((()=>{c.current=!1}),500),f.current=!0,b({type:"dateSelected",data:e.value}),r(!1)}),[b]),dropdownCloseHandler:x,completeDateValue:y.completeDateValue,dateValue:y.dateValue,iconRef:o,isOpen:n,maskCommitHandler:D,maskInputHandler:C,maskRef:i}},ne=s.forwardRef((({"aria-describedby":e,assistiveText:s,dayFormatter:i,daysOutsideMonth:d,helpSourceLink:l,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:f,messages:y,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:S,value:x,onCommit:A,onInput:k,testId:v,userAssistanceDensity:g,...F},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:T,completeDateValue:P,dateValue:R,dropdownCloseHandler:M,iconRef:U,isOpen:w,maskCommitHandler:j,maskInputHandler:_,maskRef:B}=ae({onCommit:A,onInput:k,value:x}),H=a.useRef(null),{inputDatePicker_selectDate:E,inputDatePicker_instruction:N}=u.useTranslationBundle("@oracle/oraclejet-preact"),L=E(),{userAssistanceDensity:O}=G.useFormContext(),W=g??O;a.useImperativeHandle(V,(()=>({focus:()=>{B.current?.focus()},blur:()=>{B.current?.blur()}})));const Y=q.useId(),z=N(),J=m||p?void 0:t.jsx(r.HiddenAccessible,{id:Y,isHidden:!0,children:z}),K=m||p?e:Z.merge([e,Y]),Q=t.jsx(o.IconButton,{"aria-haspopup":"dialog","aria-label":L,isDisabled:m,ref:U,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:t.jsx(n.SvgCalendar,{})}),ee=w;return t.jsxs(t.Fragment,{children:[t.jsx(X.InputDateMaskContext.Provider,{value:{isDropdownOpen:w,isInputDatePickerParent:!0},children:t.jsx(X.InputDateMask,{"aria-describedby":K,assistiveText:s,endContent:Q,helpSourceLink:l,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:j,onInput:_,mainFieldRef:H,messages:y,testId:v,ref:B,userAssistanceDensity:g,value:R,...F})}),J,ee&&t.jsx($,{anchorRef:H,assistiveText:s,dayFormatter:i,daysOutsideMonth:d,helpSourceLink:l,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:w,label:h,onClose:M,onCommit:T,max:f,messages:y,min:b,monthAndYearPicker:C,testId:v?v+"_datePicker":void 0,todayTimeZone:D,todayButton:S,userAssistanceDensity:W,value:P})]})}));e.InputDatePicker=ne}));
-//# sourceMappingURL=InputDatePicker-da5d8728.js.map

package/amd/InputDatePicker-da5d8728.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputDatePicker-da5d8728.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.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, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\nimport { datePickerPropVars } from '#UNSAFE_DatePicker/themes/DatePickerContract.css';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n  InputDatePickerProps,\n  | 'assistiveText'\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'label'\n  | 'messages'\n  | 'min'\n  | 'max'\n  | 'monthAndYearPicker'\n  | 'todayButton'\n  | 'todayTimeZone'\n  | 'userAssistanceDensity'\n  | 'value'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n  PickedPropsFromInputDatePicker &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  dayFormatter,\n  daysOutsideMonth,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  max,\n  messages,\n  min,\n  monthAndYearPicker,\n  testId,\n  todayButton,\n  todayTimeZone,\n  userAssistanceDensity,\n  value\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const datePickerAriaLabel = datePicker_label();\n\n  const datePickerMainContent = (\n    <DatePicker\n      dayFormatter={dayFormatter}\n      daysOutsideMonth={daysOutsideMonth}\n      onCommit={onCommit}\n      max={max}\n      min={min}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      // for dropdown, we want a fixed width, so set width to the same var used for default maxWidth\n      width={!shouldShowSheet ? datePickerPropVars.maxWidth : '100%'}\n      monthAndYearPicker={monthAndYearPicker}\n      testId={testId}\n      todayTimeZone={todayTimeZone}\n      todayButton={todayButton}\n      value={value}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      initialFocus=\"firstFocusable\"\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\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 { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n  /**\n   * If dateValue is a complete date, then completeDateValue is the same as dateValue\n   * otherwise is is undefined. We need to maintain separate states because\n   * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n   * If the user types a partial date then opens the picker, we treat that as\n   * no selection. The picker opens to the current month showing today.\n   */\n  completeDateValue?: CalendarDateRequired;\n\n  /**\n   * Represents the current date value of the component. The user either selected\n   * the date in the picker, or typed it into the date field.\n   */\n  dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n  return !dateVal || !isCompleteCalendarDate(dateVal)\n    ? undefined\n    : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n  state: InputDatePickerState,\n  action: InputDatePickerReducerAction\n): InputDatePickerState => {\n  switch (action.type) {\n    case 'dateChanged': {\n      return {\n        ...state,\n        dateValue: action.data,\n        completeDateValue: convertToCalendarDateRequired(action.data)\n      };\n    }\n    case 'dateSelected': {\n      return { ...state, dateValue: action.data, completeDateValue: action.data };\n    }\n    case 'reset': {\n      return {\n        completeDateValue: convertToCalendarDateRequired(action.data),\n        dateValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputDatePicker, or undefined.\n   */\n  value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputDatePickerReducer, {\n    completeDateValue: convertToCalendarDateRequired(value),\n    dateValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype Props = {\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({ onCommit, onInput, value: currentValue }: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef: RefObject<HTMLButtonElement> = useRef<HTMLButtonElement>(null);\n\n  // Ref to the InputDateMask component.\n  const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of whether the calendar icon is focused after a date is selected\n  // and the date picker is closed.\n  const calendarFocusAfterSelect = useRef<boolean>(false);\n  const calendarFocusAfterSelectTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last date values passed to onInput and onCommit.\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n  const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of whether a date was selected in the date picker.\n  const dateSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastDateRef.current = currentValue;\n      lastCommittedDateRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n      onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n      lastDateRef.current = state.dateValue;\n    }\n    if (\n      dateSelectedRef.current &&\n      calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n      lastCommittedDateRef.current = state.dateValue;\n      dateSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.dateValue]);\n\n  // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n  // We wait for the state to update before calling onInput.\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      dispatch({ type: 'dateChanged', data: detail.value });\n    },\n    [dispatch]\n  );\n\n  // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n  const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(() => {\n    // If the current date value differs from the last committed value, then call onCommit.\n    if (calendarDatesAreDifferent(lastCommittedDateRef.current, state.dateValue)) {\n      onCommit?.({ value: state.dateValue, previousValue: lastCommittedDateRef.current });\n      lastCommittedDateRef.current = state.dateValue;\n    }\n  }, [onCommit, state.dateValue]);\n\n  // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n  const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current && !calendarFocusAfterSelect.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n    calendarFocusAfterSelect.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the calendar icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle date selection in the picker.\n  //   - Updates the value in state.\n  //   - Closes the dropdown.\n  //   - Sets focus to the date field.\n  const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n      // Set focus to the calendar icon when a date is selected.\n      iconRef.current?.focus();\n\n      // If user is using the keyboard, date selection happens on keyDown.\n      // If we transfer focus to the calendar icon, it then sees the corresponding\n      // keyUp and thinks the button was triggered again (usePress reacts to\n      // keyUp, not keyDown). Maintain a flag that prevents this from happening,\n      // and clear it after a short delay in case selection was made with the mouse.\n      // TODO: Investigate a better way to prevent the dropdown from reopening (JET-67580).\n      calendarFocusAfterSelect.current = true;\n      clearTimeout(calendarFocusAfterSelectTimerRef.current);\n      calendarFocusAfterSelectTimerRef.current = setTimeout(() => {\n        calendarFocusAfterSelect.current = false;\n      }, 500);\n\n      // Set a ref indicating a date was selected.\n      dateSelectedRef.current = true;\n      dispatch({ type: 'dateSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: state.completeDateValue,\n    dateValue: state.dateValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n  CalendarDate,\n  CalendarDatePlaceholders,\n  InputDateMask,\n  InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n  InputDateMaskProps,\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n  DatePickerProps,\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'max'\n  | 'min'\n  | 'monthAndYearPicker'\n  | 'todayTimeZone'\n  | 'todayButton'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n  PickedPropsFromDatePicker & {\n    /**\n     * If specified, overrides the locale specific order of the individual date segments\n     * in the date field as well as the locale specific separator. The value of each placeholder\n     * is only used when the type is 'literal', otherwise it is replaced with a translated\n     * placeholder for month, day, or year. The placeholders must include month, day, and year.\n     */\n    masks?: CalendarDatePlaceholders;\n\n    /**\n     * The current display value of the component.\n     * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n     * the user may type the month, day, and year separately. If a selection is made in the date\n     * picker, then the value is a complete date.\n     */\n    value?: CalendarDate;\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     * It is also called when a selection is made in the date picker.\n     */\n    onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n    /**\n     * Callback invoked each time the user changes the value of a segment. For example, if the user\n     * types '12' into the month segment, this callback will be called twice to change the month\n     * first to '1' and then '12'.\n     */\n    onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n  };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n  (\n    {\n      'aria-describedby': propDescribedBy,\n      assistiveText,\n      dayFormatter,\n      daysOutsideMonth,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      label,\n      max,\n      messages,\n      min,\n      monthAndYearPicker,\n      todayTimeZone,\n      todayButton,\n      value,\n      onCommit,\n      onInput,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      ...dateMaskProps\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      onCommit,\n      onInput,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n      useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n    // We need this to determine if UA/messaging should be shown in the dropdown.\n    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        maskRef.current?.focus();\n      },\n      blur: () => {\n        maskRef.current?.blur();\n      }\n    }));\n\n    const maskFieldInstructionId = useId();\n    const maskFieldInstructionText = inputDatePicker_instruction();\n    const maskFieldInstruction =\n      !isDisabled && !isReadonly ? (\n        <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n          {maskFieldInstructionText}\n        </HiddenAccessible>\n      ) : undefined;\n    const ariaDescribedBy =\n      !isDisabled && !isReadonly\n        ? merge([propDescribedBy, maskFieldInstructionId])\n        : propDescribedBy;\n\n    const endContent = (\n      <IconButton\n        aria-haspopup=\"dialog\"\n        aria-label={calendarIconAriaLabel}\n        isDisabled={isDisabled}\n        ref={iconRef}\n        size=\"sm\"\n        testId={testId ? testId + '_calendarIcon' : undefined}\n        variant=\"ghost\"\n        onAction={calendarIconActionHandler}>\n        <CalendarIcon />\n      </IconButton>\n    );\n\n    const shouldShowDropdown = isOpen as boolean;\n\n    return (\n      <>\n        <InputDateMaskContext.Provider\n          value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n          <InputDateMask\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            endContent={endContent}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            label={label}\n            onCommit={maskCommitHandler}\n            onInput={maskInputHandler}\n            mainFieldRef={mainFieldRef}\n            messages={messages}\n            testId={testId}\n            ref={maskRef}\n            userAssistanceDensity={propUserAssistanceDensity}\n            value={dateValue}\n            {...dateMaskProps}\n          />\n        </InputDateMaskContext.Provider>\n\n        {maskFieldInstruction}\n\n        {shouldShowDropdown && (\n          <InputDatePickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            dayFormatter={dayFormatter}\n            daysOutsideMonth={daysOutsideMonth}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={datePickerCommitHandler}\n            max={max}\n            messages={messages}\n            min={min}\n            monthAndYearPicker={monthAndYearPicker}\n            testId={testId ? testId + '_datePicker' : undefined}\n            todayTimeZone={todayTimeZone}\n            todayButton={todayButton}\n            userAssistanceDensity={userAssistanceDensity}\n            value={completeDateValue}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","jsx","DatePicker","maxWidth","undefined","width","datePickerPropVars","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","calendarFocusAfterSelect","calendarFocusAfterSelectTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}

package/amd/Layer-8d7bbd69.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-0a244de8', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-1f5fd8f3'], (function(e,t,r,s,o,a,n){"use strict";const l=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=l,e.Layer=({children:e,logicalParentRef:i,priority:y="popup",level:c="nearestAncestor"})=>{const u=r.useContext(s.LayerContext),[p,d]=r.useState(null),L=r.useRef(null),m=e=>{L.current=e,d(e)},f=n.useThemeInterpolations();let g=a.styles.popupPriorityStyle;switch(y){case"dialog":g=a.styles.dialogPriorityStyle;break;case"messages":g=a.styles.messagesPriorityStyle;break;default:g=a.styles.popupPriorityStyle}const S=o.classNames([f,a.baseStyle,g]);r.useLayoutEffect((()=>{const e="topLevel"===c?u.getRootLayerHost?.(y):u.getLayerHost?.(y);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer","true"),i&&(t[l]=i.current),e.appendChild(t),m(t),()=>{e&&t&&e.contains(t)&&(delete t[l],e.removeChild(t)),u.onLayerUnmount&&u.onLayerUnmount(t),m(null)}}),[i,u,c,y]),p&&(p.className=S);const h=()=>p;let P={};return u.getLayerHost&&(P={getRootLayerHost:u.getRootLayerHost?.bind(null,y),getLayerHost:h.bind(null)}),t.jsx(s.LayerContext.Provider,{value:P,children:p&&r.createPortal(e,p)})}}));
-//# sourceMappingURL=Layer-8d7bbd69.js.map

package/amd/Layer-8d7bbd69.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layer-8d7bbd69.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const context = useContext(LayerContext);\n\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations();\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', 'true');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = logicalParentRef.current;\n    }\n    // layer.style.position = 'relative';\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = () => {\n    return layerContainer;\n  };\n\n  let newLayerContext = {};\n\n  if (context.getLayerHost) {\n    newLayerContext = {\n      getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n      getLayerHost: getLayerHost.bind(null)\n    };\n  }\n\n  return (\n    <LayerContext.Provider value={newLayerContext}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","priority","level","context","useContext","LayerContext","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","appendChild","contains","removeChild","onLayerUnmount","className","newLayerContext","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAOa,MAAAA,EAAiBC,OAAOC,IAAI,gDA6B3B,EACZC,WACAC,mBACAC,WAAW,QACXC,QAAQ,sBAER,MAAMC,EAAUC,aAAWC,EAAAA,eAEpBC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAqBC,IACzBH,EAAkBI,QAAUD,EAC5BL,EAAmBK,EAAK,EAKpBE,EAAeC,EAAAA,yBAErB,IAAIC,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,QACEJ,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMG,EAAUC,EAAAA,WAAW,CAACR,EAAcS,EAASA,UAAEP,IAIrDQ,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVvB,EACIC,EAAQuB,mBAAmBzB,GAC3BE,EAAQwB,eAAe1B,GAE7B,IAAKwB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAW9C,OATAH,EAAMI,aAAa,gBAAiB,QAEhChC,IACF4B,EAAMhC,GAAkBI,EAAiBa,SAG3CY,EAAKQ,YAAYL,GACjBjB,EAAkBiB,GAEX,KACDH,GAAQG,GAASH,EAAKS,SAASN,YAC1BA,EAAMhC,GACb6B,EAAKU,YAAYP,IAEfzB,EAAQiC,gBACVjC,EAAQiC,eAAeR,GAEzBjB,EAAkB,KAAK,CACxB,GACA,CAACX,EAAkBG,EAASD,EAAOD,IAGlCK,IAEFA,EAAe+B,UAAYhB,GAG7B,MAAMM,EAAe,IACZrB,EAGT,IAAIgC,EAAkB,CAAA,EAStB,OAPInC,EAAQwB,eACVW,EAAkB,CAChBZ,iBAAkBvB,EAAQuB,kBAAkBa,KAAK,KAAMtC,GACvD0B,aAAcA,EAAaY,KAAK,QAKlCC,MAACnC,EAAYA,aAACoC,SAAS,CAAAC,MAAOJ,EAAevC,SAC1CO,GAAkBqC,EAAAA,aAAa5C,EAAUO,IAE5C"}

package/amd/LayerHost-0a244de8.js

@@ -1,2 +0,0 @@
-define(['exports', './Common/themes/redwood/theme', 'preact', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,o,r,n){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:t.Redwood,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},d=o.createContext(c),a=o.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",ref:t})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=d,e.LayerContext=a,e.LayerHost=i}));
-//# sourceMappingURL=LayerHost-0a244de8.js.map

package/amd/LayerHost-0a244de8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerHost-0a244de8.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.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 { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","toLowerCase","forcedColors","window","matchMedia","matches","theme","Redwood","colorScheme","scale","currentBgColor","undefined","mode","density","EnvironmentContext","createContext","LayerContext","LayerHost","forwardRef","_props","ref","_jsx","id","displayName"],"mappings":"mIAwFa,MAAAA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UACkE,QAAhEH,SAASC,gBAAgBC,aAAa,QAAQE,cAA0B,MAAQ,MAClFC,aAAcC,OAAOC,aAAa,4BAA4BC,QAAU,SAAW,QAErFC,MAAOC,EAAOA,QACdC,YAAa,QACbC,MAAO,KACPC,oBAAgBC,EAChBC,KAAM,aACNC,QAAS,YAGEC,EAAqBC,EAAaA,cAA0BrB,GC5F5DsB,EAAeD,EAAaA,cAAoB,CAAE,GCLzDE,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,EAAAA,IAAA,MAAA,CAAKC,GAAG,oBAAoBF,IAAKA,MAG1CH,EAAUM,YAAc"}

package/amd/LayerManager-00983765.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-0a244de8'], (function(e,t,r,a){"use strict";e.LayerManager=function({children:e}){const[s,n]=r.useState(),o=r.useCallback((e=>{null!==e&&n(e)}),[]);return t.jsx(a.LayerContext.Consumer,{children:r=>{let n={};s&&(n={getRootLayerHost:()=>s,getLayerHost:()=>s});const c=r.getLayerHost?r:n;return t.jsxs(a.LayerContext.Provider,{value:c,children:[e,!r.getLayerHost&&t.jsx(a.LayerHost,{ref:o})]})}})}}));
-//# sourceMappingURL=LayerManager-00983765.js.map

package/amd/LayerManager-00983765.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerManager-00983765.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["children","defaultHost","setDefaultHost","useState","defaultHostRef","useCallback","el","_jsx","LayerContext","Consumer","value","defaultHostContext","getRootLayerHost","getLayerHost","layerContext","_jsxs","Provider","jsx","LayerHost","ref"],"mappings":"8HAagB,UAAaA,SAAEA,IAC7B,MAAOC,EAAaC,GAAkBC,EAAQA,WAExCC,EAAiBC,eAAaC,IAGvB,OAAPA,GACFJ,EAAeI,EAChB,GACA,IAEH,OACEC,EAAAA,IAACC,EAAAA,aAAaC,SACX,CAAAT,SAACU,IACA,IAAIC,EAAqB,CAAA,EACrBV,IACFU,EAAqB,CACnBC,iBAAkB,IACTX,EAETY,aAAc,IACLZ,IAIb,MAAMa,EAAeJ,EAAMG,aAAeH,EAAQC,EAClD,OACEI,EAAAA,KAACP,EAAAA,aAAaQ,SAAS,CAAAN,MAAOI,EAC3Bd,SAAA,CAAAA,GACCU,EAAMG,cAAgBN,EAAAU,IAACC,YAAS,CAACC,IAAKf,MAE1C,GAIV"}

package/amd/LineAreaChart-b68c4620.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './layoutUtils-09c68ca9', './dataStyleUtils-8c4452c2', './Common/themes/themeContract.css', './Marker-8ff23a04', 'css!./SvgShapesStyles.styles.css', './useTranslationBundle-20bfc0f3', './accUtils-1557920a', './useUser-9b166ca3', './colorUtils-31010e27', './utils-61ef4ad6', './PRIVATE_Chart/themes/ChartStyles.css', './Chart-4796be31'], (function(e,t,i,r,s,n,o,a,l,d,c,g,h,m){"use strict";function I({yScale:e,lineType:i="straight",color:n,isHorizontal:o,isLog:a,areaColorOpacity:l,lineSegmentCoords:d,bottomCoords:c,isHighlighted:g,isBottomSegmentCurved:h,seriesIndex:m}){const I={fill:n,opacity:g?l:`calc(${s.dvtVars.dimmedOpacity} * ${l})`};return t.jsx(t.Fragment,{children:d.map((s=>{let n;if(c)n=c;else{const t=e.transform(a?e.domain()[0]:0);n=o?[[t,s[0][1]],[t,s[s.length-1][1]]]:[[s[0][0],t],[s[s.length-1][0],t]]}const l=r.getCmdsForArea(s,n,i,o,h);return t.jsx("path",{d:l,style:I,"data-oj-series-index":m,"data-oj-object":"area"})}))})}const u=10;function x({yScale:e,xScale:s,color:o,seriesIndex:d,startIndex:c,endIndex:g,hiddenIds:h,selectedIds:m,orientation:I,isLog:x,data:p,markerType:y,getDataItem:f,focusedItemIndex:S,hoveredItemIndex:C,isDrillEnabled:v,activeId:j,isSelectionEnabled:k,timeAxisType:b,isPointInsideMarquee:A,series:T,groups:D}){const M="horizontal"===I,L=[],F=a.useTranslationBundle("@oracle/oraclejet-preact");for(let a=c;a<g+1;a++){const c=f(d,a),g=p[a];if(!c||null==g||h?.has(c.id)||x&&g<=0)continue;const I=M?e.transform(g):i.getGroupCenterCoord(D[a],a,s,c,b),w=M?i.getGroupCenterCoord(D[a],a,s,c,b):e.transform(g),E=S===a,R=C===a,H=!(!m?.has(c.id)&&!A?.(c.id,{x:I,y:w})),P="on"===c.drilling||"off"!=c.drilling&&v,{fill:U,stroke:W,outerStroke:z}=r.getMarkerFillAndStroke(!!c.isMarkerDisplayed,k,R,E,H,o,c.markerColor),N=c.isMarkerDisplayed&&c.markerType||y,B=E||R,V=l.supportsMobileScreenReader||B?r.getItemAriaLabel(F,T.name||T.id.toString(),D[a].name||D[a].id,c.value,k,H,P,c.accessibleLabel):void 0,q={"data-oj-series-index":d,"data-oj-group-index":a,"data-oj-object":"item",id:B?j:void 0,role:V?"img":void 0,"aria-label":V},G=(c.markerSize||u)+2*n.MARKER_PADDING;L.push(t.jsx(n.Marker,{type:N,tx:I,ty:w,isInteractive:P||k,scale:1,fill:U,stroke:W,outerStroke:z,width:G,height:G,dataInfo:q,preserveRectAspectRatio:!0}))}return t.jsx(t.Fragment,{children:L})}function p({color:e,isHorizontal:i,lineType:n="straight",lineColor:o,lineStyle:a,lineWidth:l=3,isHighlighted:d,lineSegmentCoords:c,seriesIndex:m}){const I={stroke:o||e,strokeDasharray:"dotted"===a?3:"dashed"===a?6:void 0,strokeWidth:l,fill:g.rgba(s.colorSchemeVars.palette.neutral[0],0)};return t.jsx(t.Fragment,{children:c.map((e=>{const s=r.getCmdsForLine(e,n,i);return"straight"===n?t.jsx("polyline",{points:s,style:I,className:d?void 0:h.styles.dimmed,"data-oj-series-index":m,"data-oj-object":"line"}):t.jsx("path",{d:s,style:I,className:d?void 0:h.styles.dimmed,"data-oj-series-index":m,"data-oj-object":"line"})}))})}e.LineAreaChart=function({width:e,height:n,selectedIds:o=[],hiddenIds:a=[],highlightedIds:l,hideAndShowBehavior:g="none",orientation:h="vertical",yAxis:u,series:y,groups:f,isStacked:S=!1,getDataItem:C,selectionMode:v="none",drilling:j="off",type:k="line",...b}){const{direction:A}=d.useUser(),T="rtl"===A,D="log"===u?.scale,M=b.xAxis?.timeAxisType,L=new Set(a),F=new Set(o),w=new Set(l),E="horizontal"===h,R=c.getColorRamp(),H=S?r.getCumulativeSeries(y.length,f.length,C,L,D):r.getSeriesData(y?.length,f?.length,C,L,D),P=(e,t)=>S?{...C(e,t),value:H[e][t]}:C(e,t),U=r.getMarkers(),W="lineWithArea"===k?.5:1,z="area"===k||"lineWithArea"===k,N="area"===k,B=[];return t.jsx(m.Chart,{width:e,height:n,selectedIds:F,hiddenIds:a,hideAndShowBehavior:g,orientation:h,yAxis:u,series:y,groups:f,selectionMode:v,drilling:j,isStacked:S,getDataItem:C,findNearest:(e,t)=>i.findNearestDataPoint(y,f,e,t,P,S,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),D,0,L,M),getDataItemPos:(e,t)=>(i,r)=>{const s=H[i][r];let n=r;if(M){const e="mixedFrequency"===M?C(i,r)?.x:f[r].id;n=new Date(e).getTime()}return{x:E?t.transform(s):e.transform(n),y:E?e.transform(n):t.transform(s),height:0,width:0}},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,y,C),type:r.getMarkerType(e,t,"lineWithArea",C)}),renderGridLinesInFront:z,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(C,y.length,e,t,S,T,E),getGapRatio:()=>1,offset:.2,isRtl:T,...b,children:({xStartIndex:e,xEndIndex:i,xScale:n,yScale:o,activeId:a,focusedItemInfo:d,hoveredItemInfo:c,isPointInsideMarquee:g})=>t.jsxs(t.Fragment,{children:[H.map(((m,u)=>{if(0===m.length)return;const k=y[u],A=r.getLineAreaSegments(o,n,m,e,i,E,D,f,u,P,M);B[u]=A[0];const T="curved"===k.lineType&&S&&H.length>1&&u>0,L=void 0===l||w.has(k.id);return t.jsxs(t.Fragment,{children:[z&&t.jsx(I,{yScale:o,lineType:k.lineType,color:k.areaColor||R[u%R.length],isHorizontal:E,areaColorOpacity:W,isBottomSegmentCurved:T,bottomCoords:S&&0!=u?B[u-1]:void 0,lineSegmentCoords:A,isLog:D,isHighlighted:L,seriesIndex:u}),t.jsx(p,{lineType:k.lineType,lineColor:N?s.colorSchemeVars.dvt.contrastLine:k.lineColor,lineWidth:N?S?2.5:1.25:k.lineWidth,lineStyle:k.lineStyle,color:k.lineColor||R[u%R.length],lineSegmentCoords:A,isHorizontal:E,isHighlighted:L,seriesIndex:u}),!S&&t.jsx(x,{yScale:o,xScale:n,groups:f,series:k,timeAxisType:M,data:m,color:k.lineColor||k.areaColor||R[u%R.length],seriesIndex:u,startIndex:e,endIndex:i,markerType:U[u%U.length],orientation:h,isLog:D,activeId:a,getDataItem:C,isPointInsideMarquee:g,selectedIds:F,focusedItemIndex:d.seriesIndex!==u||!d.isFocusVisible||b.isDataCursorEnabled&&b.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:c?.isCurrent&&c.seriesIndex===u?c.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===j})]})})),S&&H.map(((r,s)=>{if(0===r.length)return;const l=y[s];return t.jsx(x,{yScale:o,series:y[s],xScale:n,groups:f,timeAxisType:M,data:r,color:l.lineColor||l.areaColor||R[s%R.length],seriesIndex:s,isPointInsideMarquee:g,startIndex:e,endIndex:i,markerType:U[s%U.length],orientation:h,isLog:D,activeId:a,getDataItem:C,selectedIds:F,focusedItemIndex:d.seriesIndex===s&&d.isFocusVisible?d.groupIndex:void 0,hoveredItemIndex:c?.isCurrent&&c.seriesIndex===s?c.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===j})}))]})})}}));
-//# sourceMappingURL=LineAreaChart-b68c4620.js.map

package/amd/LineAreaChart-b68c4620.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineAreaChart-b68c4620.js","sources":["../../src/UNSAFE_LineAreaChart/AreaSeries.tsx","../../src/PRIVATE_Chart/Markers.tsx","../../src/UNSAFE_LineAreaChart/LineSeries.tsx","../../src/UNSAFE_LineAreaChart/LineAreaChart.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 { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { getCmdsForArea } from '../utils/PRIVATE_chartUtils/utils';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { dvtVars } from '../Common/themes/themeContract.css';\n\ntype AreaSeriesProps = {\n  yScale: Scale;\n  color: ColorProps['color'];\n  lineType?: 'straight' | 'curved';\n  isHorizontal: boolean;\n  isLog: boolean;\n  areaColorOpacity: number;\n  lineSegmentCoords: Point[][];\n  bottomCoords?: Point[];\n  isHighlighted: boolean;\n  isBottomSegmentCurved: boolean;\n  seriesIndex: number;\n};\n\nexport function AreaSeries({\n  yScale,\n  lineType = 'straight',\n  color,\n  isHorizontal,\n  isLog,\n  areaColorOpacity,\n  lineSegmentCoords,\n  bottomCoords,\n  isHighlighted,\n  isBottomSegmentCurved,\n  seriesIndex\n}: AreaSeriesProps) {\n  const style = {\n    fill: color,\n    opacity: isHighlighted\n      ? areaColorOpacity\n      : `calc(${dvtVars.dimmedOpacity} * ${areaColorOpacity})`\n  };\n\n  return (\n    <>\n      {lineSegmentCoords.map((lineSegmentCoords: Point[]) => {\n        let baseCoords;\n        if (bottomCoords) {\n          // custom bottom coords. eg: top of last series in stacked area\n          baseCoords = bottomCoords;\n        } else {\n          // TODO: make this more generic when we support apps setting baseline\n          // for log assume domain min is the baseline, otherwise use 0 baseline\n          const baselineCoord = yScale.transform(isLog ? yScale.domain()[0] : 0);\n          baseCoords = isHorizontal\n            ? ([\n                [baselineCoord, lineSegmentCoords[0][1]],\n                [baselineCoord, lineSegmentCoords[lineSegmentCoords.length - 1][1]]\n              ] as Point[])\n            : ([\n                [lineSegmentCoords[0][0], baselineCoord],\n                [lineSegmentCoords[lineSegmentCoords.length - 1][0], baselineCoord]\n              ] as Point[]);\n        }\n        const cmds = getCmdsForArea(\n          lineSegmentCoords,\n          baseCoords,\n          lineType,\n          isHorizontal,\n          isBottomSegmentCurved\n        );\n        return (\n          <path d={cmds} style={style} data-oj-series-index={seriesIndex} data-oj-object={'area'} />\n        );\n      })}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { LineAreaItem } from '../UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { Marker, MARKER_PADDING } from '../PRIVATE_SvgShapes';\nimport { MarkerShapes } from '../utils/UNSAFE_visTypes/common';\nimport { getGroupCenterCoord } from '../utils/PRIVATE_chartUtils/layoutUtils';\nimport { ChartSeriesData, Scale, Group } from '../utils/UNSAFE_visTypes/chart';\nimport { getMarkerFillAndStroke } from '../utils/PRIVATE_chartUtils/utils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { getItemAriaLabel } from '../utils/PRIVATE_chartUtils/accUtils';\nimport { supportsMobileScreenReader } from '../utils/UNSAFE_visUtils';\n\nconst MARKER_DEFAULT_SIZE = 10;\ntype MarkersProps<K, D> = {\n  yScale: Scale;\n  xScale: Scale;\n  startIndex: number;\n  endIndex: number;\n  seriesIndex: number;\n  series: ChartSeriesData<K, D>;\n  markerType: MarkerShapes;\n  data: number[];\n  color: ColorProps['color'];\n  groups: Group[];\n  focusedItemIndex?: number;\n  isSelectionEnabled: boolean;\n  hoveredItemIndex?: number;\n  selectedIds?: Set<string | number>;\n  hiddenIds?: Set<string | number>;\n  activeId?: string;\n  orientation: 'horizontal' | 'vertical';\n  isDrillEnabled: boolean;\n  isLog: boolean;\n  isPointInsideMarquee: ((id: K, point: { x: number; y: number }) => boolean) | undefined;\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined;\n  timeAxisType?: 'enabled' | 'skipGaps' | 'mixedFrequency';\n};\n\nexport function Markers<K extends string | number, D extends LineAreaItem<K>>({\n  yScale,\n  xScale,\n  color,\n  seriesIndex,\n  startIndex,\n  endIndex,\n  hiddenIds,\n  selectedIds,\n  orientation,\n  isLog,\n  data,\n  markerType,\n  getDataItem,\n  focusedItemIndex,\n  hoveredItemIndex,\n  isDrillEnabled,\n  activeId,\n  isSelectionEnabled,\n  timeAxisType,\n  isPointInsideMarquee,\n  series,\n  groups\n}: MarkersProps<K, D>) {\n  const isHoriz = orientation === 'horizontal';\n  const items = [];\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  for (let groupIndex = startIndex; groupIndex < endIndex + 1; groupIndex++) {\n    const item = getDataItem(seriesIndex, groupIndex);\n    const value = data[groupIndex];\n    if (!item || value == null || hiddenIds?.has(item.id) || (isLog && value <= 0)) {\n      continue;\n    }\n    const x = isHoriz\n      ? yScale.transform(value)\n      : getGroupCenterCoord<K, D>(groups[groupIndex], groupIndex, xScale, item, timeAxisType);\n    const y = isHoriz\n      ? getGroupCenterCoord<K, D>(groups[groupIndex], groupIndex, xScale, item, timeAxisType)\n      : yScale.transform(value);\n    const isFocused = focusedItemIndex === groupIndex;\n    const isHovered = hoveredItemIndex === groupIndex;\n    const isSelected = !!(selectedIds?.has(item.id!) || isPointInsideMarquee?.(item.id, { x, y }));\n    const isDrillable = item.drilling === 'on' || (item.drilling != 'off' && isDrillEnabled);\n    const { fill, stroke, outerStroke } = getMarkerFillAndStroke(\n      !!item.isMarkerDisplayed,\n      isSelectionEnabled,\n      isHovered,\n      isFocused,\n      isSelected,\n      color,\n      item.markerColor\n    );\n    const itemMarkerType = item.isMarkerDisplayed ? item.markerType || markerType : markerType;\n    const isActive = isFocused || isHovered;\n    const ariaLabel =\n      supportsMobileScreenReader || isActive\n        ? getItemAriaLabel(\n            translations,\n            series.name || series.id.toString(),\n            groups[groupIndex].name || groups[groupIndex].id,\n            item.value,\n            isSelectionEnabled,\n            isSelected,\n            isDrillable,\n            item.accessibleLabel\n          )\n        : undefined;\n\n    const dataInfo = {\n      'data-oj-series-index': seriesIndex,\n      'data-oj-group-index': groupIndex,\n      'data-oj-object': 'item',\n      id: isActive ? activeId : undefined,\n      role: ariaLabel ? 'img' : undefined,\n      'aria-label': ariaLabel\n    };\n\n    const markerSize = (item.markerSize || MARKER_DEFAULT_SIZE) + 2 * MARKER_PADDING;\n    items.push(\n      <Marker\n        type={itemMarkerType}\n        tx={x}\n        ty={y}\n        isInteractive={isDrillable || isSelectionEnabled}\n        scale={1}\n        fill={fill}\n        stroke={stroke}\n        outerStroke={outerStroke}\n        width={markerSize}\n        height={markerSize}\n        dataInfo={dataInfo}\n        preserveRectAspectRatio\n      />\n    );\n  }\n  return <>{items}</>;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { getCmdsForLine } from '../utils/PRIVATE_chartUtils/utils';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { rgba } from '../UNSAFE_Theme';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { styles } from '../PRIVATE_Chart/themes/ChartStyles.css';\nimport { Property } from 'csstype';\n\ntype LineSeriesProps = {\n  color: ColorProps['color'];\n  lineStyle?: 'dotted' | 'dashed' | 'solid';\n  lineColor?: Property.Color;\n  lineWidth?: number;\n  lineType?: 'straight' | 'curved';\n  isHorizontal: boolean;\n  lineSegmentCoords: Point[][];\n  isHighlighted: boolean;\n  seriesIndex: number;\n};\n\nexport function LineSeries({\n  color,\n  isHorizontal,\n  lineType = 'straight',\n  lineColor,\n  lineStyle,\n  lineWidth = 3,\n  isHighlighted,\n  lineSegmentCoords,\n  seriesIndex\n}: LineSeriesProps) {\n  const style = {\n    stroke: lineColor || color,\n    strokeDasharray: lineStyle === 'dotted' ? 3 : lineStyle === 'dashed' ? 6 : undefined,\n    strokeWidth: lineWidth,\n    fill: rgba(colorSchemeVars.palette.neutral[0], 0)\n  };\n\n  return (\n    <>\n      {lineSegmentCoords.map((value: Point[]) => {\n        const cmds = getCmdsForLine(value, lineType, isHorizontal);\n        return lineType === 'straight' ? (\n          <polyline\n            points={cmds}\n            style={style}\n            className={isHighlighted ? undefined : styles.dimmed}\n            data-oj-series-index={seriesIndex}\n            data-oj-object={'line'}\n          />\n        ) : (\n          <path\n            d={cmds}\n            style={style}\n            className={isHighlighted ? undefined : styles.dimmed}\n            data-oj-series-index={seriesIndex}\n            data-oj-object={'line'}\n          />\n        );\n      })}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport { findNearestDataPoint } from '../utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from './AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '../utils/PRIVATE_chartUtils/utils';\nimport { Markers } from '../PRIVATE_Chart/Markers';\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 { LineSeries } from './LineSeries';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '../utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { getItemColor, getMarkerType } from '../utils/PRIVATE_chartUtils/dataStyleUtils';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport function LineAreaChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  type = 'line',\n  ...props\n}: LineAreaChartProps<K, D>) {\n  const { direction } = useUser();\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 = isStacked\n    ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n    : getSeriesData<K, D>(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    return getLineAreaChartNavUtil<K, D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      const value = renderedSeries[seriesIndex][groupIndex];\n      let xVal = groupIndex;\n      if (timeAxisType) {\n        const val =\n          timeAxisType === 'mixedFrequency'\n            ? getDataItem(seriesIndex, groupIndex)?.x\n            : groups[groupIndex].id;\n        xVal = new Date(val!).getTime();\n      }\n      const x = isHoriz ? yScale.transform(value) : xScale.transform(xVal);\n      const y = isHoriz ? xScale.transform(xVal) : yScale.transform(value);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor<K, D>(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType<K>(seriesIndex, groupIndex, 'lineWithArea', 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      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  const areaOpacity = type === 'lineWithArea' ? 0.5 : 1;\n  const isAreaRendered = type === 'area' || type === 'lineWithArea';\n  const isContrastLineNeeded = type === 'area';\n  const allLineSegmentCoords: Point[][] = [];\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      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={isAreaRendered}\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      }) => {\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 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              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                seriesItem.lineType === 'curved' &&\n                isStacked &&\n                renderedSeries.length > 1 &&\n                index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined || highlightedSet.has(seriesItem.id);\n              return (\n                <>\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={yScale}\n                      lineType={seriesItem.lineType}\n                      color={seriesItem.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        isStacked && index != 0 ? allLineSegmentCoords[index - 1] : undefined\n                      }\n                      lineSegmentCoords={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <LineSeries\n                    lineType={seriesItem.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={\n                      isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor\n                    }\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={\n                      isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                    }\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                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (\n                      <Markers\n                        yScale={yScale}\n                        xScale={xScale}\n                        groups={groups}\n                        series={seriesItem}\n                        timeAxisType={timeAxisType}\n                        data={lineAreaSeries}\n                        color={\n                          seriesItem.lineColor ||\n                          seriesItem.areaColor ||\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                        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={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n            {isStacked &&\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                return (\n                  <Markers\n                    yScale={yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={groups}\n                    timeAxisType={timeAxisType}\n                    data={lineAreaSeries}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\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                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\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                  />\n                );\n              })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["AreaSeries","yScale","lineType","color","isHorizontal","isLog","areaColorOpacity","lineSegmentCoords","bottomCoords","isHighlighted","isBottomSegmentCurved","seriesIndex","style","fill","opacity","dvtVars","dimmedOpacity","_jsx","map","baseCoords","baselineCoord","transform","domain","length","cmds","getCmdsForArea","d","MARKER_DEFAULT_SIZE","Markers","xScale","startIndex","endIndex","hiddenIds","selectedIds","orientation","data","markerType","getDataItem","focusedItemIndex","hoveredItemIndex","isDrillEnabled","activeId","isSelectionEnabled","timeAxisType","isPointInsideMarquee","series","groups","isHoriz","items","translations","useTranslationBundle","groupIndex","item","value","has","id","x","getGroupCenterCoord","y","isFocused","isHovered","isSelected","isDrillable","drilling","stroke","outerStroke","getMarkerFillAndStroke","isMarkerDisplayed","markerColor","itemMarkerType","isActive","ariaLabel","supportsMobileScreenReader","getItemAriaLabel","name","toString","accessibleLabel","undefined","dataInfo","role","markerSize","MARKER_PADDING","push","jsx","Marker","type","tx","ty","isInteractive","scale","width","height","preserveRectAspectRatio","_Fragment","Fragment","children","LineSeries","lineColor","lineStyle","lineWidth","strokeDasharray","strokeWidth","rgba","colorSchemeVars","palette","neutral","getCmdsForLine","points","className","styles","dimmed","highlightedIds","hideAndShowBehavior","yAxis","isStacked","selectionMode","props","direction","useUser","isRtl","xAxis","hiddenSet","Set","selectedSet","highlightedSet","colors","getColorRamp","renderedSeries","getCumulativeSeries","getSeriesData","renderedGetDataItem","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","Chart","findNearest","findNearestDataPoint","offset","dataWidth","getDataItemPos","xVal","val","Date","getTime","getMarkerInfo","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","getLineAreaChartNavUtil","getGapRatio","xStartIndex","xEndIndex","focusedItemInfo","hoveredItemInfo","_jsxs","jsxs","lineAreaSeries","index","seriesItem","getLineAreaSegments","areaColor","dvt","contrastLine","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isCurrent"],"mappings":"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"}

package/amd/ListItemLayout-12aee4bd.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Grid-209ab070', './classNames-08d99695', './UNSAFE_ListItemLayout/themes/ListItemLayoutStyles.css'], (function(s,e,l,t,a){"use strict";s.ListItemLayout=function({children:s,selector:i,leading:n,primary:c,secondary:r,tertiary:d,overline:y,metadata:o,trailing:m,action:h,quaternary:u,navigation:x}){const{columnsTemplate:j,firstCell:S,secondCell:v,lastCell:N,hasSecondRow:p}=function(s,l,i,n,c,r,d){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.selectorStyles,children:s}));let m=null;l&&(y.push("auto"),m=e.jsx("div",{className:a.styles.centerVerticalStyles,children:l}));y.push("1fr");let h=null;(i||n||c||d)&&(y.push("auto"),h=e.jsxs("div",{className:a.styles.flexRowStyles,children:[e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.leftPaddingStyles:""]),children:i}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,n?a.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,c?a.styles.actionStyles:""]),children:c})]}));const u=y.join(" "),x=!(!r&&!d);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:x}}(i,n,o,m,h,u,x),f=s?e.jsx("div",{className:a.styles.childrenStyles,children:s}):e.jsxs("div",{className:a.styles.flexColumnStyles,children:[e.jsx("div",{children:y}),e.jsx("div",{children:c}),e.jsx("div",{children:r}),e.jsx("div",{children:d})]}),g=p?[S&&e.jsx("span",{children:" "}),v&&e.jsx("span",{children:" "}),e.jsx("div",{className:a.styles.rowAlignStyles,children:u}),N&&e.jsx("div",{className:a.styles.endJustifyStyles,children:x})]:null;return e.jsxs(l.Grid,{gap:"4x",gridTemplateColumns:j,children:[S,v,e.jsx("div",{className:a.styles.centerVerticalStyles,children:f}),N,g]})}}));
-//# sourceMappingURL=ListItemLayout-12aee4bd.js.map

package/amd/ListItemLayout-12aee4bd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemLayout-12aee4bd.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.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, JSX } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListItemLayoutStyles.css';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n} & IntrinsicProps;\n\n// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n/**\n * A ListItemLayout component represents a layout used for list view item elements.\n */\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(\n    selector,\n    leading,\n    metadata,\n    trailing,\n    action,\n    quaternary,\n    navigation\n  );\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={styles.childrenStyles}>{children}</div>\n  ) : (\n    <div className={styles.flexColumnStyles}>\n      <div>{overline}</div>\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div className={styles.rowAlignStyles}>{quaternary}</div>,\n        lastCell && <div className={styles.endJustifyStyles}>{navigation}</div>\n      ]\n    : null;\n\n  return (\n    <Grid gap=\"4x\" gridTemplateColumns={columnsTemplate}>\n      {firstCell}\n      {secondCell}\n      <div className={styles.centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = <div className={styles.centerVerticalStyles}>{leading}</div>;\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={styles.flexRowStyles}>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            metadata ? styles.leftPaddingStyles : ''\n          ])}>\n          {metadata}\n        </div>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            trailing ? styles.leftPaddingStyles : ''\n          ])}>\n          {trailing}\n        </div>\n        <div\n          className={classNames([styles.centerVerticalStyles, action ? styles.actionStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n"],"names":["children","selector","leading","primary","secondary","tertiary","overline","metadata","trailing","action","quaternary","navigation","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","columnsTemplateBuilder","push","_jsx","className","styles","selectorStyles","centerVerticalStyles","_jsxs","flexRowStyles","classNames","leftPaddingStyles","actionStyles","join","getColumnsTemplate","textArea","childrenStyles","jsxs","flexColumnStyles","jsx","secondRow","rowAlignStyles","endJustifyStyles","Grid","gap","gridTemplateColumns"],"mappings":"+LAsEM,UAAyBA,SAC7BA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,UACPA,EAASC,SACTA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,OACRA,EAAMC,WACNA,EAAUC,WACVA,IAGA,MAAMC,gBAAEA,EAAeC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,EAAQC,aAAEA,GA2C5D,SACEf,EACAC,EACAK,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMM,EAAyB,GAE/B,IAAIJ,EAAY,KACZZ,IACFgB,EAAuBC,KAAK,QAC5BL,EAAYM,EAAAA,IAAK,MAAA,CAAAC,UAAWC,EAAMA,OAACC,eAActB,SAAGC,KAGtD,IAAIa,EAAa,KACbZ,IACFe,EAAuBC,KAAK,QAC5BJ,EAAaK,EAAAA,IAAK,MAAA,CAAAC,UAAWC,EAAMA,OAACE,qBAAoBvB,SAAGE,KAG7De,EAAuBC,KAAK,OAE5B,IAAIH,EAAW,MACXR,GAAYC,GAAYC,GAAUE,KACpCM,EAAuBC,KAAK,QAC5BH,EACES,EAAAA,KAAK,MAAA,CAAAJ,UAAWC,EAAAA,OAAOI,cACrBzB,SAAA,CAAAmB,EAAAA,IAAA,MAAA,CACEC,UAAWM,EAAAA,WAAW,CACpBL,EAAAA,OAAOE,qBACPhB,EAAWc,EAAAA,OAAOM,kBAAoB,KACtC3B,SACDO,IAEHY,aACEC,UAAWM,aAAW,CACpBL,EAAAA,OAAOE,qBACPf,EAAWa,EAAAA,OAAOM,kBAAoB,KAEvC3B,SAAAQ,IAEHW,EAAAA,WACEC,UAAWM,EAAUA,WAAC,CAACL,EAAMA,OAACE,qBAAsBd,EAASY,EAAAA,OAAOO,aAAe,KAClF5B,SAAAS,QAMT,MAAMG,EAAkBK,EAAuBY,KAAK,KAC9Cb,KAAeN,IAAcC,GAEnC,MAAO,CAAEC,kBAAiBC,YAAWC,aAAYC,WAAUC,eAC7D,CAnG6Ec,CACzE7B,EACAC,EACAK,EACAC,EACAC,EACAC,EACAC,GAIIoB,EAAW/B,EACfmB,aAAKC,UAAWC,EAAAA,OAAOW,wBAAiBhC,IAExCwB,EAAAS,KAAA,MAAA,CAAKb,UAAWC,EAAAA,OAAOa,iBAAgBlC,SAAA,CACrCmB,sBAAMb,IACNa,EAAMgB,IAAA,MAAA,CAAAnC,SAAAG,IACNgB,EAAAgB,IAAA,MAAA,CAAAnC,SAAMI,IACNe,sBAAMd,OAKJ+B,EAAYpB,EACd,CACEH,GAAaM,EAAAA,IAAc,OAAA,CAAAnB,SAAA,MAC3Bc,GAAcK,EAAAA,IAAc,OAAA,CAAAnB,SAAA,MAC5BmB,EAAAgB,IAAA,MAAA,CAAKf,UAAWC,EAAMA,OAACgB,eAAcrC,SAAGU,IACxCK,GAAYI,EAAAA,WAAKC,UAAWC,EAAAA,OAAOiB,iBAAmBtC,SAAAW,KAExD,KAEJ,OACEa,OAACe,EAAAA,KAAI,CAACC,IAAI,KAAKC,oBAAqB7B,EAAeZ,SAAA,CAChDa,EACAC,EACDK,EAAAA,IAAA,MAAA,CAAKC,UAAWC,SAAOE,qBAAuBvB,SAAA+B,IAC7ChB,EACAqB,IAGP"}

package/amd/LiveRegion-09197914.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-f3b8b319'], (function(e,t,s,i,n){"use strict";e.LiveRegion=function({testId:e,atomic:i="false",children:c="",timeout:o=100,type:u="polite"}){const a=function(e,t){const[i,n]=s.useState(""),c=s.useCallback((()=>n(e)),[e]),o=s.useCallback((()=>setTimeout(c,t)),[c,t]);return s.useEffect((()=>{const e=o();return()=>clearTimeout(e)}),[o]),i}(c,o),r=n.useTestId(e);return t.jsx("span",{"aria-live":u,"aria-atomic":i,class:"LiveRegionStyles_offScreenStyle__1uvpdtw0",...r,children:a})}}));
-//# sourceMappingURL=LiveRegion-09197914.js.map

package/amd/LiveRegion-09197914.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiveRegion-09197914.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}

package/amd/MaxLengthLiveRegion-e3856a98.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-20bfc0f3', './LiveRegion-09197914'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({maxLength:e,testId:r,valueLength:s=0}){const u=t.useDebounce(e-s,500),a=i.useTranslationBundle("@oracle/oraclejet-preact").formControl_maxLengthRemaining({CHARACTER_COUNT:`${u}`});return n.jsx(o.LiveRegion,{testId:r,children:a})}}));
-//# sourceMappingURL=MaxLengthLiveRegion-e3856a98.js.map

package/amd/MaxLengthLiveRegion-e3856a98.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaxLengthLiveRegion-e3856a98.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ maxLength, testId, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return <LiveRegion testId={testId}>{remainingCharsTranslatedString}</LiveRegion>;\n}\n"],"names":["maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","remainingCharsTranslatedString","useTranslationBundle","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsx","LiveRegion","children"],"mappings":"mLAaM,UAA8BA,UAAEA,EAASC,OAAEA,EAAMC,YAAEA,EAAc,IAMrE,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAR1B,KAUxBG,EADeC,uBAAiC,4BACFC,+BAA+B,CACjFC,gBAAiB,GAAGL,MAGtB,OAAOM,EAAAA,IAACC,EAAAA,WAAW,CAAAT,OAAQA,EAAMU,SAAGN,GACtC"}