npm - @oracle/oraclejet-preact - Versions diffs - 21.0.0 → 21.0.1 - Mend

@oracle/oraclejet-preact 21.0.0 → 21.0.1

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 (898) hide show

package/es/{Floating-87cd2bbf.js.map → Floating-91e0f4c1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Floating-87cd2bbf.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 Placement of the floating element relative to its reference element.\n \n Placement consists of two parts: the side and the alignment.\n \n Possible values are: `top`, `top-start`, `top-end`, `top-start-corner`, `top-end-corner`,\n * `end`, `end-top`, `end-bottom`, `end-top-corner`, `end-bottom-corner`,\n * `bottom`, `bottom-start`, `bottom-end`, `bottom-start-corner`, `bottom-end-corner`,\n * `start`, `start-top`, `start-bottom`, `start-top-corner`, `start-bottom-corner`.\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 can 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 \n Object shape:\n * - `mainAxis?: number`\n * - `crossAxis?: number`\n \n `mainAxis` represents the distance (gutter or margin) between the floating element and the reference element.\n * `crossAxis` represents the shifting between the floating element and the reference element.\n /\n offsetValue?: Offset;\n\n /\n Click outside callback.\n /\n onClickOutside?: (event: MouseEvent) => void;\n\n /\n Flip options object.\n \n Shape:\n * - `mainAxis?: boolean`\n * - `crossAxis?: boolean`\n * - `fallbackPlacements?: Array<Placement>`\n \n `mainAxis`: if true, enables collision detection on the main axis (default `true`).\n * `crossAxis`: if true, enables collision detection on the cross axis (default `false`).\n * `fallbackPlacements`: placements to try if the initial placement does not fit.\n * These are attempted in the order provided.\n \n If `fallbackPlacements` is not provided, the default behavior flips to the opposite side when collision is detected.\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 \n Shape:\n * - `mainAxis?: boolean`\n * - `crossAxis?: boolean`\n \n `mainAxis`: axis in which shifting is applied (default `true`).\n * `crossAxis`: axis in which shifting is applied (default `false`).\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 \n Shape:\n * - `isMaxWidthAdjusted?: boolean`\n * - `isMaxHeightAdjusted?: boolean`\n * - `maxHeightCeiling?: number`\n * - `maxWidthCeiling?: number`\n \n `isMaxHeightAdjusted` and `isMaxWidthAdjusted` set max-height/max-width to available space up to collision.\n * Default values are `false`.\n \n `maxHeightCeiling` and `maxWidthCeiling` set upper limits for max-height/max-width.\n * Defaults are `undefined`, meaning full available height/width.\n /\n sizeOptions?: SizeOptions;\n\n /\n Describes virtual padding around the collision boundary (currently the viewport).\n \n This may be extended in the future to support boundary definitions beyond the viewport,\n * such as the document or another element.\n \n Shape:\n * - `padding?: number \| { top: number; right: number; bottom: number; left: number; }`\n \n Default value for padding is 0.\n /\n boundaryOptions?: BoundaryOptions;\n /\n Specifies the type of CSS position property to use.\n * Allowed values are `absolute` and `fixed`.\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-91e0f4c1.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 Placement of the floating element relative to its reference element.\n \n Placement consists of two parts: the side and the alignment.\n \n Possible values are: `top`, `top-start`, `top-end`, `top-start-corner`, `top-end-corner`,\n * `end`, `end-top`, `end-bottom`, `end-top-corner`, `end-bottom-corner`,\n * `bottom`, `bottom-start`, `bottom-end`, `bottom-start-corner`, `bottom-end-corner`,\n * `start`, `start-top`, `start-bottom`, `start-top-corner`, `start-bottom-corner`.\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 can 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 \n Object shape:\n * - `mainAxis?: number`\n * - `crossAxis?: number`\n \n `mainAxis` represents the distance (gutter or margin) between the floating element and the reference element.\n * `crossAxis` represents the shifting between the floating element and the reference element.\n /\n offsetValue?: Offset;\n\n /\n Click outside callback.\n /\n onClickOutside?: (event: MouseEvent) => void;\n\n /\n Flip options object.\n \n Shape:\n * - `mainAxis?: boolean`\n * - `crossAxis?: boolean`\n * - `fallbackPlacements?: Array<Placement>`\n \n `mainAxis`: if true, enables collision detection on the main axis (default `true`).\n * `crossAxis`: if true, enables collision detection on the cross axis (default `false`).\n * `fallbackPlacements`: placements to try if the initial placement does not fit.\n * These are attempted in the order provided.\n \n If `fallbackPlacements` is not provided, the default behavior flips to the opposite side when collision is detected.\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 \n Shape:\n * - `mainAxis?: boolean`\n * - `crossAxis?: boolean`\n \n `mainAxis`: axis in which shifting is applied (default `true`).\n * `crossAxis`: axis in which shifting is applied (default `false`).\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 \n Shape:\n * - `isMaxWidthAdjusted?: boolean`\n * - `isMaxHeightAdjusted?: boolean`\n * - `maxHeightCeiling?: number`\n * - `maxWidthCeiling?: number`\n \n `isMaxHeightAdjusted` and `isMaxWidthAdjusted` set max-height/max-width to available space up to collision.\n * Default values are `false`.\n \n `maxHeightCeiling` and `maxWidthCeiling` set upper limits for max-height/max-width.\n * Defaults are `undefined`, meaning full available height/width.\n /\n sizeOptions?: SizeOptions;\n\n /\n Describes virtual padding around the collision boundary (currently the viewport).\n \n This may be extended in the future to support boundary definitions beyond the viewport,\n * such as the document or another element.\n \n Shape:\n * - `padding?: number \| { top: number; right: number; bottom: number; left: number; }`\n \n Default value for padding is 0.\n /\n boundaryOptions?: BoundaryOptions;\n /\n Specifies the type of CSS position property to use.\n * Allowed values are `absolute` and `fixed`.\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/FormLayoutVariants.styles.css CHANGED Viewed

@@ -1,65 +1,65 @@
-.FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
+.FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
   --layoutLocalVars_actualColumnCount__5qy13b2: 1;
   grid-template-columns: repeat(1, minmax(0, 100%));
 }
-.FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
+.FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
   -moz-column-count: 1;
        column-count: 1;
 }
-.FormLayoutVariants_multiVariantStyles_compound_2__18itx62b {
+.FormLayoutVariants_multiVariantStyles_compound_2__8e1oxkb {
   --layoutLocalVars_actualColumnCount__5qy13b2: var(--layoutLocalVars_maxColumnCount__5qy13b0);
   grid-template-columns: repeat(var(--layoutLocalVars_maxColumnCount__5qy13b0), minmax(0, 1fr));
 }
-.FormLayoutVariants_multiVariantStyles_compound_3__18itx62c {
+.FormLayoutVariants_multiVariantStyles_compound_3__8e1oxkc {
   -moz-column-count: var(--layoutLocalVars_maxColumnCount__5qy13b0);
        column-count: var(--layoutLocalVars_maxColumnCount__5qy13b0);
 }
 @container (min-width: 576px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(2, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(2, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
+  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
     -moz-column-count: min(2, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(2, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }
 }
 @container (min-width: 864px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(3, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(3, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
+  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
     -moz-column-count: min(3, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(3, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }
 }
 @container (min-width: 1152px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(4, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(4, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
+  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
     -moz-column-count: min(4, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(4, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }
 }
 @container (min-width: 1440px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(5, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(5, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
+  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
     -moz-column-count: min(5, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(5, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }
 }
 @container (min-width: 1728px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(6, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(6, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
+  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
     -moz-column-count: min(6, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(6, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }

package/es/FormLayoutVariants.styles2.css CHANGED Viewed

@@ -1,65 +1,65 @@
-.FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
+.FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
   --layoutLocalVars_actualColumnCount__5qy13b2: 1;
   grid-template-columns: repeat(1, minmax(0, 100%));
 }
-.FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
+.FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
   -moz-column-count: 1;
        column-count: 1;
 }
-.FormLayoutVariants_multiVariantStyles_compound_2__8e1oxkb {
+.FormLayoutVariants_multiVariantStyles_compound_2__18itx62b {
   --layoutLocalVars_actualColumnCount__5qy13b2: var(--layoutLocalVars_maxColumnCount__5qy13b0);
   grid-template-columns: repeat(var(--layoutLocalVars_maxColumnCount__5qy13b0), minmax(0, 1fr));
 }
-.FormLayoutVariants_multiVariantStyles_compound_3__8e1oxkc {
+.FormLayoutVariants_multiVariantStyles_compound_3__18itx62c {
   -moz-column-count: var(--layoutLocalVars_maxColumnCount__5qy13b0);
        column-count: var(--layoutLocalVars_maxColumnCount__5qy13b0);
 }
 @container (min-width: 576px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(2, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(2, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
+  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
     -moz-column-count: min(2, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(2, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }
 }
 @container (min-width: 864px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(3, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(3, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
+  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
     -moz-column-count: min(3, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(3, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }
 }
 @container (min-width: 1152px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(4, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(4, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
+  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
     -moz-column-count: min(4, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(4, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }
 }
 @container (min-width: 1440px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(5, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(5, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
+  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
     -moz-column-count: min(5, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(5, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }
 }
 @container (min-width: 1728px) {
-  .FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk9 {
+  .FormLayoutVariants_multiVariantStyles_compound_0__18itx629 {
     --layoutLocalVars_actualColumnCount__5qy13b2: min(6, var(--layoutLocalVars_maxColumnCount__5qy13b0));
     grid-template-columns: repeat(min(6, var(--layoutLocalVars_maxColumnCount__5qy13b0)), minmax(0, 100%));
   }
-  .FormLayoutVariants_multiVariantStyles_compound_1__8e1oxka {
+  .FormLayoutVariants_multiVariantStyles_compound_1__18itx62a {
     -moz-column-count: min(6, var(--layoutLocalVars_maxColumnCount__5qy13b0));
          column-count: min(6, var(--layoutLocalVars_maxColumnCount__5qy13b0));
   }

package/es/{Grid-45385814.js → Grid-67dc57cb.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { g as gridInterpolations } from './grid-65aa641c.js';
 import { b as boxAlignmentInterpolations } from './boxalignment-ff3279b7.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import './GridStyles.styles.css';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.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-45385814.js.map
+//# sourceMappingURL=Grid-67dc57cb.js.map

package/es/{Grid-45385814.js.map → Grid-67dc57cb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid-~~45385814~~.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-67dc57cb.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/{HighlightText-39c46ea1.js → HighlightText-790fa99f.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-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 var highlightStyles = 'HighlightTextStyles_highlightStyles__6s5c4p0';
@@ -28,4 +28,4 @@ function escapeRegExp(str) {
 }
 export { HighlightText as H };
-//# sourceMappingURL=HighlightText-39c46ea1.js.map
+//# sourceMappingURL=HighlightText-790fa99f.js.map

package/es/{HighlightText-39c46ea1.js.map → HighlightText-790fa99f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HighlightText-~~39c46ea1~~.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-790fa99f.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-c0fda273.js CHANGED Viewed

@@ -2,15 +2,15 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { s as sizeToCSS } from './size-020bd662.js';
-import { u as useTooltip } from './useTooltip-8decbde6.js';
+import { u as useTooltip } from './useTooltip-7779b267.js';
 import 'preact/hooks';
 import './logger-35b2acf7.js';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.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-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import { styles } from './UNSAFE_Icon/themes/IconStyle.css.js';
 import { g as getClientHints } from './clientHints-502748e3.js';

package/es/IconButton-94077753.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-77bb9d91.js';
+import { B as BaseButton } from './BaseButton-f3a607e1.js';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-f1a73542.js';
 import { forwardRef } from 'preact/compat';
-import { u as useTooltip } from './useTooltip-8decbde6.js';
+import { u as useTooltip } from './useTooltip-7779b267.js';
 import 'preact/hooks';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './logger-35b2acf7.js';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.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-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import { p as processGlobals } from './buttonUtils-58328091.js';
 /**

package/es/IconSwitchButton-ced93277.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-77bb9d91.js';
+import { B as BaseButton } from './BaseButton-f3a607e1.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-8decbde6.js';
+import { u as useTooltip } from './useTooltip-7779b267.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-20500ac8.js';
+import './LayerHost-c4481db3.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-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import { a as toggleStyling } from './toggleButtonUtils-75e3d781.js';
 import { T as ToggleButtonLabel } from './ToggleButtonLabel-39da3fe7.js';

package/es/IconToggleButton-8605dd2d.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-77bb9d91.js';
+import { B as BaseButton } from './BaseButton-f3a607e1.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-8decbde6.js';
+import { u as useTooltip } from './useTooltip-7779b267.js';
 import 'preact/hooks';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './logger-35b2acf7.js';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.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-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import { a as toggleStyling } from './toggleButtonUtils-75e3d781.js';
 import { p as processGlobals } from './buttonUtils-58328091.js';
 import { T as ToggleButtonLabel } from './ToggleButtonLabel-39da3fe7.js';

package/es/{IconUserAssistance-b03771f5.js → IconUserAssistance-16f55b57.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-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { S as SvgHelp } from './Help-acc474f2.js';
-import { P as Popup } from './Popup-83eb0d14.js';
+import { P as Popup } from './Popup-5e092ea2.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 = ({ accessibleLabel, assistiveText, helpSourceLink, he
 };
 export { IconUserAssistance as I };
-//# sourceMappingURL=IconUserAssistance-b03771f5.js.map
+//# sourceMappingURL=IconUserAssistance-16f55b57.js.map

package/es/{IconUserAssistance-b03771f5.js.map → IconUserAssistance-16f55b57.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconUserAssistance-~~b03771f5~~.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { 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 { useId } from '#hooks/UNSAFE_useId';\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 Accessible text for the help trigger.\n /\n accessibleLabel: string;\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 Optional base id used for the trigger, hidden label, and popup content.\n /\n id?: string;\n};\n\n/\n Renders icon-triggered user assistance for controls that cannot use inline label assistance.\n */\nconst IconUserAssistance = ({\n accessibleLabel,\n assistiveText,\n helpSourceLink,\n helpSourceText,\n isTabbable = true,\n id\n}: Props) => {\n const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n const generatedId = useId();\n const baseId = id ?? generatedId;\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 helpStringId = `${baseId}-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={`${baseId}-help-icon`}>\n <HelpIcon />\n </span>\n <HiddenAccessible id={helpStringId} isHidden={true}>\n {accessibleLabel}\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={baseId}\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-16f55b57.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { 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 { useId } from '#hooks/UNSAFE_useId';\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 Accessible text for the help trigger.\n /\n accessibleLabel: string;\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 Optional base id used for the trigger, hidden label, and popup content.\n /\n id?: string;\n};\n\n/\n Renders icon-triggered user assistance for controls that cannot use inline label assistance.\n */\nconst IconUserAssistance = ({\n accessibleLabel,\n assistiveText,\n helpSourceLink,\n helpSourceText,\n isTabbable = true,\n id\n}: Props) => {\n const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n const generatedId = useId();\n const baseId = id ?? generatedId;\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 helpStringId = `${baseId}-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={`${baseId}-help-icon`}>\n <HelpIcon />\n </span>\n <HiddenAccessible id={helpStringId} isHidden={true}>\n {accessibleLabel}\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={baseId}\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":";;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,eAAe,EACf,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,GAAG,IAAI,EACjB,EAAE,EACI,KAAI;AACV,IAAA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAC5E,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;AAC5B,IAAA,MAAM,MAAM,GAAG,EAAE,IAAI,WAAW,CAAC;AAEjC,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,2BAA2B,GAAG,YAAY,CAAC,wBAAwB,EAAE,CAAC;IAC5E,MAAM,UAAU,GAAG,cAAc,KAAK,cAAc,IAAI,2BAA2B,CAAC,CAAC;AACrF,IAAA,MAAM,YAAY,GAAG,CAAG,EAAA,MAAM,cAAc,CAAC;AAC7C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;AAEhD,IAAA,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,KAAI;AACpB,QAAA,MAAM,MAAM,GAAG,KAAK,EAAE,MAAM,CAAC;;QAE7B,IACE,CAAC,MAAM,YAAY,OAAO,IAAI,MAAM,YAAY,QAAQ;AACxD,YAAA,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;AACpC,YAAA,MAAM,EACN;AACA,YAAA,cAAc,EAAE,CAAC;SAClB;AACH,KAAC,EACD,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;AACnC,QAAA,IAAI,GAAG,IAAI,GAAG,KAAK,OAAO,EAAE;YAC1B,OAAO;SACR;;AAGD,QAAA,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,MAAiB,CAAC;AAExC,QAAA,IAAI,OAAO,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE;AAClC,YAAA,cAAc,EAAE,CAAC;;;YAIjB,UAAU,CAAC,MAAM,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;SAC9C;AACH,KAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAgB,KAAI;;AAEnB,QAAA,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,MAAM,EAAE;AAChD,YAAA,cAAc,EAAE,CAAC;SAClB;;AAGD,QAAA,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,YAAA,MAAM,EAAE,CAAC;SACV;KACF,EACD,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,CACjC,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAQ,KAAI;QACX,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,QAAA,MAAM,EAAE,CAAC;AACX,KAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;;IAGF,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC3E,MAAM,yBAAyB,GAAG,UAAU,CAAC,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAAC,CAAC;AAExF,IAAA,OAAO,cAAc,IAAI,aAAa,IACpCA,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,QAAQ,EACI,iBAAA,EAAA,YAAY,EACf,eAAA,EAAA,QAAQ,EACtB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAC7B,KAAK,EAAE,sBAAsB,EAC7B,EAAE,EAAE,CAAA,EAAG,MAAM,CAAY,UAAA,CAAA,EAAA,QAAA,EACzBA,GAAC,CAAAC,OAAQ,KAAG,EACP,CAAA,EACPD,GAAC,CAAA,gBAAgB,IAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAC/C,QAAA,EAAA,eAAe,GACC,EACnBA,GAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAClD,QAAQ,EAAC,OAAO,EAChB,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EACE,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,yBAAyB,EAChC,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,eAAe,EAAA,QAAA,EAC1BA,GAAC,CAAA,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,UAAU,EAAA,CACtB,EACE,CAAA,EAAA,CACA,IACP,IACD,IAAI,CAAC;AACX;;;;"}