@oracle/oraclejet-preact 18.0.11 → 18.0.12

package/amd/Flex-3421f0df.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex-3421f0df.js","sources":["../../src/UNSAFE_Flex/Flex.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 { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","children","hasZeroMargins","testId","props","flexComponentClasses","classNames","marginZeroStyles","class","cls","styles","testIdProps","useTestId","_jsx","style"],"mappings":"yUAgCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,4BACdH,OAAOC,OAAOG,6BACdJ,OAAOC,OAAOI,+BAGbC,EAAsBC,EAAAA,oBAA2BR,UAEnC,EAAGS,WAAUC,kBAAiB,EAAMC,YAAWC,MACjE,MAAMC,EAAuBC,EAAAA,WAAW,mCAAaJ,GAAkBK,KAC/DC,MAAOC,KAAQC,GAAWX,EAAoBK,GAChDO,EAAcC,YAAUT,GAC9B,OACEU,EAAAA,IAAK,MAAA,CAAAL,MAAO,GAAGH,KAAwBI,IAAOK,MAAOJ,KAAYC,WAC9DV,GAEH"}

package/amd/Floating-5d98c1ca.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './useFloating-bf8ed6cb', './refUtils-d354a169', './useOutsideClick-76c1ff6e', './useUser-3ef25571', './useComponentTheme-5aa41a8f', './classNames-08d99695', './utils-5077c092', './Common/themes/themeContract.css', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css'], (function(t,e,n,i,s,o,r,a,l,c,u,f,d,m,h,g){"use strict";const x=i.forwardRef((({data:t,anchorRef:i,tail:s,isRtl:r,backgroundColor:a},m)=>{const{styles:h,baseTheme:g}=l.useComponentTheme(d.FloatingRedwoodTheme),x=n.useRef(null),[p,b]=n.useState({arrowStyle:{visibility:"hidden"},arrowInnerStyle:{visibility:"hidden"}});n.useLayoutEffect((()=>{if(null==x.current)return;const{isCornerVerticalPlacement:e,isCornerHorizontalPlacement:n}=function(t,e,n){if("simple"===e&&n&&n.arrow){const{centerOffset:e}=n.arrow,i=7;let s=0,o=0;const r=t.current,a=void 0===r?.x&&void 0===r?.y;a&&(s=Math.round(r.getBoundingClientRect().height),o=Math.round(t.current?.getBoundingClientRect().width));return{isCornerVerticalPlacement:a?Math.abs(e)>=s/2-i/2:["start-top-corner","start-bottom-corner","end-top-corner","end-bottom-corner"].includes(n.origPlacement),isCornerHorizontalPlacement:a?Math.abs(e)>=o/2-i/2:["top-start-corner","top-end-corner","bottom-start-corner","bottom-end-corner"].includes(n.origPlacement)}}return{isCornerVerticalPlacement:!1,isCornerHorizontalPlacement:!1}}(i,s,t);b(function(t,e,n,i,s,o){const r={visibility:"visible"},a={visibility:"visible"};if("simple"===t&&s&&s.arrow){const{x:l,y:c,centerOffset:d}=s.arrow,m=7,h=6,g=5,x=5,p=0===d,b=d>0;function y(t){const e=t?h:m;C({borderTop:`${S(e)} solid ${u.rgba(f.colorSchemeVars.palette.neutral[90],.1)}`,borderRight:R(e),borderLeft:R(e)},r);const n=t?x:g;w({borderTop:`${S(n)} solid ${o}`,borderRight:`${R(n)}`,borderLeft:`${R(n)}`},a)}function C(t,e){Object.assign(e,t)}function w(t,e){Object.assign(e,t)}function A(t){return`rotate(${45*t}deg)`}function S(t){return`${t}px`}function R(t){return`${S(t)} solid transparent`}y(n||i);switch(s.placement.split("-")[0]){case"top":v();break;case"end":e?F():j();break;case"bottom":k();break;case"start":e?j():F()}function v(){null!=l&&(i?(C({top:"",bottom:S(2-m),left:S(l+(b?5:-5)),transform:A(b?5:3)},r),M()):(C({top:"",bottom:S(-m),left:S(p?l:l+(b?1:-1)),transform:A(0)},r),O()))}function j(){null!=c&&(n?(C({top:S(c+(b?2:-2)),right:"",left:S(-m-1),transform:A(b?7:5)},r),M()):(C({top:S(p?c:c+(b?-2:2)),right:"",left:S(1.5*-m),transform:A(2)},r),O()))}function k(){null!=l&&(i?(C({top:S(3-m),bottom:"",left:S(l+(b?4:-4)),transform:A(b?2:6)},r),w({top:S(-g),left:S((b?1:-1)-g)},a)):(C({top:S(-m),bottom:"",left:S(p?l:l+(b?1:-1)),transform:A(4)},r),O()))}function F(){null!=c&&(n?(C({top:S(c+(b?2:-2)),right:S(-m-1),left:"",transform:A(b?1:3)},r),w({top:S(-g),left:S((b?-2:2)-g)},a)):(C({top:S(p?c:c+(b?-2:2)),right:S(1.5*-m),left:"",transform:A(6)},r),O()))}function M(){w({top:S(-g),left:S((b?2:-2)-g)},a)}function O(){w({top:S(-g-2),left:S(-g)},a)}}return{arrowStyle:r,arrowInnerStyle:a}}(s,r,e,n,t,a))}),[t,a,t?.placement,t?.x,t?.y,t?.offset,t?.arrow,s,r,i]);const y=n.useMemo((()=>o.mergeRefs(m,x)),[m,x]);return"simple"===s&&e.jsxs("div",{ref:y,class:c.classNames([g,h.floatingTailBaseStyle]),style:p.arrowStyle,children:[" ",e.jsx("div",{class:c.classNames([h.floatingTailBaseStyle]),style:p.arrowInnerStyle})," "]})}));const p=i.forwardRef((({children:t,backgroundColor:i,onClickOutside:u,placement:f="bottom",anchorRef:p,offsetValue:b,class:y,tail:C="none",flipOptions:w={mainAxis:!0,crossAxis:!1},shiftOptions:A={mainAxis:!0,crossAxis:!1},sizeOptions:S={isMaxHeightAdjusted:!1,isMaxWidthAdjusted:!1},boundaryOptions:R={padding:0},onPosition:v},j)=>{const k=n.useRef(null),[F,M]=n.useState(),[O,E]=n.useState(null),{styles:P,baseTheme:T}=l.useComponentTheme(d.FloatingRedwoodTheme);n.useLayoutEffect((()=>{E(p.current)}),[p]),p.current!==O&&E(p.current);const{direction:$}=a.useUser(),H="rtl"===$,V=n.useCallback((t=>{M(t),v?.(t)}),[v]),B=[s.offset(b),s.flip({mainAxis:w.mainAxis,crossAxis:w.crossAxis,fallbackPlacements:w.fallbackPlacements?.map((t=>s.logicalSide(t,$))),padding:R.padding}),s.shift({mainAxis:A.mainAxis,crossAxis:A.crossAxis,limiter:s.limitShift({mainAxis:A.mainAxis,crossAxis:A.crossAxis})}),...k.current?[s.arrow({element:k.current})]:[]];(S.isMaxHeightAdjusted||S.isMaxWidthAdjusted)&&B.push(s.size({apply({availableWidth:t,availableHeight:e,elements:n}){S.isMaxHeightAdjusted&&parseInt(n.floating.style.maxHeight)!==e&&Object.assign(n.floating.style,{maxHeight:`${Math.min(e,S.maxHeightCeiling||e)}px`}),S.isMaxWidthAdjusted&&parseInt(n.floating.style.maxWidth)!==t&&Object.assign(n.floating.style,{maxWidth:`${Math.min(t,S.maxWidthCeiling||t)}px`})},padding:R.padding}));const{x:N,y:U,reference:W,floating:I,refs:z,update:L}=s.useFloating({placement:f,middleware:B,onPosition:V}),[_,D]=n.useState(!1);n.useEffect((()=>{if(z.reference.current&&z.floating.current&&!0===_)return s.autoUpdate(z.reference.current,z.floating.current,L)}),[z.floating,z.reference,L,_]),n.useEffect((()=>{null!=N&&null!=U&&D(!0)}),[N,U]),r.useOutsideClick({isDisabled:!1,ref:z.floating,handler:u}),n.useLayoutEffect((()=>{if(O instanceof Element){return void W(O)}const t=O;if(null!=t&&null!=t.contextElement){const e=function(t,e){let n=null,i=null,s=!1;return{contextElement:t||void 0,getBoundingClientRect(){const o=t?.getBoundingClientRect()||{width:0,height:0,x:0,y:0},r="x"===e.axis||"both"===e.axis,a="y"===e.axis||"both"===e.axis;let l=o.width,c=o.height,u=o.x,f=o.y;return null==n&&e.x&&r&&(n=o.x-e.x),null==i&&e.y&&a&&(i=o.y-e.y),u-=n||0,f-=i||0,l=0,c=0,s?s&&(c="x"===e.axis?o.height:c,l="y"===e.axis?o.width:l):(l="y"===e.axis?o.width:0,c="x"===e.axis?o.height:0,u=r&&null!=e.x?e.x:u,f=a&&null!=e.y?e.y:f),s=!0,{width:l,height:c,x:u,y:f,top:f,right:u+l,bottom:f+c,left:u}}}}(t.contextElement,{axis:"both",x:t.x,y:t.y});return void W(e)}const e={getBoundingClientRect:()=>({width:0,height:0,x:t.x,y:t.y,top:t.y,left:t.x,right:t.x,bottom:t.y})};t&&null!=t.x&&W(e)}),[O,W]);const q=n.useMemo((()=>o.mergeRefs(j,I)),[j,I]),G={top:U,left:N};let J={};i&&(J=h.assignInlineVars({[g.floatingVars.backgroundColor]:i}));const K=null==N&&null==U?m.floatingVisibilityStyles.hidden:m.floatingVisibilityStyles.visible,Q=c.classNames([y,T,P.baseStyle,K]),X=p&&p.current;return e.jsxs("div",{class:Q,ref:q,style:{...G,...J},children:[t,X&&e.jsx(x,{ref:k,backgroundColor:i,data:F,anchorRef:p,tail:C,isRtl:H})]})}));t.Floating=p}));
-//# sourceMappingURL=Floating-5d98c1ca.js.map

package/amd/Floating-5d98c1ca.js.map

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

package/amd/Grid-8911aa0f.js

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

package/amd/Grid-8911aa0f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid-8911aa0f.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\n\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles } from './GridStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\n\ntype Props = GridProps &\n  BoxAlignmentProps &\n  TestIdProps & {\n    /**\n     * The aria role for the Grid\n     */\n    role?: HTMLAttributesSignalExcluded['role'];\n    /**\n     * aria-label for this Grid\n     */\n    'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n    /**\n     * aria-hidden for this Grid\n     */\n    'aria-hidden'?: HTMLAttributesSignalExcluded['aria-hidden'];\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({\n  'aria-label': ariaLabel,\n  'aria-hidden': ariaHidden,\n  children,\n  testId,\n  role,\n  ...props\n}: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  const allStyles = { ...styles };\n  return (\n    <div\n      class={`${baseStyles} ${cls ? cls : ''}`}\n      style={allStyles}\n      role={role}\n      aria-label={ariaLabel}\n      aria-hidden={ariaHidden}\n      {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","ariaLabel","ariaHidden","children","testId","role","props","class","cls","styles","testIdProps","useTestId","allStyles","_jsx","style"],"mappings":"4MAuCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,yBACdF,OAAOC,OAAOE,+BAGbC,EAAsBC,EAAAA,oBAA2BN,UAKnC,EAClB,aAAcO,EACd,cAAeC,EACfC,WACAC,SACAC,UACGC,MAEH,MAAQC,MAAOC,KAAQC,GAAWV,EAAoBO,GAChDI,EAAcC,YAAUP,GACxBQ,EAAY,IAAKH,GACvB,OACEI,MAAA,MAAA,CACEN,MAAO,mCAAiBC,GAAY,KACpCM,MAAOF,EACPP,KAAMA,EACM,aAAAJ,EACC,cAAAC,KACTQ,EAAWP,SACdA,GAEH"}

package/amd/Gridlines-bef7bbfc.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', './classNames-08d99695', './useColorScheme-443e7cc7'], (function(e,s,t,i,n,l){"use strict";function o(e,s,t){return{x1:s?e.x+e.width:e.x,x2:s?e.x+e.width:e.x,y1:e.y,y2:e.y+e.height,stroke:t?.lineColor,strokeWidth:t?.lineWidth}}const r={yMajorTick:{isRendered:!0},yMinorTick:{isRendered:!1},xMajorTick:{isRendered:!1},xMinorTick:{isRendered:!1}};e.Gridlines=function({plotArea:e=r,yMinorTicks:i,xMinorTicks:o,xScale:d,yScale:a,isLog:c,yTicks:y,xTicks:h,yAxisPosition:k,isDataXAxis:x}){const S="top"===k||"bottom"===k,[$,L]=d.range(),[m,M]=a.range();let T="",g="",f="",u="";const{yMajorTick:j,yMinorTick:p,xMajorTick:v,xMinorTick:R}=e,A={...r.yMajorTick,...j},W={...r.yMinorTick,...p},P={...r.xMinorTick,...R},C={...r.xMajorTick,...v},b=!0===W?.isRendered||c,w=!0===C?.isRendered||!1===v?.isRendered&&x;if(A?.isRendered)for(let e=1;e<y.length;e++){let s=a.transform(y[e]);e===y.length-1&&(s+=S?-1:1),T+=S?`M${s},${$}L${s},${L}`:`M${$},${s}L${L},${s}`}if(w&&h)for(let e=1;e<h.length;e++){const s=d.transform(h[e]);g+=S?`M${m},${s}L${M},${s}`:`M${s},${m}L${s},${M}`}if(b)for(let e=0;e<i.length;e++){const s=a.transform(i[e]);f+=S?`M${s},${$}L${s},${L}`:`M${$},${s}L${L},${s}`}if(P.isRendered&&o)for(let e=0;e<o.length;e++){const s=d.transform(o[e]);u+=S?`M${m},${s}L${M},${s}`:`M${s},${m}L${s},${M}`}const E=l.useColorScheme();return s.jsxs(s.Fragment,{children:[A?.isRendered&&s.jsx("path",{d:T,class:n.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===A?.lineStyle?t.styles.dashedLine:void 0,"dotted"===A?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:A.lineColor,strokeWidth:A.lineWidth}}),w&&s.jsx("path",{d:g,class:n.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===C?.lineStyle?t.styles.dashedLine:void 0,"dotted"===C?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:C.lineColor,strokeWidth:C.lineWidth}}),b&&s.jsx("path",{d:f,class:n.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===E?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===W?.lineStyle?t.styles.dashedLine:void 0,"dotted"===W?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:W?.lineColor,strokeWidth:W?.lineWidth}}),P.isRendered&&s.jsx("path",{d:u,class:n.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===E?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===P?.lineStyle?t.styles.dashedLine:void 0,"dotted"===P?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:P?.lineColor,strokeWidth:P?.lineWidth}})]})},e.PlotArea=function({color:e,yScale:l,isLog:r,availSpace:d,xAxisPosition:a,cursor:c,isDataXAxis:y,isRtl:h,hasAxisLine:k,dragOverStyle:x}){const S=!r&&l.domain()[0]<0&&l.domain()[1]>0,$=function(e,s,t){return{x1:"right"===s?e.x+e.width:e.x,x2:"left"===s?e.x:e.x+e.width,y1:"bottom"===s?e.y+e.height:e.y,y2:"top"===s?e.y:e.y+e.height,stroke:t?.lineColor,strokeWidth:t?.lineWidth}}(d,a),L=function(e,s,t){let i,n,l,o;return"bottom"===t?(i=e.x,n=e.x+e.width,l=s,o=s):(i=s,n=s,l=e.y,o=e.y+e.height),{x1:i,x2:n,y1:l,y2:o}}(d,l.transform(0),a),m=[];switch(x){case"accept":m.push(i.styles.dndDragOverSvgStyle);break;case"reject":m.push(i.styles.dndRejectedStyle),m.push(t.styles.plotAreaStyle);break;case"none":m.push(t.styles.plotAreaStyle)}return s.jsxs(s.Fragment,{children:[s.jsx("rect",{...d,class:n.classNames(m),style:{fill:"accept"===x?void 0:e,cursor:c}}),y&&s.jsx("line",{...o(d,h),class:t.styles.axisLineStyle}),k&&s.jsx("line",{...$,class:t.styles.axisLineStyle}),S&&s.jsx("line",{...L,class:t.styles.baseLineStyle})]})}}));
-//# sourceMappingURL=Gridlines-bef7bbfc.js.map

package/amd/Gridlines-bef7bbfc.js.map

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

package/amd/HighlightText-644bc74e.js

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

package/amd/HighlightText-644bc74e.js.map

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

package/amd/IconUserAssistance-37107cea.js

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

package/amd/IconUserAssistance-37107cea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconUserAssistance-37107cea.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';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const 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, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"link\"\n        aria-describedby={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        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","helpStringId","anchorRef","useRef","handleOutsideClick","useCallback","event","target","Element","Document","current","contains","handleLinkEvent","e","key","tagName","toLowerCase","setTimeout","focus","handleOnKeyDown","includes","code","preventDefault","onClickHandler","baseTheme","popupBaseTheme","useComponentTheme","PopupRedwoodTheme","iconUserAssistanceClasses","classNames","iconUserAssistancePopupFocus","_jsxs","jsxs","_Fragment","children","_jsx","onKeyDown","onClick","role","ref","tabIndex","class","iconUserAssistanceIcon","HelpIcon","SvgHelp","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"8aA6C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,SAEA,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAad,IAAmBC,GAAkBW,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAe,GAAGd,gBAClBe,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BlB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLqB,EAAkBP,eACrBQ,IAEC,MAAMC,IAAEA,GAAQD,EAChB,GAAIC,GAAe,UAARA,EACT,OAIF,MAAMC,QAAEA,GAAYF,EAAEN,OAES,MAA3BQ,GAASC,gBACXzB,IAIA0B,YAAW,IAAMf,EAAUQ,SAASQ,UACrC,GAEH,CAAC3B,IAGG4B,EAAkBd,eACrBQ,IAEK,CAAC,MAAO,UAAUO,SAASP,EAAEQ,OAAShC,GACxCE,IAIE,CAAC,QAAS,SAAS6B,SAASP,EAAEQ,QAChCR,EAAES,iBACF9B,IACD,GAEH,CAACH,EAAQE,EAAgBC,IAGrB+B,EAAiBlB,eACpBQ,IACCA,EAAES,iBACF9B,GAAQ,GAEV,CAACA,KAIKgC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,+BAE9D,OAAO9C,GAAkBD,EACvBgD,EACEC,KAAAC,WAAA,CAAAC,SAAA,CAAAC,MAAA,OAAA,CACEC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,OACa,mBAAArC,EACJ,gBAAA,SACdsC,IAAKrC,EACLsC,SAAUtD,EAAa,GAAK,EAC5BuD,MAAOC,EAAsBA,uBAC7BvD,GAAI,GAAGA,cAAc+C,SACrBC,EAAAA,IAACQ,EAAQC,cAEXT,EAAAA,IAACU,EAAgBA,kBAAC1D,GAAIc,EAAc6C,UAAU,EAC3CZ,SAAAnC,IAEHoC,EAAAA,IAACY,EAAKA,MAAA,CACJC,UAAU,MACV3D,OAAQA,EACRa,UAAWA,EACX+C,QAAS1D,EACT2D,eAAgB9C,EAChB+C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAU,QACVpB,SAAAC,MAAA,MAAA,CACEhD,GAAIA,EACJqD,SAAU,EACVC,MAAOb,EACP2B,UAAW3C,EACXwB,UAAWxB,EAAesB,SAC1BC,EAAAA,IAACqB,EAAUA,YACTzE,cAAeA,EACf0E,WAAYzE,EACZc,WAAYA,WAKlB,IAAI"}

package/amd/Indexer-1531dbc3.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-3421f0df', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-a993db56', './useCollectionFocusRing-66a6fc12', './collectionUtils-17f5cc64', './useId-c9578d26', './useTranslationBundle-d07d4b20', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-b5cd4766'], (function(e,t,s,n,r,o,a,c,l,i,u,d,f,y,x,k,b,h,j){"use strict";const m=Object.freeze({key:"__others__",label:"#"}),v="[data-oj-key]",T=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:o}=e,a=r.data.key===o,c=R(e,s),{classes:l}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:a?"isSelected":"notSelected"}),i=x.classNames([l]),u=r.data.label||r.data.key,f=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"data-oj-valuetext":f,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const g=k.forwardRef((({lastValueNow:e,...n},r)=>{const o={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(T,{...o}),t.jsx(p,{...o,ref:r,context:{index:-1,data:m},valueNow:e})]})})),p=k.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,o=R(e,s),a=n.data.key===r,{classes:c}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:o.ref&&o.isFocusRingVisible?"isFocused":"notFocused",selected:a?"isSelected":"notSelected"}),l=x.classNames([c]),i=m.label;return t.jsx("li",{...o,class:l,"data-oj-valuetext":i,children:n.data.label})})),w=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:o,sections:a}=e,c=R(e,s),{from:l,to:i}=F(e),{classes:u,styles:{dotStyle:f}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(o.index,l,i))return null;const y=a[l].label||a[l].key,k=a[i].label||a[i].key,j=x.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${y}`,TO_SECTION:`${k}`});return t.jsx("li",{...c,class:j,"data-oj-valuetext":m,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:f})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function I(e,t,s){return e===Math.floor((t+s)/2)}const S=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const C=(e,t,s)=>e===t.current?void 0===s?null:s:i.keyExtractor(e,v),N=(e,t,s)=>{if(e.value===m.key)t({value:m.key});else{t({value:s.find((t=>t.key===e.value)).key})}},E=(e,t,s,n,r,o,a)=>{if(0===e||0===t)return;const c=e/t,l=s-1;if(c<2)r!==l&&(o(l),a(n));else if(c>s||s-c<.01)r>1&&(o(1),a(n));else{const e=_(c,l);e!==r&&e<s&&(o(e),a(n))}},_=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let o=t-(r-1)*s,a=s;for(;a>o;)a-=1,o=t-(r-1)*a;return a!=s&&(a+=1),a};function K(e){return i.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=S,value:x,onCommit:k=(()=>{}),testId:m}){const R=n.useRef(null),p=n.useRef(null),_=s.createRef(),[V,O]=n.useState(e[0]?.key),[A,P]=n.useState(-1),D=n.useRef(-1),H=n.useRef(0),M=u.useId(),[B,U]=l.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:$}=c.useCurrentKey((e=>i.keyExtractor(e,v)),!0,i.getPrevNextKey(R.current,V,!0,v),i.getPrevNextKey(R.current,V,!1,v),void 0,void 0,V,(e=>O(e.value))),{selectionProps:L}=a.useSingleSelection((e=>C(e,p,V)),void 0,(t=>N(t,k,e))),z=n.useCallback((t=>{for(const s of t)E(s.contentRect.height,H.current,e.length,e[0]?.key,A,P,O)}),[e,A]);n.useEffect((()=>{p.current&&(p.current.setAttribute("aria-valuemax",D.current+1+""),p.current.setAttribute("aria-valuetext",_.current?.dataset?.ojValuetext||""),p.current.setAttribute("aria-valuenow",_.current?.dataset?.ojValuenow||"")),D.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,E(t.offsetHeight,H.current,e.length,e[0]?.key,A,P,O))}),[e,A]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{z(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[A,z]);const q=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:G,innerStyle:J}}=b.useComponentTheme(h.IndexerRedwoodTheme),Q=j.useTestId(m);return t.jsxs("div",{ref:R,class:G,...Q,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...o.mergeProps($,U,L),ref:p,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":M,role:"slider",class:J,children:t.jsx(y.Collection,{items:e,children:s=>{const n=e.length-1;D.current+=1;const r={context:s,ref:_,currentKey:V,selectedKey:x,valueNow:D.current,isFocusRingVisible:!!B};if(s.index===n)return t.jsx(g,{...r,lastValueNow:D.current+1});if(A<=1||s.index%A==0)return t.jsx(T,{...r});const o={...r,sectionsPerTruncation:A,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return I(e.context.index,t,s)}(o)?t.jsx(w,{...o}):(D.current-=1,null)}})})}),t.jsx(f.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
-//# sourceMappingURL=Indexer-1531dbc3.js.map

package/amd/Indexer-1531dbc3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indexer-1531dbc3.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles, IndexerItemVariantOptions } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const { classes } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(\n      IndexerRedwoodTheme,\n      {\n        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',\n        selected: isSelected ? 'isSelected' : 'notSelected'\n      }\n    );\n    const itemClasses = classNames([classes]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const { classes } = useComponentTheme<IndexerItemVariantOptions>(IndexerRedwoodTheme, {\n    focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n    selected: isSelected ? 'isSelected' : 'notSelected'\n  });\n  const othersClasses = classNames([classes]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n\n    const separatorClasses = classNames([classes]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} class={separatorClasses} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={dotStyle}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, createRef, type RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback, Dispatch } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey, isMobile } from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {},\n  testId\n}: Props<K> & TestIdProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    true,\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    styles: { baseStyle, innerStyle }\n  } = useComponentTheme<never, IndexerStyles>(IndexerRedwoodTheme);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin={0}\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={innerStyle}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<StateUpdater<K | undefined>>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  if (isMobile()) {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","ITEM_SELECTOR","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","isSelected","data","commonProps","getCommonProps","classes","useComponentTheme","IndexerRedwoodTheme","focused","isFocusRingVisible","disabled","isDisabled","selected","itemClasses","classNames","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","jsx","class","children","currentKey","valueNow","LastSectionItem","lastValueNow","sectionProps","_jsxs","jsxs","Fragment","OthersItem","index","othersClasses","othersValueText","SeparatorItem","sections","from","to","getSeparatorRange","styles","dotStyle","isInSeparatorMiddle","fromText","toText","separatorClasses","separatorValueText","indexer_separatorLabel","FROM_SECTION","TO_SECTION","Flex","align","justify","sectionsPerTruncation","last","Math","floor","defaultSections","handleKeyExtract","element","rootRef","current","undefined","keyExtractor","handleSelection","detail","onCommit","value","find","section","updateSectionsPerTruncation","height","itemHeight","sectionsLength","firstSectionKey","setSectionsPerTruncation","setCurrent","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","truncationCount","tempLeftover","getIndexerDescription","isMobile","indexer_touchInstructionText","indexer_keyboardInstructionText","testId","useRef","ulRef","currElementRef","createRef","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","getPrevNextKey","selectionProps","useSingleSelection","handleResize","useCallback","entries","entry","contentRect","length","useEffect","setAttribute","dataset","root","querySelector","offsetHeight","resizeObserver","ResizeObserver","observe","unobserve","baseStyle","innerStyle","testIdProps","useTestId","width","mergeProps","tabIndex","role","Collection","items","separatorProps","hasSeparator","HiddenAccessible","id"],"mappings":"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"}

package/amd/InputDatePicker-5282d0cf.js

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

package/amd/InputDatePicker-5282d0cf.js.map

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

package/amd/Layer-6f29b67f.js

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

package/amd/Layer-6f29b67f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layer-6f29b67f.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const context = useContext(LayerContext);\n\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = logicalParentRef.current;\n    }\n    // layer.style.position = 'relative';\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = () => {\n    return layerContainer;\n  };\n\n  let newLayerContext = {};\n\n  if (context.getLayerHost) {\n    newLayerContext = {\n      getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n      getLayerHost: getLayerHost.bind(null)\n    };\n  }\n\n  return (\n    <LayerContext.Provider value={newLayerContext}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","isModal","priority","level","context","useContext","LayerContext","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","tooltipPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","appendChild","contains","removeChild","onLayerUnmount","className","newLayerContext","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAOa,MAAAA,EAAiBC,OAAOC,IAAI,gDAiC3B,EACZC,WACAC,mBACAC,WAAU,EACVC,WAAW,QACXC,QAAQ,sBAER,MAAMC,EAAUC,aAAWC,EAAAA,eAEpBC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAqBC,IACzBH,EAAkBI,QAAUD,EAC5BL,EAAmBK,EAAK,EAKpBE,EAAeC,yBAAuBhB,GAE5C,IAAIiB,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,IAAK,UACHJ,EAAgBC,EAAMA,OAACI,qBACvB,MAEF,QACEL,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMI,EAAUC,EAAAA,WAAW,CAACT,EAAcU,EAASA,UAAER,IAIrDS,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVxB,EACIC,EAAQwB,mBAAmB1B,GAC3BE,EAAQyB,eAAe3B,GAE7B,IAAKyB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAW9C,OATAH,EAAMI,aAAa,gBAAiBjC,EAAU,QAAU,YAEpDD,IACF8B,EAAMlC,GAAkBI,EAAiBc,SAG3Ca,EAAKQ,YAAYL,GACjBlB,EAAkBkB,GAEX,KACDH,GAAQG,GAASH,EAAKS,SAASN,YAC1BA,EAAMlC,GACb+B,EAAKU,YAAYP,IAEf1B,EAAQkC,gBACVlC,EAAQkC,eAAeR,GAEzBlB,EAAkB,KAAK,CACxB,GACA,CAACZ,EAAkBI,EAASD,EAAOD,EAAUD,IAG5CM,IAEFA,EAAegC,UAAYhB,GAG7B,MAAMM,EAAe,IACZtB,EAGT,IAAIiC,EAAkB,CAAA,EAStB,OAPIpC,EAAQyB,eACVW,EAAkB,CAChBZ,iBAAkBxB,EAAQwB,kBAAkBa,KAAK,KAAMvC,GACvD2B,aAAcA,EAAaY,KAAK,QAKlCC,MAACpC,EAAYA,aAACqC,SAAS,CAAAC,MAAOJ,EAAezC,SAC1CQ,GAAkBsC,EAAAA,aAAa9C,EAAUQ,IAE5C"}

package/amd/LayerHost-639b3284.js

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

package/amd/LayerHost-639b3284.js.map

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

package/amd/LayerManager-2972de92.js

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

package/amd/LayerManager-2972de92.js.map

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

package/amd/LineAreaChart-e7efe4e9.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './chartUtils-ed1b8cf4', './useChartDnd-947ed9e4', './LineSeries-797d8d16', './dataStyleUtils-7ba616b8', './useUser-3ef25571', './colorUtils-a785c4c4', './accUtils-530bdb90', './Common/themes/themeContract.css', './Chart-25d4c94f'], (function(e,t,i,n,s,r,o,a,l,d,g,c){"use strict";function h(e){return t.jsx(u,{datatip:()=>({content:""}),zoomAndScroll:"off",overview:"off",plotArea:{yMajorTick:{isRendered:!1}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},type:e.type})}const I=.2,x=.2;function u({width:e,height:d,selectedIds:u=[],hiddenIds:m=[],highlightedIds:f,hideAndShowBehavior:p="none",orientation:v="vertical",yAxis:S,series:y,groups:C,isStacked:A=!1,getDataItem:b,selectionMode:D="none",drilling:L="off",type:T="line",overview:k="off",dataLabelEffect:M="outline",...j}){const{direction:w,forcedColors:E}=a.useUser(),U="active"===E,F=void 0!==j.testId,R="rtl"===w,z="log"===S?.scale,W=j.xAxis?.timeAxisType,H=new Set(m),P=new Set(u),N=new Set(f),q="horizontal"===v,B=l.getColorRamp(),V=A?s.getCumulativeSeries(y.length,C.length,b,H,z):s.getSeriesData(y?.length,C?.length,b,H,z),G=(e,t)=>A?{...b(e,t),value:V[e][t]}:b(e,t),O=s.getMarkers(),J="lineWithArea"===T?x:1,K="area"===T||"lineWithArea"===T,Q="area"===T,X=[];return t.jsx(c.Chart,{width:e,height:d,selectedIds:P,hiddenIds:m,hideAndShowBehavior:p,orientation:v,yAxis:S,series:y,groups:C,selectionMode:D,drilling:L,isStacked:A,getDataItem:b,findNearest:(e,t)=>i.findNearestDataPoint(y,C,e,t,G,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),z,0,H,W),getDataItemPos:(e,t)=>(i,s)=>n.getLineAreaChartItemPosition(i,s,V,b,C,q,e,t,W),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,y,b),type:o.getMarkerType(e,t,b)}),renderGridLinesInFront:K,getNavUtil:(e,t)=>o.getLineAreaChartNavUtil(b,y.length,e,t,A,R,q),getGapRatio:()=>1,offset:I,isRtl:R,overview:k,defaultOverviewContentRenderer:()=>t.jsx(h,{series:y,groups:C,getDataItem:b,type:T}),...j,children:({xStartIndex:e,xEndIndex:i,xScale:o,yScale:a,activeId:l,focusedItemInfo:d,hoveredItemInfo:c,isPointInsideMarquee:h,defaultFontSize:I,getTextDimensions:x})=>t.jsxs(t.Fragment,{children:[V.map(((u,m)=>{if(0===u.length)return;const p=y[m],S=s.getLineAreaSegments(a,o,u,e,i,q,z,C,m,G,W);X[m]=S[0];const T="curved"===p.lineType&&A&&V.length>1&&m>0,k=void 0===f||0===f.length||N.has(p.id),w=A&&0!=m?X.reduce(((e,t,i)=>i>=m?e:t.length>0?i:e),0):void 0;return t.jsxs(t.Fragment,{children:[K&&t.jsx(n.AreaSeries,{yScale:a,lineType:p.lineType,color:p.areaColor||B[m%B.length],isHorizontal:q,areaColorOpacity:J,isBottomSegmentCurved:T,bottomCoords:void 0!==w&&X[w].some((e=>null!=e))?X[w]:void 0,lineSegments:S,isLog:z,isHighlighted:k,seriesIndex:m}),t.jsx(r.LineSeries,{lineType:p.lineType,lineColor:Q?g.colorSchemeVars.dvt.contrastLine:p.lineColor,lineWidth:Q?A?2.5:1.25:p.lineWidth,lineStyle:p.lineStyle,color:p.lineColor||B[m%B.length],lineSegmentCoords:S,isHorizontal:q,isHighlighted:k,seriesIndex:m}),!A&&t.jsx(r.MarkersWithLabel,{yScale:a,xScale:o,groups:C,series:p,timeAxisType:W,color:p.lineColor||p.areaColor||B[m%B.length],seriesIndex:m,startIndex:e,endIndex:i,markerType:O[m%O.length],orientation:v,isLog:z,activeId:l,getDataItem:b,isPointInsideMarquee:h,selectedIds:P,highlightedIds:void 0!==f?N:void 0,focusedItemIndex:d.seriesIndex!==m||!d.isFocusVisible||j.isDataCursorEnabled&&j.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:c?.isCurrent&&c.seriesIndex===m?c.groupIndex:void 0,isSelectionEnabled:"single"===D||"multiple"===D,isDrillEnabled:"on"===L,defaultFontSize:I,dataLabelEffect:M,isHighContrast:U,isTestEnv:F,getTextDimensions:x})]})})),A&&V.map(((n,s)=>{if(0===n.length)return;const g=y[s];return t.jsx(r.MarkersWithLabel,{yScale:a,series:y[s],xScale:o,groups:C,timeAxisType:W,color:g.lineColor||g.areaColor||B[s%B.length],seriesIndex:s,isPointInsideMarquee:h,startIndex:e,endIndex:i,markerType:O[s%O.length],orientation:v,isLog:z,activeId:l,getDataItem:G,selectedIds:P,focusedItemIndex:d.seriesIndex===s&&d.isFocusVisible?d.groupIndex:void 0,hoveredItemIndex:c?.isCurrent&&c.seriesIndex===s?c.groupIndex:void 0,isSelectionEnabled:"single"===D||"multiple"===D,isDrillEnabled:"on"===L,defaultFontSize:I,dataLabelEffect:M,isHighContrast:U,isTestEnv:F,getTextDimensions:x})}))]})})}e.LineAreaChart=u}));
-//# sourceMappingURL=LineAreaChart-e7efe4e9.js.map