npm - @oracle/oraclejet-preact - Versions diffs - 20.1.3 → 20.1.5 - Mend

@oracle/oraclejet-preact 20.1.3 → 20.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1363) hide show

package/es/{Floating-8a9436ac.js.map → Floating-0a11107a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Floating-8a9436ac.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 type { 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 '@oracle/oraclejet-internal-theme-contract/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 type { RefObject, JSX } 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 type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/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\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useUnsafeDomElementRef } from '#hooks/PRIVATE_useUnsafeDomElementRef';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, '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 \| UnsafeDomHandle<Element>>;\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 Specifies the type of CSS position property to use.\n * <pre>\n * type Strategy = 'absolute' \| 'fixed';\n * </pre>\n * Default value is 'absolute'.\n /\n strategy?: 'absolute' \| 'fixed';\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 strategy\n }: Props,\n ref: ForwardedRef<HTMLElement \| null>\n ) => {\n const arrowRef = useRef<HTMLDivElement>(null);\n const [positionData, setPositionData] = useState<PositionData>();\n\n const unsafeAnchorRef = useUnsafeDomElementRef<Element, Element \| Coords>(anchorRef);\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(unsafeAnchorRef.current);\n }, [unsafeAnchorRef]);\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 (unsafeAnchorRef.current !== previousAnchor) {\n setPreviousAnchor(unsafeAnchorRef.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 strategy: strategy\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={unsafeAnchorRef}\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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"}
1	+ {"version":3,"file":"Floating-0a11107a.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 type { 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 '@oracle/oraclejet-internal-theme-contract/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 type { RefObject, JSX } 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 type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/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\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useUnsafeDomElementRef } from '#hooks/PRIVATE_useUnsafeDomElementRef';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, '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 \| UnsafeDomHandle<Element>>;\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 Specifies the type of CSS position property to use.\n * <pre>\n * type Strategy = 'absolute' \| 'fixed';\n * </pre>\n * Default value is 'absolute'.\n /\n strategy?: 'absolute' \| 'fixed';\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 strategy\n }: Props,\n ref: ForwardedRef<HTMLElement \| null>\n ) => {\n const arrowRef = useRef<HTMLDivElement>(null);\n const [positionData, setPositionData] = useState<PositionData>();\n\n const unsafeAnchorRef = useUnsafeDomElementRef<Element, Element \| Coords>(anchorRef);\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(unsafeAnchorRef.current);\n }, [unsafeAnchorRef]);\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 (unsafeAnchorRef.current !== previousAnchor) {\n setPreviousAnchor(unsafeAnchorRef.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 strategy: strategy\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={unsafeAnchorRef}\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/{Grid-9e4b4f19.js → Grid-6f92d323.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { g as gridInterpolations } from './grid-65aa641c.js';
 import { b as boxAlignmentInterpolations } from './boxalignment-8980856d.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import './GridStyles.styles.css';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 var baseStyles = 'GridStyles_baseStyles__11rn47i0';
@@ -24,4 +24,4 @@ const Grid = ({ 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, children, te
 };
 export { Grid as G };
-//# sourceMappingURL=Grid-9e4b4f19.js.map
+//# sourceMappingURL=Grid-6f92d323.js.map

package/es/{Grid-9e4b4f19.js.map → Grid-6f92d323.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid-~~9e4b4f19~~.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 type { ComponentChildren, JSX } 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 type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype Props = GridProps &\n BoxAlignmentProps &\n TestIdProps & {\n /\n The aria role for the Grid\n /\n role?: UnpackSignals<JSX.HTMLAttributes>['role'];\n /\n aria-label for this Grid\n /\n 'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n /\n aria-hidden for this Grid\n /\n 'aria-hidden'?: UnpackSignals<JSX.AriaAttributes>['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;;;;"}
1	+ {"version":3,"file":"Grid-6f92d323.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 type { ComponentChildren, JSX } 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 type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype Props = GridProps &\n BoxAlignmentProps &\n TestIdProps & {\n /\n The aria role for the Grid\n /\n role?: UnpackSignals<JSX.HTMLAttributes>['role'];\n /\n aria-label for this Grid\n /\n 'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n /\n aria-hidden for this Grid\n /\n 'aria-hidden'?: UnpackSignals<JSX.AriaAttributes>['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/GroupLoadingIndicator-e2acd49f.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.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-03129963.js';
+import { F as Flex } from './Flex-fc483125.js';
 import { S as Skeleton } from './Skeleton-27494ea4.js';
 import { S as SkeletonContainer } from './List-3ed2c0e8.js';

package/es/{HighlightText-0205faef.js → HighlightText-dd484ffd.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import './HighlightTextStyles.styles.css';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 var highlightStyles = 'HighlightTextStyles_highlightStyles__6s5c4p0';
@@ -28,4 +28,4 @@ function escapeRegExp(str) {
 }
 export { HighlightText as H };
-//# sourceMappingURL=HighlightText-0205faef.js.map
+//# sourceMappingURL=HighlightText-dd484ffd.js.map

package/es/{HighlightText-0205faef.js.map → HighlightText-dd484ffd.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HighlightText-~~0205faef~~.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;;;;"}
1	+ {"version":3,"file":"HighlightText-dd484ffd.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-96679294.js CHANGED Viewed

@@ -2,15 +2,15 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { s as sizeToCSS } from './size-af1e638c.js';
-import { u as useTooltip } from './useTooltip-33d2e421.js';
+import { u as useTooltip } from './useTooltip-22ae63dd.js';
 import 'preact/hooks';
 import './logger-35b2acf7.js';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import { styles } from './UNSAFE_Icon/themes/IconStyle.css.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';

package/es/IconButton-bb390936.js CHANGED Viewed

@@ -1,18 +1,18 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
-import { B as BaseButton } from './BaseButton-e8e5bfe4.js';
+import { B as BaseButton } from './BaseButton-feeaaf1c.js';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-02656ee2.js';
 import { forwardRef } from 'preact/compat';
-import { u as useTooltip } from './useTooltip-33d2e421.js';
+import { u as useTooltip } from './useTooltip-22ae63dd.js';
 import 'preact/hooks';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './logger-35b2acf7.js';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import { p as processGlobals } from './buttonUtils-55fb1df7.js';
 /**

package/es/IconSwitchButton-765c38e8.js CHANGED Viewed

@@ -2,18 +2,18 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
-import { B as BaseButton } from './BaseButton-e8e5bfe4.js';
+import { B as BaseButton } from './BaseButton-feeaaf1c.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-33d2e421.js';
+import { u as useTooltip } from './useTooltip-22ae63dd.js';
 import 'preact/hooks';
 import { u as useId } from './useId-03dbfdf0.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './logger-35b2acf7.js';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import { a as toggleStyling } from './toggleButtonUtils-75e3d781.js';
 import { T as ToggleButtonLabel } from './ToggleButtonLabel-d126a549.js';

package/es/IconToggleButton-fe8d0e55.js CHANGED Viewed

@@ -2,17 +2,17 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
-import { B as BaseButton } from './BaseButton-e8e5bfe4.js';
+import { B as BaseButton } from './BaseButton-feeaaf1c.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-33d2e421.js';
+import { u as useTooltip } from './useTooltip-22ae63dd.js';
 import 'preact/hooks';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './logger-35b2acf7.js';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import { a as toggleStyling } from './toggleButtonUtils-75e3d781.js';
 import { p as processGlobals } from './buttonUtils-55fb1df7.js';
 import { T as ToggleButtonLabel } from './ToggleButtonLabel-d126a549.js';

package/es/{IconUserAssistance-30afcebe.js → IconUserAssistance-2deafca3.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { useRef, useCallback } from 'preact/hooks';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import { S as SvgHelp } from './Help-93fa3375.js';
-import { P as Popup } from './Popup-d782a727.js';
+import { P as Popup } from './Popup-0f23bad9.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
 import { iconUserAssistancePopup, iconUserAssistanceIcon } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
@@ -71,4 +71,4 @@ const IconUserAssistance = ({ assistiveText, helpSourceLink, helpSourceText, isT
 };
 export { IconUserAssistance as I };
-//# sourceMappingURL=IconUserAssistance-30afcebe.js.map
+//# sourceMappingURL=IconUserAssistance-2deafca3.js.map

package/es/{IconUserAssistance-30afcebe.js.map → IconUserAssistance-2deafca3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconUserAssistance-~~30afcebe~~.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { iconUserAssistanceIcon, iconUserAssistancePopup } 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';\nimport { InlineHelp } from './InlineHelp';\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 Variant of the component, either 'checkbox' or 'radio'. Used to determine the help text.\n /\n variant?: 'checkbox' \| 'radio';\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 variant = 'checkbox'\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 helpForCheckboxString = translations.checkbox_helpForCheckbox();\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 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 const handleOnKeyDown = useCallback(\n (e: KeyboardEvent) => {\n // allow user to close popup without having to focus it\n if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n setIsOpenFalse();\n }\n\n // toggle and prevent scroll jump\n if (['Space', 'Enter'].includes(e.code)) {\n e.preventDefault();\n toggle();\n }\n },\n [isOpen, setIsOpenFalse, toggle]\n );\n\n const onClickHandler = useCallback(\n (e: Event) => {\n e.preventDefault();\n toggle();\n },\n [toggle]\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, iconUserAssistancePopup]);\n\n return helpSourceLink \|\| assistiveText ? (\n <>\n <span\n onKeyDown={handleOnKeyDown}\n onClick={onClickHandler}\n role=\"button\"\n aria-labelledby={helpStringId}\n aria-haspopup=\"dialog\"\n ref={anchorRef}\n tabIndex={isTabbable ? 0 : -1}\n class={iconUserAssistanceIcon}\n id={`${id}-help-icon`}>\n <HelpIcon />\n </span>\n <HiddenAccessible id={helpStringId} isHidden={true}>\n {variant === 'checkbox' ? helpForCheckboxString : 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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"}
1	+ {"version":3,"file":"IconUserAssistance-2deafca3.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { iconUserAssistanceIcon, iconUserAssistancePopup } 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';\nimport { InlineHelp } from './InlineHelp';\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 Variant of the component, either 'checkbox' or 'radio'. Used to determine the help text.\n /\n variant?: 'checkbox' \| 'radio';\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 variant = 'checkbox'\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 helpForCheckboxString = translations.checkbox_helpForCheckbox();\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 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 const handleOnKeyDown = useCallback(\n (e: KeyboardEvent) => {\n // allow user to close popup without having to focus it\n if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n setIsOpenFalse();\n }\n\n // toggle and prevent scroll jump\n if (['Space', 'Enter'].includes(e.code)) {\n e.preventDefault();\n toggle();\n }\n },\n [isOpen, setIsOpenFalse, toggle]\n );\n\n const onClickHandler = useCallback(\n (e: Event) => {\n e.preventDefault();\n toggle();\n },\n [toggle]\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, iconUserAssistancePopup]);\n\n return helpSourceLink \|\| assistiveText ? (\n <>\n <span\n onKeyDown={handleOnKeyDown}\n onClick={onClickHandler}\n role=\"button\"\n aria-labelledby={helpStringId}\n aria-haspopup=\"dialog\"\n ref={anchorRef}\n tabIndex={isTabbable ? 0 : -1}\n class={iconUserAssistanceIcon}\n id={`${id}-help-icon`}>\n <HelpIcon />\n </span>\n <HiddenAccessible id={helpStringId} isHidden={true}>\n {variant === 'checkbox' ? helpForCheckboxString : 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/InlineHelp-774fd01d.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-090ed4b5.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import { g as getSafeHref } from './safeHref-fce77e0c.js';
 import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';

package/es/InlineUserAssistance-6aa2141e.js CHANGED Viewed

@@ -2,17 +2,17 @@
 import { jsx } from 'preact/jsx-runtime';
 import './logger-35b2acf7.js';
 import 'preact/hooks';
-import './Flex-03129963.js';
+import './Flex-fc483125.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import 'preact';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import './IconStyle.styles.css';
 import './IconButton-bb390936.js';
 import './MessageStyles.styles.css';
@@ -32,13 +32,13 @@ import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
 import { I as InlineHelp } from './InlineHelp-774fd01d.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './InputGroupContext-20bdbd6e.js';
 import { u as useInputGroupContext } from './useInputGroupContext-1d19411e.js';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }) {
     const { classes } = useComponentTheme(UserAssistanceRedwoodTheme, {

package/es/InputDateMask-80707fa6.js CHANGED Viewed

@@ -8,9 +8,9 @@ import { R as ReadonlyTextField } from './StyledTextField-64f0929e.js';
 import './ObfuscatedTextFieldInputStyles.styles.css';
 import { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-5ff445b5.js';
 import { T as TextField } from './TextField-9aba3df3.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import './LiveRegionStyles.styles.css';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.js';
 import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
 import './SkeletonStyles.styles.css';
 import './TextFieldLoadingStyles.styles.css';
@@ -29,10 +29,10 @@ import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import { createContext } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-d782a727.js';
+import './Popup-0f23bad9.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
@@ -45,16 +45,16 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
 import { u as useTextField } from './useTextField-eb9db737.js';
-import { u as useUser } from './useUser-06d34d19.js';
+import { u as useUser } from './useUser-e543b73c.js';
 import { b as isLeapYear } from './getFormatParse-0b8d78e0.js';
 import { n as getDaysInMonth, r as getMonthsInYear, M as MIN_ISO_YEAR, s as MAX_ISO_YEAR, u as MIN_ISO_MONTH, v as MIN_ISO_DAY, f as formatFullCalendarDate, w as getDatePlaceholderMasks, x as formatShortCalendarDate } from './calendarDateUtils-a6baf09c.js';
 import { i as isNumberOnlyString, s as stringToNumber, n as numberToString, w as withinRange, a as getTodayAsCalendarDate, g as getMonthName, t as translateCustomMasks, c as calendarDatesAreDifferent } from './maskUtils-b16a22c0.js';
 import { l } from './stringUtils-0fe25200.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { F as Flex } from './Flex-03129963.js';
+import { F as Flex } from './Flex-fc483125.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-cebac18d.js';
+import { L as LiveRegion } from './LiveRegion-2e8830ae.js';
 import { TextFieldInputRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js';
 import { i as isEmbeddedVariant } from './formControlUtils-84e2af0e.js';
 import { c as classNames } from './classNames-4e12b00d.js';