@oracle/oraclejet-preact 17.0.0 → 17.0.2

package/es/Floating-9703160e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Floating-9703160e.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":["_jsxs","_jsx"],"mappings":"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"}

package/es/FormLayout-ecd0259b.js

@@ -8,7 +8,7 @@ import { styles } from './UNSAFE_FormLayout/themes/FormLayoutStyles.css.js';
 import { l as layoutSpanStyles, a as layoutLocalVars } from './LayoutStyles.css-a679044e.js';
 import { FormLayoutRedwoodTheme } from './UNSAFE_FormLayout/themes/redwood/FormLayoutTheme.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTestId } from './useTestId-f5aed66c.js';
+import { u as useTestId } from './useTestId-adde554c.js';
 
 const FormLayout = ({ columns = 1, columnBehavior = 'responsive', columnSpan = 1, direction = 'row', isFullWidth, isReadonly: propIsReadonly, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, labelWrapping: propLabelWrapping, userAssistanceDensity: propUserAssistanceDensity, children, testId }) => {
     const { isDisabled, isFormLayout: formIsFormLayout, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, labelWrapping: formLabelWrapping, textAlign, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();

package/es/Gantt-b21af627.js

@@ -5,16 +5,16 @@ import { c as classNames } from './classNames-4e12b00d.js';
 import { styles, bridgeValues } from './PRIVATE_TimeComponent/themes/TimeComponentStyles.css.js';
 import { styles as styles$1, rowAxisLayoutStyles, rowAxisStyles, rowBackgroundStyles, timeAxisDataBodyStyles, horizontalGridlinesStyles, taskMobileAccStyles, taskLabelLayerStyles, bridgeValues as bridgeValues$1 } from './UNSAFE_Gantt/themes/GanttStyles.css.js';
 import { s as sizeToCSS } from './size-782ed57a.js';
-import { u as useTestId } from './useTestId-f5aed66c.js';
+import { u as useTestId } from './useTestId-adde554c.js';
 import { T as TrackResizeContainer } from './TrackResizeContainer-8360f2c2.js';
 import { T as Text } from './Text-da8588ce.js';
 import { g as generateAriaLabel, s as supportsMobileScreenReader } from './accUtils-dc32d20b.js';
 import { k as getTimePosition, p as parseDate, u as useDrag, l as useWheel, z as zoomTime, m as getGestureZoomFactor, n as getPositionTime, o as getISOString, q as getDefaultDateFormatter, j as TimeComponentCanvas2D, T as TimeComponentLayersStack, g as TimeComponentVerticalGridlines, a as TimeComponentPanZoomLayout, b as TimeComponentZoomControls, c as TimeComponentVerticalScrollbarContainer, d as TimeComponentVerticalScrollbar, e as TimeComponentHorizontalScrollbarContainer, f as TimeComponentHorizontalScrollbar, h as TimeComponentHorizontalTimeAxis, D as DEFAULT_ZOOM_OUT_FACTOR, r as DEFAULT_ZOOM_IN_FACTOR } from './TimeComponentCanvas2D-c2ab38ba.js';
-import { u as useUser } from './useUser-fb09e212.js';
-import { L as Layer } from './Layer-5d259d3a.js';
+import { u as useUser } from './useUser-99920e02.js';
+import { L as Layer } from './Layer-9b06412e.js';
 import 'preact/compat';
-import './LayerHost-aaed41a1.js';
-import { F as Floating } from './Floating-5b269acc.js';
+import './LayerHost-45f545d7.js';
+import { F as Floating } from './Floating-9703160e.js';
 import { styles as styles$2 } from './hooks/PRIVATE_useDatatip/themes/useDatatip.css.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { D as DATATIP_OFFSET } from './datatipUtils-5cb22909.js';
@@ -23,12 +23,12 @@ import './useDatatip.styles.css';
 import { c as calculateOffset } from './util-c1d41418.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as usePinch } from './usePinch-c57ee02b.js';
-import { u as useSelection } from './useSelection-48f572e5.js';
-import { V as VisTabularDatatip } from './VisTabularDatatip-418525b0.js';
-import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
+import { u as useSelection } from './useSelection-c12f7802.js';
+import { V as VisTabularDatatip } from './VisTabularDatatip-1f16ca1f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
 import { g as getRandomId } from './layoutUtils-2374ab3e.js';
 import { r as rectangleWithBorderRadius } from './pathUtils-1a478322.js';
-import { u as useCssVars } from './useCssVars-b3bf30fb.js';
+import { u as useCssVars } from './useCssVars-64d9b696.js';
 import { u as useTextDimensions } from './useTextDimensions-e48f2781.js';
 import { typographyVars, baseVars } from './Common/themes/themeContract.css.js';
 import { x as xUnits } from './utils-6eab3a64.js';

package/es/Grid-cfeac922.js

@@ -0,0 +1,27 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { g as gridInterpolations } from './grid-65aa641c.js';
+import { b as boxAlignmentInterpolations } from './boxalignment-486c5ac9.js';
+import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
+import './GridStyles.styles.css';
+import { u as useTestId } from './useTestId-adde554c.js';
+
+var baseStyles = 'GridStyles_baseStyles__11rn47i0';
+
+const interpolations = [
+    ...Object.values(gridInterpolations),
+    ...Object.values(boxAlignmentInterpolations)
+];
+const styleInterpolations = mergeInterpolations(interpolations);
+/**
+ * An implicit grid. Resize your browser to see how items reflow.
+ */
+const Grid = ({ 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, children, testId, role, ...props }) => {
+    const { class: cls, ...styles } = styleInterpolations(props);
+    const testIdProps = useTestId(testId);
+    const allStyles = { ...styles };
+    return (jsx("div", { class: `${baseStyles} ${cls ? cls : ''}`, style: allStyles, role: role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...testIdProps, children: children }));
+};
+
+export { Grid as G };
+//# sourceMappingURL=Grid-cfeac922.js.map

package/es/Grid-cfeac922.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid-cfeac922.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":["_jsx"],"mappings":";;;;;;;;;;AAuCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;AACpC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAEvE;;AAEG;AACU,MAAA,IAAI,GAAG,CAAC,EACnB,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACF,KAAI;AACV,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,MAAM,SAAS,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;AAChC,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,GAAG,UAAU,CAAA,CAAA,EAAI,GAAG,GAAG,GAAG,GAAG,EAAE,CAAA,CAAE,EACxC,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,EACR,aAAA,EAAA,UAAU,KACnB,WAAW,EAAA,QAAA,EACd,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}

package/es/Gridlines-428bf909.js

@@ -0,0 +1,120 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
+import { styles } from './PRIVATE_PlotArea/themes/PlotAreaStyles.css.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { u as useColorScheme } from './useColorScheme-e1b17324.js';
+
+function getAxisLineProps(availSpace, axisPosition, axisLine) {
+    return {
+        x1: axisPosition === 'right' ? availSpace.x + availSpace.width : availSpace.x,
+        x2: axisPosition === 'left' ? availSpace.x : availSpace.x + availSpace.width,
+        y1: axisPosition === 'bottom' ? availSpace.y + availSpace.height : availSpace.y,
+        y2: axisPosition === 'top' ? availSpace.y : availSpace.y + availSpace.height,
+        stroke: axisLine?.lineColor,
+        strokeWidth: axisLine?.lineWidth
+    };
+}
+function getBaseLineProps(availSpace, coord, axisPosition) {
+    let x1, x2, y1, y2;
+    if (axisPosition === 'bottom') {
+        x1 = availSpace.x;
+        x2 = availSpace.x + availSpace.width;
+        y1 = coord;
+        y2 = coord;
+    }
+    else {
+        x1 = coord;
+        x2 = coord;
+        y1 = availSpace.y;
+        y2 = availSpace.y + availSpace.height;
+    }
+    return { x1, x2, y1, y2 };
+}
+
+function PlotArea({ color, yScale, isLog, availSpace, xAxisPosition, cursor }) {
+    const hasBaseLine = !isLog && yScale.domain()[0] < 0 && yScale.domain()[1] > 0;
+    const axisLineProps = getAxisLineProps(availSpace, xAxisPosition);
+    const baseLineProps = getBaseLineProps(availSpace, yScale.transform(0), xAxisPosition);
+    return (jsxs(Fragment, { children: [jsx("rect", { ...availSpace, class: styles.plotAreaStyle, style: { fill: color, cursor } }), jsx("line", { ...axisLineProps, class: styles.axisLineStyle }), hasBaseLine && jsx("line", { ...baseLineProps, class: styles.baseLineStyle })] }));
+}
+
+const TICK_DEFAULT = {
+    yMajorTick: {
+        isRendered: true
+    },
+    yMinorTick: {
+        isRendered: false
+    },
+    xMajorTick: {
+        isRendered: false
+    }
+};
+function Gridlines({ plotArea = TICK_DEFAULT, yMinorTicks, xScale, yScale, isLog, xViewportMin, xViewportMax, yTicks, yAxisPosition }) {
+    const isHoriz = yAxisPosition === 'top' || yAxisPosition === 'bottom';
+    const [x1, x2] = xScale.range();
+    const [y1, y2] = yScale.range();
+    let yLinesPath = '';
+    let xLinesPath = '';
+    let yMinorPath = '';
+    const { yMajorTick: _yMajorTick, yMinorTick: _yMinorTick, xMajorTick: _xMajorTick } = plotArea;
+    const yMajorTick = { ...TICK_DEFAULT.yMajorTick, ..._yMajorTick };
+    const yMinorTick = { ...TICK_DEFAULT.yMinorTick, ..._yMinorTick };
+    const xMajorTick = { ...TICK_DEFAULT.xMajorTick, ..._xMajorTick };
+    const isYMinorRendered = yMinorTick?.isRendered === true || isLog;
+    if (yMajorTick?.isRendered) {
+        for (let i = 1; i < yTicks.length; i++) {
+            let y = yScale.transform(yTicks[i]);
+            // last grid line get's clipped due to plot area clippath. Slightly adjust
+            // coord so that it's not clipped.
+            if (i === yTicks.length - 1) {
+                y += isHoriz ? -1 : 1;
+            }
+            yLinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;
+        }
+    }
+    if (xMajorTick?.isRendered) {
+        const xStartIndex = Math.floor(xViewportMin - 0.5) + 1.5;
+        for (let i = xStartIndex; i < xViewportMax; i++) {
+            const x = xScale.transform(i);
+            xLinesPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;
+        }
+    }
+    if (isYMinorRendered) {
+        for (let i = 0; i < yMinorTicks.length; i++) {
+            const y = yScale.transform(yMinorTicks[i]);
+            yMinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;
+        }
+    }
+    const colorScheme = useColorScheme();
+    return (jsxs(Fragment, { children: [yMajorTick?.isRendered && (jsx("path", { d: yLinesPath, class: classNames([
+                    styles.noPointerEvents,
+                    styles.majorTickLineStyles,
+                    yMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,
+                    yMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined
+                ]), style: {
+                    stroke: yMajorTick.lineColor,
+                    strokeWidth: yMajorTick.lineWidth
+                } })), xMajorTick?.isRendered && (jsx("path", { d: xLinesPath, class: classNames([
+                    styles.noPointerEvents,
+                    styles.majorTickLineStyles,
+                    xMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,
+                    xMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined
+                ]), style: {
+                    stroke: xMajorTick.lineColor,
+                    strokeWidth: xMajorTick.lineWidth
+                } })), isYMinorRendered && (jsx("path", { d: yMinorPath, class: classNames([
+                    styles.noPointerEvents,
+                    styles.minorTickLineStyles,
+                    colorScheme === 'light'
+                        ? styles.lightMinorTickLineStroke
+                        : styles.darkMinorTickLineStroke,
+                    yMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,
+                    yMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined
+                ]), style: {
+                    stroke: yMinorTick?.lineColor,
+                    strokeWidth: yMinorTick?.lineWidth
+                } }))] }));
+}
+
+export { Gridlines as G, PlotArea as P };
+//# sourceMappingURL=Gridlines-428bf909.js.map

package/es/Gridlines-428bf909.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gridlines-428bf909.js","sources":["../../src/PRIVATE_PlotArea/utils.ts","../../src/PRIVATE_PlotArea/PlotArea.tsx","../../src/PRIVATE_PlotArea/Gridlines.tsx"],"sourcesContent":["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","/**\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","/**\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"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/es/GroupLoadingIndicator-9c995e99.js

@@ -12,7 +12,7 @@ import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { listGroupHeaderMultiVariantStyles } from './PRIVATE_List/themes/ListStyles.css.js';
 import { GroupedListRedwoodTheme } from './UNSAFE_GroupedList/themes/redwood/GroupedListTheme.js';
-import { F as Flex } from './Flex-5ff5aa5e.js';
+import { F as Flex } from './Flex-24628925.js';
 import { S as Skeleton } from './Skeleton-c1d24eea.js';
 import { S as SkeletonContainer } from './List-9026206d.js';
 

package/es/HighlightText-180e29f6.js

@@ -0,0 +1,31 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import './HighlightTextStyles.styles.css';
+import { u as useTestId } from './useTestId-adde554c.js';
+
+var highlightStyles = 'HighlightTextStyles_highlightStyles__6s5c4p0';
+
+const HIGHLIGHT_TOKEN = '__@@__';
+const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
+/**
+ * Renders a text string with highlighting applied to the given text to match.
+ */
+function HighlightText({ children = '', matchText = '', testId }) {
+    const testIdProps = useTestId(testId);
+    if (matchText.length > 0 && children.length > 0) {
+        const escapedMatchText = escapeRegExp(matchText);
+        const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
+        const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
+        const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsx("span", { class: highlightStyles, children: current }));
+        return jsx("span", { ...testIdProps, children: nodes });
+    }
+    return jsx("span", { ...testIdProps, children: children });
+}
+function escapeRegExp(str) {
+    // copied from:
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
+    return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+
+export { HighlightText as H };
+//# sourceMappingURL=HighlightText-180e29f6.js.map

package/es/HighlightText-180e29f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-180e29f6.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":["_jsx"],"mappings":";;;;;;;AAsBA,MAAM,eAAe,GAAG,QAAQ,CAAC;AACjC,MAAM,iBAAiB,GAAG,CAAA,EAAG,eAAe,CAAK,EAAA,EAAA,eAAe,EAAE,CAAC;AAEnE;;AAEG;AACa,SAAA,aAAa,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAS,EAAA;AAC5E,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;AACjD,QAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC;QAChG,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACtD,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KACtC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,GAAGA,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAAG,OAAO,EAAA,CAAQ,CAC1E,CAAC;AAEF,QAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KAC9C;AACD,IAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,QAAQ,GAAQ,CAAC;AAClD,CAAC;AAED,SAAS,YAAY,CAAC,GAAW,EAAA;;;IAG/B,OAAO,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AACtD;;;;"}

package/es/Icon-90c3a630.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { s as sizeToCSS } from './size-782ed57a.js';
-import { u as useTooltip } from './useTooltip-30a4a4fc.js';
-import './useTooltipControlled-eafec36e.js';
+import { u as useTooltip } from './useTooltip-9dec25b3.js';
+import './useTooltipControlled-2044f639.js';
 import { styles } from './UNSAFE_Icon/themes/IconStyle.css.js';
 
 const Icon = ({ size = '1em', color = 'currentColor', accessibleLabel = '', viewBox = 'none', children }) => (jsx(Svg, { height: "1em", width: "1em", viewBox: viewBox, accessibleLabel: accessibleLabel, class: styles[color], style: { fontSize: size === '1em' ? size : `${sizeToCSS(size)}` }, children: children }));

package/es/IconButton-37310d21.js

@@ -4,8 +4,8 @@ import { Fragment } from 'preact';
 import { B as BaseButton } from './BaseButton-5b2791b1.js';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-03cfed16.js';
 import { forwardRef } from 'preact/compat';
-import { u as useTooltip } from './useTooltip-30a4a4fc.js';
-import './useTooltipControlled-eafec36e.js';
+import { u as useTooltip } from './useTooltip-9dec25b3.js';
+import './useTooltipControlled-2044f639.js';
 import { p as processGlobals } from './buttonUtils-6f35c4f4.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 

package/es/IconMenuButton-9fe6cbf9.js

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-03cfed16.js';
 import { S as SvgChevronDown } from './ChevronDown-d9848cc4.js';
-import { M as Menu } from './Menu-b0c28cfd.js';
+import { M as Menu } from './Menu-c7ab8412.js';
 import './MenuItem-a8f9c954.js';
 import { useRef, useImperativeHandle } from 'preact/hooks';
 import { Fragment } from 'preact';
-import { u as useTooltip } from './useTooltip-30a4a4fc.js';
-import './useTooltipControlled-eafec36e.js';
+import { u as useTooltip } from './useTooltip-9dec25b3.js';
+import './useTooltipControlled-2044f639.js';
 import './IconStyle.styles.css';
 import './SelectMenuGroupContext-b56cf5d4.js';
 import './logger-c92f309c.js';
@@ -16,7 +16,7 @@ import './MenuSeparatorStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
 import { forwardRef } from 'preact/compat';
-import './LayerHost-aaed41a1.js';
+import './LayerHost-45f545d7.js';
 import { u as useMenuAction } from './useMenuAction-3e362802.js';
 import { B as BaseButton } from './BaseButton-5b2791b1.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';

package/es/IconSwitchButton-61cabbfe.js

@@ -5,8 +5,8 @@ import { forwardRef } from 'preact/compat';
 import { useRef, useImperativeHandle } from 'preact/hooks';
 import { B as BaseButton } from './BaseButton-5b2791b1.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-30a4a4fc.js';
-import './useTooltipControlled-eafec36e.js';
+import { u as useTooltip } from './useTooltip-9dec25b3.js';
+import './useTooltipControlled-2044f639.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { a as toggleStyling } from './toggleButtonUtils-039c4eae.js';
 import { u as useId } from './useId-03dbfdf0.js';

package/es/IconToggleButton-f57e5484.js

@@ -5,8 +5,8 @@ import { forwardRef } from 'preact/compat';
 import { useRef, useImperativeHandle } from 'preact/hooks';
 import { B as BaseButton } from './BaseButton-5b2791b1.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-30a4a4fc.js';
-import './useTooltipControlled-eafec36e.js';
+import { u as useTooltip } from './useTooltip-9dec25b3.js';
+import './useTooltipControlled-2044f639.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { a as toggleStyling } from './toggleButtonUtils-039c4eae.js';
 import { p as processGlobals } from './buttonUtils-6f35c4f4.js';

package/es/IconUserAssistance-c226cb4f.js

@@ -0,0 +1,73 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
+import { useRef, useCallback } from 'preact/hooks';
+import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as usePress } from './usePress-97fc1cf1.js';
+import { S as SvgHelp } from './Help-6b4bade1.js';
+import { P as Popup } from './Popup-8889a781.js';
+import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
+import { I as InlineHelp } from './InlineHelp-95ca55a5.js';
+import { iconUserAssistancePopupFocus, iconUserAssistanceIcon } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
+import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { PopupRedwoodTheme } from './UNSAFE_Popup/themes/redwood/PopupTheme.js';
+import { u as useToggle } from './useToggle-8b7fcefe.js';
+
+/**
+ * Created to match icon user assistance spec for use with radio option, pending design review
+ * of inline UA assistance.
+ */
+const IconUserAssistance = ({ assistiveText, helpSourceLink, helpSourceText, isTabbable = true, id }) => {
+    const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const userAssistance_learnMoreStr = translations.userAssistance_learnMore();
+    const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);
+    const helpForRadioString = translations.radio_helpForRadio();
+    const helpStringId = `${id}-help-string`;
+    const anchorRef = useRef(null);
+    const handleOutsideClick = useCallback((event) => {
+        const target = event?.target;
+        // We need to filter out anchor click events, because anchor is responsible for the toggling
+        if ((target instanceof Element || target instanceof Document) &&
+            !anchorRef.current?.contains(target) &&
+            isOpen) {
+            setIsOpenFalse();
+        }
+    }, [isOpen, setIsOpenFalse]);
+    const handleOnKeyDown = useCallback((e) => {
+        // allow user to close popup without having to focus it
+        if (['Tab', 'Escape'].includes(e.key) && isOpen) {
+            setIsOpenFalse();
+        }
+        // prevent scroll jump
+        if (e.code === 'Space') {
+            e.preventDefault();
+        }
+    }, [isOpen, setIsOpenFalse]);
+    const { pressProps } = usePress((e) => {
+        e.preventDefault();
+        toggle();
+    });
+    const handleLinkEvent = useCallback((e) => {
+        // if it's a key event that is not "enter", return early
+        const { key } = e;
+        if (key && key !== 'Enter') {
+            return;
+        }
+        // We want to close the pop up if a link is triggered with mouse or keyboard
+        const { tagName } = e.target;
+        if (tagName?.toLowerCase() === 'a') {
+            setIsOpenFalse();
+            // we want to refocus to the help icon after the browser has launched the link
+            // prematurely doing so prevents keyboard events from firing
+            setTimeout(() => anchorRef.current?.focus());
+        }
+    }, [setIsOpenFalse]);
+    // We are referencing popup vars, so we need to bring in the baseTheme for popup
+    const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);
+    const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);
+    return helpSourceLink || assistiveText ? (jsxs(Fragment, { children: [jsx("span", { ...pressProps, role: "link", "aria-describedby": helpStringId, "aria-haspopup": "dialog", ref: anchorRef, tabIndex: isTabbable ? 0 : -1, class: iconUserAssistanceIcon, onKeyDown: handleOnKeyDown, id: `${id}-help-icon`, children: jsx(SvgHelp, {}) }), jsx(HiddenAccessible, { id: helpStringId, isHidden: true, children: helpForRadioString }), jsx(Popup, { placement: "top", isOpen: isOpen, anchorRef: anchorRef, onClose: setIsOpenFalse, onClickOutside: handleOutsideClick, shiftOptions: { mainAxis: true, crossAxis: false }, maxWidth: '296px', children: jsx("div", { id: id, tabIndex: 0, class: iconUserAssistanceClasses, onMouseUp: handleLinkEvent, onKeyDown: handleLinkEvent, children: jsx(InlineHelp, { assistiveText: assistiveText, sourceLink: helpSourceLink, sourceText: sourceText }) }) })] })) : null;
+};
+
+export { IconUserAssistance as I };
+//# sourceMappingURL=IconUserAssistance-c226cb4f.js.map

package/es/IconUserAssistance-c226cb4f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconUserAssistance-c226cb4f.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":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}

package/es/Indexer-a671092c.js

@@ -2,21 +2,21 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment, createRef } from 'preact';
 import { useRef, useState, useCallback, useEffect } from 'preact/hooks';
-import { F as Flex } from './Flex-5ff5aa5e.js';
+import { F as Flex } from './Flex-24628925.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useSingleSelection } from './useSingleSelection-405a3d03.js';
-import { u as useCurrentKey } from './useCurrentKey-1f99b0f6.js';
+import { u as useCurrentKey } from './useCurrentKey-db7d3bb9.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-d0c80397.js';
 import { m as getPrevNextKey, k as keyExtractor, p as isMobile } from './collectionUtils-d72c7c40.js';
 import { u as useId } from './useId-03dbfdf0.js';
-import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
+import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
 import { C as Collection } from './Collection-c4f2f3ea.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { forwardRef } from 'preact/compat';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { IndexerRedwoodTheme } from './UNSAFE_Indexer/themes/redwood/IndexerTheme.js';
-import { u as useTestId } from './useTestId-f5aed66c.js';
+import { u as useTestId } from './useTestId-adde554c.js';
 
 /**
  * The others section variable that application could use