@oracle/oraclejet-preact 14.0.0

package/amd/Floating-a320db48.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Floating-a320db48.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef } from 'preact/compat';\nimport { RefObject } from 'preact';\nimport { PositionData, Coords } from '../hooks/UNSAFE_useFloating';\n\nconst FloatingTail = forwardRef<HTMLDivElement>(({}, arrowRef) => {\n  return (\n    <div ref={arrowRef}> {/*Outer arrow - shadow*/}\n      <div></div> {/*Inner arrow - body*/}\n    </div>\n  );\n});\n\nfunction renderTail(\n  data: PositionData,\n  anchorRef: RefObject<Element | Coords>,\n  arrowRef: RefObject<Element>,\n  tail: 'none' | 'simple',\n  isRtl: boolean\n) {\n  if (tail === 'simple' && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowEl = arrowRef.current as Element;\n    const arrowSize = 7;\n    const arrowSizeCorner = 6;\n    const arrowInnerEl = arrowRef.current?.querySelector('div') as Element;\n    const arrowInnerSize = 5;\n    const arrowInnerSizeCorner = 5;\n    const arrowCommonStyle = {\n      position: 'absolute',\n      width: '0px',\n      height: '0px'\n    };\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n\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(data.origPlacement);\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(data.origPlacement);\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set styles of the arrow\n    setElementStyle(arrowCommonStyle, arrowEl);\n    setElementStyle(arrowCommonStyle, arrowInnerEl);\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        borderTop: `${getSize(arrowFinalSize)} solid rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-90), 0.1)`,\n        borderRight: getTransparentBorder(arrowFinalSize),\n        borderLeft: getTransparentBorder(arrowFinalSize)\n      });\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle({\n        borderTop: `${getSize(arrowInnerFinalSize)} solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)`,\n        borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n        borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`,\n      })\n    }\n\n    function setElementStyle(style: object, element: Element) {\n      //@ts-ignore - regarding types arrowEl.style is not under our control\n      Object.assign(element?.style, style);\n    }\n\n    function setArrowStyle(style: object) {\n      setElementStyle(style, arrowEl);\n    }\n\n    function setArrowInnerStyle(style: object) {\n      setElementStyle(style, arrowInnerEl);\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': setArrowTop(); break;\n      case 'end': isRtl ? setArrowStart() : setArrowEnd();break;\n      case 'bottom': setArrowBottom(); break;\n      case 'start': isRtl ? setArrowEnd() : setArrowStart(); break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle({\n            top: '', // flip 'reset'\n            bottom: getSize(-arrowSize + 2),\n            left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n            transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n          });\n          setCornerArrowInner();\n        } else {\n          setArrowStyle({\n            top: '', // flip 'reset'\n            bottom: getSize(-arrowSize),\n            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n            transform: getTurn(0)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle({\n            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n            right: '', // flip 'reset'\n            left: getSize(-arrowSize -1),\n            transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n          });\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle({\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          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle({\n            top: getSize(-arrowSize + 3),\n            bottom: '', // flip 'reset'\n            left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n            transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n          });\n          setArrowInnerStyle({\n            top: getSize(-arrowInnerSize),\n            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n          });\n        } else {\n          setArrowStyle({\n            top: getSize(-arrowSize),\n            bottom: '', // flip 'reset'\n            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n            transform: getTurn(4)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle({\n            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n            right: getSize(-arrowSize - 1),\n            left: '', // flip 'reset'\n            transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n          });\n          setArrowInnerStyle({\n            top: getSize(-arrowInnerSize),\n            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n          });\n        } else {\n          // Start\n          setArrowStyle({\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          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle({\n        top: getSize(-arrowInnerSize),\n        left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n      });\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle({\n        top: getSize(-arrowInnerSize - 2),\n        left: getSize(-arrowInnerSize)\n      });\n    }\n  }\n}\n\nexport { FloatingTail, renderTail };\n","import { RefObject } from 'preact';\nimport { useLayoutEffect, 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  offset,\n  limitShift,\n  PositionData\n} from '../hooks/UNSAFE_useFloating';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { Offset, Placement, Coords, VirtualElement, Rect } from '../hooks/UNSAFE_useFloating';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail, renderTail } from './FloatingTail';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'class'>;\n\ntype FlipOptions = {\n  mainAxis?: boolean; // This is the main axis in which overflow is checked to perform a flip. Default true.\n  crossAxis?: boolean; // This is the cross axis in which overflow is checked to perform a flip, the opposite axis of mainAxis. Default false.\n};\n\ntype ShiftOptions = {\n  mainAxis?: boolean; // This is the main axis in which shifting is applied. Default true.\n  crossAxis?: boolean; // This is the cross axis in which shifting is applied, the opposite axis of mainAxis. Default false\n};\n\ntype Props = IntrinsicProps & {\n  /**\n   * Placement of the floating element relative to the trigger.\n   * Possible values are:\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, object or a function.\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   * You may also pass a function which returns the previously listed values — this enables you to read the dimensions of the reference or floating elements and the current placement.\n   * <pre>\n   * (args: {\n   *   floating: Rect;\n   *   reference: Rect;\n   *   placement: Placement;\n   * }) => OffsetValue\n   * </pre>\n   */\n  offsetValue?: Offset;\n\n  /**\n   * Click outside callback.\n   */\n  onClickOutside?: (event: MouseEvent) => void;\n\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   * When true, the floating element will be flipped to prevent overflow.\n   * Default values are 'true' for mainAxis and 'false' for crossAxis.\n   */\n  flipOptions?: FlipOptions;\n\n  /**\n   * Specifies the shift behavior along the respective axis.\n   * When true, the floating element will shift to prevent overflow.\n   * Default values are 'true' for mainAxis and 'false' for crossAxis.\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\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n/**\n * A floating component allows the user to create a floating element that is displayed on the the \"top layer\" of all other elements.\n *  The Floating component is an advanced component and is used underneath Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\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      onPosition\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\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    }, []);\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        renderTail(data, anchorRef, arrowRef, tail, isRtl);\n        onPosition?.(data);\n      },\n      [placement, anchorRef, arrowRef, tail, onPosition]\n    );\n\n    const { x, y, reference, floating, refs } = useFloating({\n      placement: placement,\n      middleware: [\n        offset(offsetValue),\n        flip({\n          mainAxis: flipOptions.mainAxis,\n          crossAxis: flipOptions.crossAxis\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      whileElementsMounted: autoUpdate,\n      onPosition: _onPosition\n    });\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\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      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 content = (\n      <div\n        class={className}\n        ref={stableRef}\n        style={{\n          display: 'block',\n          visibility: x == null && y == null ? 'hidden' : 'visible',\n          position: 'absolute',\n          top: y ?? '',\n          left: x ?? ''\n        }}>\n        {children}\n        <FloatingTail ref={arrowRef} />\n      </div>\n    );\n    return content;\n  }\n);\n\nexport { Offset, Placement, Coords, Rect, FlipOptions, ShiftOptions, PositionData };\n"],"names":["FloatingTail","forwardRef","arrowRef","_jsxs","ref","children","_jsx","Floating","onClickOutside","placement","anchorRef","offsetValue","class","className","tail","flipOptions","mainAxis","crossAxis","shiftOptions","onPosition","useRef","previousAnchor","setPreviousAnchor","useState","useLayoutEffect","current","direction","useUser","isRtl","_onPosition","useCallback","data","arrow","x","y","centerOffset","arrowEl","arrowSize","arrowSizeCorner","arrowInnerEl","_a","querySelector","arrowInnerSize","arrowInnerSizeCorner","arrowCommonStyle","position","width","height","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","Math","round","getBoundingClientRect","_b","isCornerVerticalPlacement","abs","includes","origPlacement","isCornerHorizontalPlacement","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","setElementStyle","style","element","Object","assign","getTurn","eighth","size","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","renderTail","reference","floating","refs","useFloating","middleware","offset","flip","shift","limiter","limitShift","whileElementsMounted","autoUpdate","N","useOutsideClick","isDisabled","handler","Element","coords","virtualEl","stableRef","useMemo","mergeRefs","display","visibility"],"mappings":"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"}

package/amd/FocusTrap-444cf340.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact","preact/compat","./utils/UNSAFE_classNames",'module',"./utils/PRIVATE_tabbableUtils","./classNames-3c307969"],(function(e,t,n,r,s,c,u,o){"use strict";const l="_97r93l",a=r.forwardRef((({onFocus:e},n)=>t.jsx("div",{class:l,onFocus:e,ref:n,tabIndex:0}))),i=e=>{e&&u.isTabbableElement(e)&&setTimeout((()=>{u.focusOn(e)}),0)},f=(e,t)=>{if(0===e.length)return!1;const n=null!=t?t:u.getActiveElement(e[0]);return e.some((e=>e===n||(null==e?void 0:e.contains(n))))},d="_12j7v94";e.FocusTrap=({autoFocusRef:e,children:s,isDisabled:c=!1,restoreFocusRef:l})=>{const p=r.useRef(null),m=r.useRef(null),b=r.useRef(null),F=r.useRef(null),v=o.classNames([d]),g=r.useCallback((e=>{const t=p.current;!c&&t&&e&&(e&&f([t,m.current,b.current],e)?F.current=e:F.current?u.focusOn(F.current):u.focusWithin(t))}),[c]);return r.useEffect((()=>{const t=p.current;if(!t||c)return;const n=u.getActiveElement(t);e&&e.current?u.focusOn(e.current):g(n);const r=l;return()=>{!1!==r&&i((null==r?void 0:r.current)||n)}}),[e,g,c,l]),t.jsxs(n.Fragment,{children:[!c&&t.jsx(a,{onFocus:e=>{!c&&p.current&&(u.focusOnEnd(p.current),e.stopPropagation(),e.preventDefault())},ref:m}),t.jsx("div",Object.assign({onFocus:e=>{F.current=e.target},ref:p,class:v},{children:s})),!c&&t.jsx(a,{onFocus:e=>{!c&&p.current&&(u.focusOnStart(p.current),e.stopPropagation(),e.preventDefault())},ref:b})]})}}));
+//# sourceMappingURL=FocusTrap-444cf340.js.map

package/amd/FocusTrap-444cf340.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap-444cf340.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.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 { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\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, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n"],"names":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","ref","tabIndex","restoreFocusAfterUnmount","element","isTabbableElement","hasFocus","elements","target","length","activeElement","getActiveElement","childrenStyles","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","trap","current","focusOn","originalActiveElement","restoreFocusRefForCleanup","event","focusOnEnd","focusOnStart"],"mappings":"uMAeA,MAAAA,YAaAC,EAAAC,EAAAA,YAAA,EAAAC,QAAAA,GAAAC,IACEC,EAAAA,IAAA,MAAA,CAAAC,MAAAN,EAAAG,QAAAA,EAAAI,IAAAH,EAAAI,SAAA,MC6HFC,EAAAC,IACEA,GAAAC,oBAAAD,wCAQFE,EAAA,CAAAC,EAAAC,KACE,GAAA,IAAAD,EAAAE,OAA2B,OAAA,EAC3B,MAAAC,EAAAF,MAAAA,EAAAA,EAAAG,EAAAA,iBAAAJ,EAAA,+DAKFK,EAAA,uBAtHA,EAAAC,aAAAA,EAAAC,SAAAA,EAAAC,WAAAA,GAAA,EAAAC,gBAAAA,MAME,MAAAC,EAAAC,SAAA,MACAC,EAAAD,SAAA,MACAE,EAAAF,SAAA,MACAG,EAAAH,SAAA,0BAaAI,EAAAC,EAAAA,aAAAf,IAEI,MAAAgB,EAAAP,EAAAQ,SAEAV,GAAAS,GAAAhB,IAGAA,GAAAF,EAAA,CAAAkB,EAAAL,EAAAM,QAAAL,EAAAK,SAAAjB,GACEa,EAAAI,QAAAjB,YAMAkB,UAAAL,EAAAI,6BAKJ,CAAAV,6BA6BA,MAAAS,EAAAP,EAAAQ,wBAGA,MAAAE,EAAAhB,mBAAAa,GAGAX,GAAAA,EAAAY,QACEC,UAAAb,EAAAY,wBAOF,MAAA,aAEEtB,GAAAyB,MAAAA,OAAA,EAAAA,EAAAH,UAAAE,mEAxCJE,KACEd,GAAAE,EAAAQ,UACAK,aAAAb,EAAAQ,6FAgBFI,IACER,EAAAI,QAAAI,EAAArB,2DAVFqB,KACEd,GAAAE,EAAAQ,UACAM,eAAAd,EAAAQ"}

package/amd/FormControlUtils-d6f8680e.js

@@ -0,0 +1,2 @@
+define(["exports","./utils/UNSAFE_classNames",'module',"./hooks/UNSAFE_useTranslationBundle","./classNames-3c307969"],(function(s,a,e,o,l){"use strict";const n="_5a00qs",t="_34ehp3";s.getFormControlClasses=s=>l.classNames([n,s&&t]),s.getLoadingAriaLabel=()=>o.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading()}));
+//# sourceMappingURL=FormControlUtils-d6f8680e.js.map

package/amd/FormControlUtils-d6f8680e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlUtils-d6f8680e.js","sources":["../../src/UNSAFE_TextField/FormControlUtils.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = {\n  base: cssProps`${{\n    verticalAlign: 'top'\n  }}`,\n\n  labelInside: cssProps`${{\n    maxWidth: '100%'\n  }}`\n};\n\nexport const getFormControlClasses = (hasInsideLabel?: boolean) => {\n  return classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);\n};\n\nexport const getLoadingAriaLabel = () => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return translations.formControl_loading();\n};\n"],"names":["rootStyles","hasInsideLabel","classNames","useTranslationBundle","formControl_loading"],"mappings":"yJAKA,MAAAA,EAAA,UAAAA,oCAUAC,GACEC,EAAAA,WAAA,CAAAF,EAAAC,GAAAD,0BAGF,IACEG,uBAAA,4BACAC"}

package/amd/Heading-b2b87148.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","./keys-9d7cdf1f","./utils/UNSAFE_arrayUtils",'module',"./utils/UNSAFE_mergeInterpolations"],(function(s,e,i,n,l,r,t){"use strict";const a=l.stringLiteralArray(["h1","h2","h3","h4","h5","h6"]),c={h1:"2xl",h2:"xl",h3:"lg",h4:"md",h5:"sm",h6:"xs"},h={base:"_117ycz",size:{xs:"re9ses",sm:"_1y0jhib",md:"_1hfq5m3",lg:"bmh36b",xl:"l33gjf","2xl":"_1v8t9dj",inherit:"_1oovblc"},childrenMargins:"_1nk4wbk"},d=n.keys_1(h.size),o=[()=>({class:h.base}),({size:s="2xl"})=>({class:h.size[s]})],_=t.mergeInterpolations(o);s.Heading=function(s){var n,{children:l}=s,r=e.__rest(s,["children"]);const t=r.as;r.size=null!==(n=r.size)&&void 0!==n?n:c[t];const a=_(r),{class:d}=a,o=e.__rest(a,["class"]);return i.jsx(t,Object.assign({className:d,style:o,id:r.id},{children:i.jsx("span",Object.assign({className:h.childrenMargins},{children:l}))}))},s.headingElementTypes=a,s.sizeOptions=d}));
+//# sourceMappingURL=Heading-b2b87148.js.map

package/amd/Heading-b2b87148.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading-b2b87148.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport keys from 'ramda/src/keys';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the text \"style\". Sets font size and line height.   */\n\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nconst styles = {\n  base: cssProps`${{\n    margin: 0\n  }}`,\n  size: {\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: `var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size)`,\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height)'\n    }}`,\n    '2xl': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      fontWeight: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport const sizeOptions = keys(styles.size);\n\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = '2xl' }: Pick<HeadingProps, 'size'>) => ({\n    class: styles.size[size]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<Omit<HeadingProps, 'children'>>(interpolations);\n\nexport function Heading({ children, ...props }: HeadingProps) {\n  const Component = props.as;\n  //@ts-ignore\n  props.size = props.size ?? headingsizeMap[Component];\n  const { class: cls, ...style } = styleInterpolations(props);\n  return (\n    <Component className={cls} style={style} id={props.id}>\n      <span className={styles.childrenMargins}>{children}</span>\n    </Component>\n  );\n}\n"],"names":["headingElementTypes","stringLiteralArray","headingsizeMap","h1","h2","h3","h4","h5","h6","styles","size","sizeOptions","keys","interpolations","class","styleInterpolations","mergeInterpolations","_a","children","props","__rest","Component","as","_b","_c","cls","style","_jsx","Object","assign","className","id","jsx","childrenMargins"],"mappings":"wMAMAA,EAAAC,EAAAA,mBAAA,CAAA,KAAA,KAAA,KAAA,KAAA,KAAA,OA0BAC,EAAA,CACEC,GAAA,MACAC,GAAA,KACAC,GAAA,KACAC,GAAA,KACAC,GAAA,KACAC,GAAA,MAGFC,EAAA,MAAA,UAIEC,KAAA,IAAA,YAAA,cAAA,cAAA,YAAA,eAAA,2DAiDFC,EAAAC,EAAAA,OAAAH,EAAAC,MAEAG,EAAA,0CAGIC,MAAAL,EAAAC,KAAAA,MAIJK,EAAAC,EAAAA,oBAAAH,aAEA,SAAAI,UAAwBC,SAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,aACtB,MAAAI,EAAAF,EAAAG,GAEAH,EAAAT,KAAA,QAAAa,EAAAJ,EAAAT,YAAA,IAAAa,EAAAA,EAAArB,EAAAmB,GACA,MAAAG,EAAAT,EAAAI,IAAAL,MAAAW,GAAAD,EAAAE,EAAAN,EAAAA,OAAAI,EAAA,CAAA,UACA,OAAAG,MAAAN,EAAAO,OAAAC,OAAA,CAAAC,UAAAL,EAAAC,MAAAA,EAAAK,GAAAZ,EAAAY,IAAA,CAAAb,SAAAS,EAAAK,IAAA,OAAAJ,OAAAC,OAAA,CAAAC,UAAArB,EAAAwB,iBAAA,CAAAf,SAAAA"}

package/amd/HiddenAccessible-061a4f41.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module'],(function(e,n,i){"use strict";e.HiddenAccessible=function({children:e}){return n.jsx("span",Object.assign({class:"f8byrt"},{children:e}))}}));
+//# sourceMappingURL=HiddenAccessible-061a4f41.js.map

package/amd/HiddenAccessible-061a4f41.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenAccessible-061a4f41.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n"],"names":["children","_jsx","Object","assign","class"],"mappings":"mGA8BA,UAAAA,SAAAA,IACE,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAAC,MA5BF,UA4BE,CAAAJ,SAAAA"}

package/amd/HighlightText-a2b5f4e4.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact",'module'],(function(e,n,t,r){"use strict";const c="zjzq2j";const i="__@@__",s="__@@__$&__@@__";e.HighlightText=function({children:e="",matchText:r=""}){return function(e,r){if(r.length>0&&e.length>0){const a=r.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),l=e.replace(new RegExp(a,"gi"),s).split(i).map(((e,t)=>t%2==0?e:n.jsx("span",Object.assign({class:c},{children:e}))));return n.jsx(t.Fragment,{children:l})}return n.jsx(t.Fragment,{children:e})}(e,r)}}));
+//# sourceMappingURL=HighlightText-a2b5f4e4.js.map

package/amd/HighlightText-a2b5f4e4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-a2b5f4e4.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 { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\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\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\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    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\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":["highlightStyles","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","children","matchText","unhighlightedText","escapedMatchText","nodes","replace","RegExp","map","current","index","_jsx","Object","assign","class","Fragment","highlighter"],"mappings":"2FAWA,MAAAA,EAAA,SAsBA,MAAAC,EAAA,SACAC,EAAA,iCALA,UAAAC,SAAAA,EAAA,GAAAC,UAAAA,EAAA,KACE,OAMF,SAAAC,EAAAD,8BAEI,MAAAE,EAAAF,0CAMAG,EALAF,EAAAG,QAAA,IAAAC,OAAAH,EAAA,MAAAJ,YAKAQ,KAAA,CAAAC,EAAAC,IAAAA,EAAA,GAAA,EAAAD,EAAAE,EAAAA,IAAA,OAAAC,OAAAC,OAAA,CAAAC,MAAAhB,GAAA,CAAAG,SAAAQ,OAGA,OAAAE,EAAAA,IAAAI,EAAAA,SAAA,CAAAd,SAAAI,IAEF,OAAAM,EAAAA,IAAAI,EAAAA,SAAA,CAAAd,SAAAE,IAnBAa,CAAAf,EAAAC"}

package/amd/Icon-87f4ca0b.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","preact",'module',"./utils/UNSAFE_classNames","./hooks/UNSAFE_useTooltip","./classNames-3c307969"],(function(e,s,c,i,a,t,l,r){"use strict";const n=e=>{var{accessibleLabel:i}=e,a=s.__rest(e,["accessibleLabel"]);return i?c.jsx(x,Object.assign({accessibleLabel:i},a)):c.jsx(o,Object.assign({},a))},o=e=>c.jsx("svg",Object.assign({},e)),x=e=>{var{accessibleLabel:a,children:t}=e,r=s.__rest(e,["accessibleLabel","children"]);const{tooltipContent:n,tooltipProps:o}=l.useTooltip({text:a,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:0}});return c.jsxs(i.Fragment,{children:[c.jsx("svg",Object.assign({role:"img"},r,o,{"aria-label":a},{children:t})),n]})},b={"1em":"_1m2dd30","1x":"fmzr0t","2x":"cwpi79","3x":"k851yt","4x":"_1kzh2da","5x":"_1vtc5ef","6x":"pv82zi","7x":"_1pc0x3t","8x":"hvj9f","9x":"gdija1","10x":"kbyerx","11x":"wr45e2","12x":"_5hs0bb"},m={primary:"_5t83qk",secondary:"_1hljg4d",disabled:"_1ujmomf",danger:"_5fseqo",warning:"_1l5w0yg",success:"rcw9es",info:"_11ase8m",currentColor:"_1u80zc6"};e.Icon=({size:e="1em",color:s="currentColor",accessibleLabel:i="",viewBox:a="none",children:t})=>c.jsx(n,Object.assign({height:"1em",width:"1em",viewBox:a,accessibleLabel:i,class:r.classNames([m[s],b[e]])},{children:t}))}));
+//# sourceMappingURL=Icon-87f4ca0b.js.map

package/amd/Icon-87f4ca0b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-87f4ca0b.js","sources":["../../src/UNSAFE_Icon/Icon.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 { JSX, Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: keyof typeof sizeStyles;\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof colorStyles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={classNames([colorStyles[color], sizeStyles[size]])}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' | 'width' | 'viewBox' | 'class' | 'children'>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => {\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: accessibleLabel,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: 0\n    }\n  });\n\n  return (\n    <Fragment>\n      <svg role=\"img\" {...props} {...tooltipProps} aria-label={accessibleLabel}>\n        {children}\n      </svg>\n      {tooltipContent}\n    </Fragment>\n  );\n};\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n  '1em': cssProps`${{\n    fontSize: '1em'\n  }}`,\n  '1x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  '2x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  '3x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n  }}`,\n  '4x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n  }}`,\n  '5x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  '6x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n  }}`,\n  '7x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n  }}`,\n  '8x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n  }}`,\n  '9x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n  }}`,\n  '10x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n  }}`,\n  '11x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n  }}`,\n  '12x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n  }}`\n};\n\nconst colorStyles = {\n  primary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  danger: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n  success: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n  }}`,\n  info: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n  }}`,\n  currentColor: cssProps`${{\n    color: 'currentColor'\n  }}`\n};\n"],"names":["Icon","Svg","_a","accessibleLabel","otherProps","__rest","DecorativeSvg","props","_jsx","Object","assign","SemanticSvg","tooltipContent","tooltipProps","useTooltip","text","anchor","x","y","position","offset","mainAxis","crossAxis","sizeStyles","colorStyles","size","color","viewBox","children","height","width","class","classNames"],"mappings":"0MA6BAA,MAsBAC,EAAAC,IAAa,IAAAC,gBAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,yGAObI,EAAAC,GAAAC,EAAAA,IAAA,MAAAC,OAAAC,OAAA,GAAAH,IAEAI,EAAAT,qFACE,MAAAU,eAAAA,EAAAC,aAAAA,GAAAC,aAAA,CACEC,KAAAZ,EACAa,OAAA,CACEC,EAAA,UACAC,EAAA,WAEFC,SAAA,SACAC,OAAA,CACEC,SAAA,EACAC,UAAA,0HAiBNC,EAAA,OAAA,gBAAA,cAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,gBAAA,aAAA,eAAA,eAAA,0BA0CAC,EAAA,SAAA,oBAAA,oBAAA,kBAAA,kBAAA,mBAAA,cAAA,2CApGA,EAAAC,KAAAA,EAAA,MAAAC,MAAAA,EAAA,eAAAvB,gBAAAA,EAAA,GAAAwB,QAAAA,EAAA,OAAAC,SAAAA,KAAApB,MAAAP,EAAAQ,OAAAC,OAAA,CAAAmB,OAAA,MAAAC,MAAA,MAAAH,QAAAA,EAAAxB,gBAAAA,EAAA4B,MAAAC,EAAAA,WAAA,CAAAR,EAAAE,GAAAH,EAAAE,MAAA,CAAAG,SAAAA"}

package/amd/Indexer-2b266287.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact","preact/hooks","./UNSAFE_Flex",'module',"./utils/UNSAFE_mergeProps","./useSingleSelection-089373da","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./utils/PRIVATE_collectionUtils","./utils/PRIVATE_clientHints","./hooks/UNSAFE_useId","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_HiddenAccessible","./PRIVATE_Collection","./tslib.es6-d070fafc","./utils/UNSAFE_classNames","preact/compat","./classNames-3c307969","./Flex-0dec0de8","./Collection-0cd076bf","./HiddenAccessible-061a4f41","./clientHints-7d8b1c52"],(function(e,t,s,n,r,a,l,c,i,o,u,d,y,f,b,x,k,j,v,g,h,O,_,N){"use strict";const R=Object.freeze({key:"__others__",label:"#"}),E="_135lhld",p="gio02b",T="ood9w6",w="udwboq",A="."+E,m="_1db1666",S=v.forwardRef(((e,s)=>{const n=f.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:a}=e,l=r.data.key===a,c=F(e,s),i=g.classNames([c.class,r.data.isDisabled&&p,l&&w]),o=r.data.label||r.data.key,u=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${o}`}):`${o}`;return t.jsx("li",Object.assign({},c,{class:i,"data-oj-valuetext":u,"data-oj-disabled":r.data.isDisabled},{children:r.data.label||r.data.key}))}));function F({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){const a=e.data.key===t,l=g.classNames([E,a&&n&&T]);return Object.assign(Object.assign({},a&&{ref:r}),{key:e.data.key,class:l,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n})}const I=v.forwardRef(((e,n)=>{var{lastValueNow:r}=e,a=k.__rest(e,["lastValueNow"]);const l=Object.assign(Object.assign({},a),{ref:n});return t.jsxs(s.Fragment,{children:[t.jsx(S,Object.assign({},l)),t.jsx(C,Object.assign({},l,{ref:n,context:{index:-1,data:R},valueNow:r}))]})})),C=v.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,a=F(e,s),l=n.data.key===r,c=g.classNames([a.class,l&&w]),i=R.label;return t.jsx("li",Object.assign({},a,{class:c,"data-oj-valuetext":i},{children:n.data.label}))})),P=v.forwardRef(((e,s)=>{const n=f.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,sections:a}=e,l=F(e,s),{from:c,to:i}=V(e);if(!K(r.index,c,i))return null;const o=a[c].label||a[c].key,u=a[i].label||a[i].key,d=g.classNames([m]),y=n.indexer_separatorLabel({FROM_SECTION:`${o}`,TO_SECTION:`${u}`});return t.jsx("li",Object.assign({},l,{"data-oj-valuetext":y},{children:t.jsx(h.Flex,Object.assign({align:"center",justify:"center"},{children:t.jsx("div",{class:d})}))}))}));function V({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 K(e,t,s){return e===Math.floor((t+s)/2)}const H="_1lcr2lg",U="asxpy9",B=[{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 D=(e,t,s)=>e===t.current?void 0===s?null:s:u.keyExtractor(e,A),M=(e,t,s)=>{if(e.value===R.key)t({value:R.key});else{t({value:s.find((t=>t.key===e.value)).key})}},$=(e,t,s,n,r,a,l)=>{if(0===e||0===t)return;const c=e/t,i=s-1;if(c<2)r!==i&&(a(i),l(n));else if(c>s||s-c<.01)r>1&&(a(1),l(n));else{const e=L(c,i);e!==r&&e<s&&(a(e),l(n))}},L=(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 a=t-(r-1)*s,l=s;for(;l>a;)l-=1,a=t-(r-1)*l;return l!=s&&(l+=1),l};function q(e){const t=N.getClientHints().deviceType;return"phone"===t||"tablet"===t?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=B,value:r,onCommit:a=(()=>{})}){var d;const b=n.useRef(null),x=n.useRef(null),k=s.createRef(),[j,v]=n.useState(null===(d=e[0])||void 0===d?void 0:d.key),[g,N]=n.useState(-1),R=n.useRef(-1),E=n.useRef(0),p=y.useId(),[T,w]=o.useCollectionFocusRing((e=>{var t;return!!(null===(t=b.current)||void 0===t?void 0:t.contains(e))}),["ArrowUp","ArrowDown"]),{currentKeyProps:m}=i.useCurrentKey((e=>u.keyExtractor(e,A)),u.getPrevNextKey(b.current,j,!0,A),u.getPrevNextKey(b.current,j,!1,A),j,(e=>v(e.value))),{selectionProps:F}=c.useSingleSelection((e=>D(e,x,j)),void 0,(t=>M(t,a,e))),C=n.useCallback((t=>{var s;for(const n of t)$(n.contentRect.height,E.current,e.length,null===(s=e[0])||void 0===s?void 0:s.key,g,N,v)}),[e,g]);n.useEffect((()=>{var e,t,s,n;x.current&&(x.current.setAttribute("aria-valuemax",R.current+1+""),x.current.setAttribute("aria-valuetext",(null===(t=null===(e=k.current)||void 0===e?void 0:e.dataset)||void 0===t?void 0:t.ojValuetext)||""),x.current.setAttribute("aria-valuenow",(null===(n=null===(s=k.current)||void 0===s?void 0:s.dataset)||void 0===n?void 0:n.ojValuenow)||"")),R.current=-1})),n.useEffect((()=>{var t,s;const n=b.current;n&&(E.current=(null===(t=n.querySelector("li"))||void 0===t?void 0:t.offsetHeight)||0,$(n.offsetHeight,E.current,e.length,null===(s=e[0])||void 0===s?void 0:s.key,g,N,v))}),[e,g]),n.useEffect((()=>{const e=b.current;if(e){const t=new ResizeObserver((e=>{C(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[g,C]);const L=f.useTranslationBundle("@oracle/oraclejet-preact");return t.jsxs("div",Object.assign({ref:b,class:H},{children:[t.jsx(h.Flex,Object.assign({align:"center",width:"6x",height:"100%"},{children:t.jsx("ul",Object.assign({},l.mergeProps(m,w,F),{ref:x,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":"0","aria-describedby":p,role:"slider",class:U},{children:t.jsx(O.Collection,Object.assign({items:e},{children:s=>{const n=e.length-1;R.current+=1;const a={context:s,ref:k,currentKey:j,selectedKey:r,valueNow:R.current,isFocusRingVisible:!!T};if(s.index===n)return t.jsx(I,Object.assign({},a,{lastValueNow:R.current+1}));if(g<=1||s.index%g==0)return t.jsx(S,Object.assign({},a));const l=Object.assign(Object.assign({},a),{sectionsPerTruncation:g,last:n,sections:e});return function(e){const{from:t,to:s}=V(e);return K(e.context.index,t,s)}(l)?t.jsx(P,Object.assign({},l)):(R.current-=1,null)}}))}))})),t.jsx(_.HiddenAccessible,{children:t.jsx("span",Object.assign({id:p},{children:q(L)}))})]}))},e.SECTION_OTHERS=R}));
+//# sourceMappingURL=Indexer-2b266287.js.map

package/amd/Indexer-2b266287.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indexer-2b266287.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 { cssProps } from '@oracle/oraclejet-cssprops';\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';\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\nconst liStyles = {\n  base: cssProps`${{\n    textAlign: 'center',\n    height: '1rem',\n    width: '1.5rem',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-indexer-text-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-indexer-font-size)',\n    lineHeight: '1rem'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineOffset: '-1px'\n  }}`,\n  selected: cssProps`${{\n    fontWeight: 'bold'\n  }}`\n};\n\nconst ITEM_STYLE_CLASS = liStyles.base;\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nconst dotStyles = {\n  base: cssProps`${{\n    '&::after': {\n      content: '\"\\u25cf\"'\n    }\n  }}`\n};\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 itemClasses = classNames([\n      commonProps.class,\n      context.data.isDisabled && liStyles.disabled,\n      isSelected && liStyles.selected\n    ]);\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  const classes = classNames([liStyles.base, isCurrent && isFocusRingVisible && liStyles.focused]);\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    class: classes,\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 othersClasses = classNames([commonProps.class, isSelected && liStyles.selected]);\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\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    const separatorClasses = classNames([dotStyles.base]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={separatorClasses}></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, RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\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 } from '../utils/PRIVATE_collectionUtils';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\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';\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 styles = {\n  base: cssProps`${{\n    height: '100%'\n  }}`\n};\n\nconst ulStyles = {\n  base: cssProps`${{\n    listStyleType: 'none',\n    margin: '0px',\n    marginTop: 'auto', // prevent cutoff in small screen\n    marginBottom: 'auto', // prevent cutoff in small screen\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: '0',\n    paddingRight: '0',\n    outlineStyle: 'none'\n  }}`\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}: Props<K>) {\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(\n    (elem: Element | null) => {\n      return !!rootRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\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\n  return (\n    <div ref={rootRef} class={styles.base}>\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={ulStyles.base}>\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: StateUpdater<number>,\n  setCurrent: 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  const deviceType = getClientHints().deviceType;\n  if (deviceType === 'phone' || deviceType === 'tablet') {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","liStyles","ITEM_SELECTOR","dotStyles","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","commonProps","class","data","isDisabled","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","assign","itemClasses","children","getCommonProps","currentKey","valueNow","isFocusRingVisible","classes","classNames","isCurrent","LastSectionItem","_a","lastValueNow","sectionProps","__rest","_jsxs","Fragment","OthersItem","index","othersClasses","isSelected","othersValueText","SeparatorItem","sections","fromText","from","toText","to","separatorValueText","indexer_separatorLabel","getSeparatorRange","sectionsPerTruncation","last","isInSeparatorMiddle","Math","floor","styles","ulStyles","defaultSections","handleKeyExtract","element","rootRef","current","keyExtractor","handleSelection","detail","onCommit","value","find","section","updateSectionsPerTruncation","height","itemHeight","sectionsLength","firstSectionKey","setSectionsPerTruncation","setCurrent","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","getIndexerDescription","deviceType","getClientHints","indexer_touchInstructionText","indexer_keyboardInstructionText","useRef","ulRef","currElementRef","createRef","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","contains","elem","selectionProps","useSingleSelection","undefined","handleResize","useCallback","entries","entry","contentRect","length","setAttribute","root","querySelector","offsetHeight","resizeObserver","observe","unobserve","jsx","Flex","align","width","mergeProps","currentKeyProps","focusRingProps","tabIndex","role","Collection","items","hasSeparator","separatorProps","HiddenAccessible","id"],"mappings":"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"}

package/amd/InlineHelpSource-7fec4994.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./hooks/UNSAFE_useTabbableMode","./hooks/UNSAFE_useTranslationBundle"],(function(e,s,a,n,r){"use strict";e.InlineHelpSource=function({children:e,source:a}){const l=r.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore();e=null!=e?e:l;const{isTabbable:o,tabbableModeProps:t}=n.useTabbableMode();return s.jsx("a",Object.assign({class:"_1hbyhg2",target:"_blank",href:a},!o&&t,{children:e}))}}));
+//# sourceMappingURL=InlineHelpSource-7fec4994.js.map

package/amd/InlineHelpSource-7fec4994.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineHelpSource-7fec4994.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelpSource.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = cssProps`${{\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color)',\n  lineHeight: 'inherit',\n  textDecorationLine: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line)',\n  cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n  '&:visited': {\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited)'\n  },\n\n  '&:active': {\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active)'\n  },\n\n  '&:hover': {\n    textDecorationLine: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover)',\n\n    transitionProperty: 'text-decoration',\n    transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long)'\n  },\n\n  // TODO: use cross-browser supported focus strategy\n  '&:focus-visible': {\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineOffset: '-1px'\n  }\n}}`;\n\ntype Props = {\n  children?: string;\n  source: string;\n};\n\nexport function InlineHelpSource({ children, source }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  children = children ?? userAssistance_learnMoreStr;\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // if not tabbable, spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  return (\n    <a class={rootStyles} target=\"_blank\" href={source} {...(!isTabbable && tabbableModeProps)}>\n      {children}\n    </a>\n  );\n}\n"],"names":["children","source","userAssistance_learnMoreStr","useTranslationBundle","userAssistance_learnMore"],"mappings":"8KAwCA,UAAAA,SAAAA,EAAAC,OAAAA,IACE,MACAC,EADAC,uBAAA,4BACAC,2IArCF"}

package/amd/Link-4a365734.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./hooks/UNSAFE_usePress","./classNames-3c307969"],(function(e,a,s,t,l,n){"use strict";const r={default:"_13q0aqh",primary:"_4yq2zf",secondary:"_1ojtqf1",standalone:"_1qaiolp",embedded:"a7jbk4"},i=()=>{};e.Link=function({href:e,variant:s="default",placement:t="standalone",target:c,ariaLabelledBy:d,children:o,onClick:u}){const f=n.classNames([r.default,r[t],"default"!==s&&r[s]]),{pressProps:m}=l.usePress(null!=u?u:i);return a.jsx("a",Object.assign({href:e,"aria-labelledby":d,target:c},m,{class:f},{children:o}))}}));
+//# sourceMappingURL=Link-4a365734.js.map

package/amd/Link-4a365734.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-4a365734.js","sources":["../../src/UNSAFE_Link/Link.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';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant.\n   */\n  variant?: 'default' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n};\n\nconst styles = {\n  default: cssProps`${{\n    display: 'inline',\n    color: 'var(--oj-c-link-text-color)',\n    textDecorationColor: 'var(--oj-c-link-text-color)',\n    textDecorationThickness: '1px',\n    textUnderlineOffset: 'var(--oj-c-link-text-underline-offset)',\n    cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    '&:visited': { color: '--oj-c-link-text-color-visited' },\n    '&:active': { color: '--oj-c-link-text-color-active' },\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineOffset: '1px'\n    }\n  }}`,\n  primary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  standalone: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-standalone-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' }\n  }}`,\n  embedded: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-embedded-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' }\n  }}`\n};\n\nconst noop = () => {};\n\nexport function Link({\n  href,\n  variant = 'default',\n  placement = 'standalone',\n  target,\n  ariaLabelledBy,\n  children,\n  onClick\n}: Props) {\n  const linkClass = classNames([\n    styles.default,\n    styles[placement],\n    variant !== 'default' && styles[variant]\n  ]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <a\n      href={href}\n      aria-labelledby={ariaLabelledBy}\n      target={target}\n      {...pressProps}\n      class={linkClass}>\n      {children}\n    </a>\n  );\n}\n"],"names":["styles","noop","href","variant","placement","target","ariaLabelledBy","children","onClick","default","pressProps","usePress"],"mappings":"oKAiDA,MAAAA,EAAA,SAAA,mBAAA,oBAAA,sBAAA,8BAuCAC,EAAA,cAEA,UAAAC,KAAAA,EAAAC,QAAAA,EAAA,UAAAC,UAAAA,EAAA,aAAAC,OAAAA,EAAAC,eAAAA,EAAAC,SAAAA,EAAAC,QAAAA,0BAUIR,EAAAS,aAEA,YAAAN,GAAAH,EAAAG,MAEFO,WAAAA,GAAAC,EAAAA,SAAAH,MAAAA,EAAAA,EAAAP"}

package/amd/List-56a1055e.js

@@ -0,0 +1,2 @@
+function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}define(["exports","preact/jsx-runtime","preact/hooks",'module',"./utils/UNSAFE_classNames","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-60a7b2a5","./PRIVATE_VirtualizedCollection","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./hooks/UNSAFE_useId","./classNames-3c307969","./FocusTrap-444cf340","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./UNSAFE_Skeleton","./UNSAFE_Flex","./utils/PRIVATE_collectionUtils","./UNSAFE_Selector","./VirtualizedCollection-45f2c32e","./Flex-0dec0de8","./Skeleton-6261f735"],(function(e,t,r,n,o,i,a,l,s,c,u,d,g,f,m,b,y,v,p,x,h,k,A,S,j,_){"use strict";const T=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},C="oj-listview-item",E=".oj-listview-item",w="_1wn6f50",I="_1dc6pox",F="nnr2us",R="_4uelk0",K="_10mlafw",P="q0skrr",V="_1y1oej7",M="nqkbzw",N="_8n57a5",O="_18oorz8",z="_152l2dq";function L({children:e,itemKey:n,itemIndex:o,isFocused:i,isFocusRingVisible:a,isGridlineVisible:l,isSelected:s,isTopGridlineVisible:u=!1,isTabbable:m=!1,role:b,selectionMode:y,suggestion:v,currentItemVariant:p}){const x=r.useRef(null),h=r.useMemo((()=>T(b)),[b]),k="option"===h.cell?{role:h.cell,"aria-posinset":o+1,"aria-setsize":-1}:{role:h.cell},A=g.classNames([w,C,i&&a&&N,l&&I,u&&F,U(y,s)&&!s&&R,s&&K,s&&"single"===y&&P,"end"===v&&!l&&!(s&&"single"===y)&&V,"highlight"===p&&i&&!s&&M]),S=g.classNames([O,"multiple"===y&&z]);return t.jsx("div",Object.assign({"aria-rowindex":o+1,"data-oj-key":n,class:A,ref:x,role:h.item},v&&{"data-oj-suggestion":!0},"number"==typeof n&&{"data-oj-key-type":"number"},{children:t.jsx("div",Object.assign({id:d.useId(),class:S,"aria-posinset":o+1,"aria-setsize":-1,onKeyDown:e=>{!m||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":1,"aria-selected":"none"!==y?s:void 0},k,{children:t.jsx(c.TabbableModeContext.Provider,Object.assign({value:{isTabbable:m}},{children:t.jsx(f.FocusTrap,Object.assign({isDisabled:!m,restoreFocusRef:!1},{children:e}))}))}))}))}const U=(e,t)=>"none"!==e&&("multiple"===e||!t),D="_1ddtev8";function H({children:e,minimumCount:n=1}){const[o,i]=r.useState(!1);r.useEffect((()=>{setTimeout((()=>{i(!0)}),50)}),[]);const a=g.classNames([D]);return o&&e?t.jsx("div",Object.assign({class:a,role:"presentation"},{children:_toConsumableArray(Array(n)).map(((t,r)=>e(r)))})):null}const q="_125rbix",B="_1pkto0e",G="ga0mug";const W=e=>{const t=null==e?void 0:e.data,r=$(t);if(0===r)return null;return t.slice(0,r).reduce(((e,t,n)=>{const o=t.metadata.key;return n===r-1?e.set(o,"end"):e.set(o,!0),e}),new Map)},$=e=>{if(!e)return 0;const t=e.findIndex((e=>!e.metadata.suggestion));return-1===t?0:t},Y=(e,t)=>{if(e&&t){const r=t.getBoundingClientRect(),n=e.getBoundingClientRect();n.bottom>r.bottom?t.scrollTop=t.scrollTop+(n.bottom-r.bottom):n.top<r.top&&(t.scrollTop=t.scrollTop-(r.top-n.top))}},J=(e,t)=>null!=t?t:{scroller:()=>e.current},Q={all:!1,keys:new Set},X=(e,t)=>{const r=t.data.map((e=>e.metadata.key)),n=r.indexOf(e.value.start),o=r.indexOf(e.value.end),i=Math.min(n,o),a=Math.max(n,o);return-1===i?{offset:0,count:t.totalSize}:r.slice(i,a+1)};function Z({sparkleHeight:e}){if(e<=0)return null;const r=e+"px",n=g.classNames([B]),o=g.classNames([G]);return t.jsx("div",Object.assign({class:o},{children:t.jsx("div",{class:n,style:{height:r}})}),"sparkle")}const ee=t.jsx(H,Object.assign({minimumCount:25},{children:()=>t.jsx(j.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(_.Skeleton,{height:"4x"})}))})),te=t.jsx(H,Object.assign({minimumCount:3},{children:()=>t.jsx(j.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(_.Skeleton,{height:"4x"})}))})),re=(e,t)=>{if(t){const r=Math.min(t.offset,e.offset+e.totalSize),n=r-e.offset;n>0&&(e={offset:r,data:e.data.slice(n,n+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({accessibleSummary:e,allowTabbableMode:n=!0,children:o,currentKey:s,data:c,gridlines:u,loadingIndicator:d=ee,onCurrentKeyChange:f,onLoadRange:x,onSelectionChange:h,onItemAction:j,rangeExtractor:_,role:C="grid",selectedKeys:w=Q,selectionMode:I="none",viewportConfig:F,currentItemVariant:R="none",isVirtualized:K=!0}){const P=r.useRef(null),V=r.useMemo((()=>T(C)),[C]),M=r.useRef(),N=r.useRef(),O=r.useRef(),[z,U]=r.useState(0),D="none"===I?void 0:"multiple"===I,H=null===c?void 0:"exact"===c.sizePrecision?c.totalSize:-1,B=g.classNames([q]),{currentKeyProps:G}=b.useCurrentKey((e=>k.keyExtractor(e,E)),k.getPrevNextKey(P.current,s,!0,E),k.getPrevNextKey(P.current,s,!1,E),s,f),$=e=>{var t;return!!(null===(t=P.current)||void 0===t?void 0:t.contains(e))},[ne,oe]=y.useCollectionFocusRing($,["ArrowUp","ArrowDown"]);let ie=!1;const[ae,le]=v.useTabbableModeSet($,(e=>k.keyExtractor(e,E)),s,((e,t)=>{var r;(null===e||$(e))&&(t?(ie=!0,setTimeout((()=>{var e;null===(e=P.current)||void 0===e||e.focus()}),0)):null===(r=P.current)||void 0===r||r.focus())}),(e=>{f&&f({value:e})}));r.useEffect((()=>{if(null!=s&&P.current){const e=k.findElementByKey(P.current,s,E);if(e){const t=null==F?void 0:F.scroller();Y(e,null!=t?t:P.current);const r=e.querySelector(`[role=${V.cell}]`);r&&P.current.setAttribute("aria-activedescendant",r.id)}}}),[s,c,V.cell,F]);const se=r.useCallback((e=>{h&&(!1===e.value.all&&e.value.keys.size>0&&(M.current=Array.from(e.value.keys.values()).pop()),h(e))}),[M,h]),ce=r.useCallback((e=>{if(c&&h){const t=X(e,c);Array.isArray(t)?h({value:{all:!1,keys:new Set(t)},target:null}):(N.current={detail:e,range:{offset:c.offset,count:c.data.length}},x(t))}}),[c,h,x]),ue=r.useCallback((()=>{if(P.current&&f&&(!n||ae(void 0))){const e=O.current||k.getFirstVisibleKey(P.current,E);a.isKeyDefined(e)&&f({value:e})}}),[n,f,ae]),de=r.useCallback((e=>{var t,r;const n=k.keyExtractor(e.target,E);n&&"checkbox"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.getAttribute("type"))&&(null===(r=P.current)||void 0===r||r.focus(),f&&n&&f({value:n}))}),[f]),ge=r.useCallback((e=>{!a.isKeyDefined(s)&&f&&ue(),!n&&de(e)}),[n,s,ue,de,f]),{selectionProps:fe}=m.useSelection((e=>e===P.current?void 0===s?null:s:k.keyExtractor(e,E)),w,I,!1,"replace",se,M.current,s,((e,t)=>k.getPrevNextKey(P.current,e,t,E)),(e=>{if(P.current){const t=k.findElementByKey(P.current,e,E);if(t){const e=null==F?void 0:F.scroller();Y(t,null!=e?e:P.current)}}}),ce);if(c&&void 0!==N.current&&h){const e=X(N.current.detail,c);Array.isArray(e)&&h({value:{all:!1,keys:new Set(e)},target:null});const t=N.current?N.current.range:{offset:c.offset,count:c.data.length};c=re(c,t),N.current=void 0,x(t)}const me=r.useMemo((()=>W(c)),[c]),be=t.jsx(Z,{sparkleHeight:z}),ye=p.useItemAction(s,c,j,E);r.useEffect((()=>{var e,t;if(me){const r=null===(e=P.current)||void 0===e?void 0:e.querySelector("."+S.PLACEHOLDER_STYLE_CLASS);let n=(null==r?void 0:r.offsetHeight)||0;const o=null===(t=P.current)||void 0===t?void 0:t.querySelectorAll("[data-oj-suggestion]");null==o||o.forEach((e=>n+=e.offsetHeight)),U(n)}}),[me]);const ve=r.useCallback((e=>{const r="multiple"===I?()=>t.jsx(A.Selector,{onChange:se,rowKey:e.data.metadata.key,selectedKeys:w}):void 0;return{index:e.index,data:e.data.data,metadata:e.data.metadata,selector:r}}),[I,w,se]),pe=e=>{const r=ve(e),i=null==me?void 0:me.get(r.metadata.key),l=n&&ae(r.metadata.key),d=s===r.metadata.key&&!l,g=a.containsKey(w,r.metadata.key);return t.jsx(L,Object.assign({isFocused:d,isFocusRingVisible:ne&&!ie,isGridlineVisible:(f=r.index,"visible"===(null==u?void 0:u.item)&&(f+1!==(null==c?void 0:c.totalSize)||"visible"===(null==u?void 0:u.bottom))),isSelected:g,isTabbable:n&&ae(r.metadata.key),itemIndex:r.index,itemKey:r.metadata.key,role:C,selectionMode:I,currentItemVariant:R},i&&{suggestion:i},0===r.index&&{isTopGridlineVisible:"visible"===(null==u?void 0:u.item)&&"visible"===(null==u?void 0:u.top)},{children:o(r)}),r.metadata.key);var f};F=J(P,F);const xe=K?t.jsx(S.VirtualizedCollection,Object.assign({data:c,itemSelector:E,loadMoreIndicator:te,onLoadRange:x,rangeExtractor:_,suggestions:be,viewportConfig:F},{children:pe})):t.jsx(l.LoadMoreCollection,Object.assign({data:c,loadMoreIndicator:te,onLoadRange:x,suggestions:be,viewportConfig:F},{children:pe})),he=r.useCallback((e=>{const t=k.keyExtractor(e.target,E);a.isKeyDefined(t)&&(O.current=t)}),[]);return t.jsx("div",Object.assign({},i.mergeProps(n?le:{},G,oe,fe,ye,{onFocus:ge,onPointerDown:he}),{role:C,"aria-rowcount":H,"aria-colcount":1,ref:P,class:B,tabIndex:0,"aria-label":e,"aria-multiselectable":D},{children:null==c?d:xe}))},e.SkeletonContainer=H}));
+//# sourceMappingURL=List-56a1055e.js.map

package/amd/List-56a1055e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-56a1055e.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/SkeletonContainer.tsx","../../src/PRIVATE_List/List.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 { Roles } from '../UNSAFE_ListView';\n\n/**\n * List Roles need to be kept in matching sets, this module encapsulates the sets\n *\n * @param ariaRole\n * @returns matching, valid set of roles\n */\n\nconst getListViewRoles = (ariaRole: Roles) => {\n  switch (ariaRole) {\n    case 'listbox':\n      return { list: 'listbox', item: 'presentation', cell: 'option' };\n    case 'treegrid':\n      return { list: 'treegrid', item: 'row', cell: 'gridcell' };\n    default:\n      return { list: 'grid', item: 'row', cell: 'gridcell' };\n  }\n};\n\nexport { getListViewRoles };\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 } from 'preact';\nimport { useRef, useMemo } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { SelectionMode, CurrentItemVariant } from '../UNSAFE_Collection';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { Roles } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\n\n// default style class for items in ListView\nexport const ITEM_STYLE_CLASS = 'oj-listview-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: 'var(--oj-collection-list-row-height)',\n    boxSizing: 'border-box',\n    backgroundImage:\n      'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color))',\n    backgroundSize: 0,\n    backgroundPosition: '0 100%',\n    backgroundRepeat: 'no-repeat',\n    borderTop: '1px solid transparent'\n  }}`,\n  gridlines: cssProps`${{\n    backgroundSize: '100% 1px'\n  }}`,\n  gridlineTop: cssProps`${{\n    backgroundImage: `linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),\n      linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color))`,\n    backgroundPosition: '0 100%, 0 -1px',\n    backgroundSize: '100% 1px, 100% 1px'\n  }}`,\n  selectable: cssProps`${{\n    '&:hover': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);'\n    }\n  }}`,\n  selected: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected)'\n  }}`,\n  selectedSingle: cssProps`${{\n    borderTop: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected)',\n    boxShadow: 'inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected)'\n  }}`,\n  suggestionEnd: cssProps`${{\n    backgroundSize: '100% 1px'\n  }}`,\n  highlight: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineColor: 'var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineOffset: '-1px'\n  }}`\n};\n\nconst cellStyles = {\n  base: cssProps`${{\n    flexGrow: '1'\n  }}`,\n  checkboxContainer: cssProps`${{\n    display: 'flex'\n  }}`\n};\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K> = {\n  children: ComponentChildren;\n  itemKey: K;\n  itemIndex: number;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isGridlineVisible: boolean;\n  isSelected: boolean;\n  isTopGridlineVisible?: boolean;\n  isTabbable?: boolean;\n  role: Roles;\n  selectionMode: SelectionMode;\n  suggestion?: 'end' | true;\n  currentItemVariant?: CurrentItemVariant;\n};\n\n/**\n * The internal component used to render a single item in ListView.\n */\nexport function ListViewItem<K extends string | number>({\n  children,\n  itemKey,\n  itemIndex,\n  isFocused,\n  isFocusRingVisible,\n  isGridlineVisible,\n  isSelected,\n  isTopGridlineVisible = false,\n  isTabbable = false,\n  role,\n  selectionMode,\n  suggestion,\n  currentItemVariant\n}: Props<K>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const roles = useMemo(() => getListViewRoles(role), [role]);\n\n  // some roles come with related aria attributes which need to be set\n  const cellRoleAttributes =\n    roles.cell === 'option'\n      ? {\n          role: roles.cell,\n          'aria-posinset': itemIndex + 1,\n          'aria-setsize': -1\n        }\n      : {\n          role: roles.cell\n        };\n\n  // don't bubble Arrow Up and Down events to parent when in isTabbable mode\n  // this bubbling causes the outer CollectionFocus ring to change index while in the isTabbable mode.\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (isTabbable && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n      event.stopPropagation();\n    }\n  };\n\n  const classes = classNames([\n    styles.base,\n    ITEM_STYLE_CLASS,\n    isFocused && isFocusRingVisible && styles.focused,\n    isGridlineVisible && styles.gridlines,\n    isTopGridlineVisible && styles.gridlineTop,\n    isSelectable(selectionMode, isSelected) && !isSelected && styles.selectable,\n    isSelected && styles.selected,\n    isSelected && selectionMode === 'single' && styles.selectedSingle,\n    suggestion === 'end' &&\n      !isGridlineVisible &&\n      !(isSelected && selectionMode === 'single') &&\n      styles.suggestionEnd,\n    currentItemVariant === 'highlight' && isFocused && !isSelected && styles.highlight\n  ]);\n\n  const cellClasses = classNames([\n    cellStyles.base,\n    selectionMode === 'multiple' && cellStyles.checkboxContainer\n  ]);\n\n  // todo: use translated text for selector\n  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex\n  // correctly, so unfortunately needed another div\n  return (\n    <div\n      aria-rowindex={itemIndex + 1}\n      data-oj-key={itemKey}\n      class={classes}\n      ref={rootRef}\n      role={roles.item}\n      {...(suggestion && { 'data-oj-suggestion': true })}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}>\n      <div\n        id={useId()}\n        class={cellClasses}\n        aria-posinset={itemIndex + 1}\n        aria-setsize={-1}\n        onKeyDown={handleKeyDown}\n        aria-colindex={1}\n        aria-selected={selectionMode !== 'none' ? isSelected : undefined}\n        {...cellRoleAttributes}>\n        <TabbableModeContext.Provider value={{ isTabbable }}>\n          <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n            {children}\n          </FocusTrap>\n        </TabbableModeContext.Provider>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper method to determine whether item is selectable\n * @returns true if item is selectable (show hover effect), false otherwise\n */\nconst isSelectable = (selectionMode: SelectionMode, isItemSelected: boolean) => {\n  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);\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 } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n};\n\nconst containerStyle = {\n  base: cssProps`${{\n    height: '100%',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 1 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  const containerClasses = classNames([containerStyle.base]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\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 { RefObject } from 'preact';\nimport { useRef, useCallback, useEffect, useState, useMemo } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport { DataState, ItemContext, Metadata, Range, SelectionDetail } from '../UNSAFE_Collection';\nimport { LoadMoreCollection } from '../UNSAFE_LoadMoreCollection/LoadMoreCollection';\nimport { VirtualizedCollection, PLACEHOLDER_STYLE_CLASS } from '../PRIVATE_VirtualizedCollection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { ListViewItem, ITEM_SELECTOR } from './ListItem';\nimport { SelectionRangeDetail, useSelection } from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { useItemAction } from '../hooks/PRIVATE_useItemAction';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\nimport {\n  getFirstVisibleKey,\n  getPrevNextKey,\n  findElementByKey,\n  keyExtractor\n} from '../utils/PRIVATE_collectionUtils';\nimport { Selector } from '../UNSAFE_Selector';\nimport { Props } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\n\nconst styles = {\n  base: cssProps`${{\n    height: '100%',\n    userSelect: 'none',\n    overflowY: 'inherit',\n    '&:focus': {\n      outlineStyle: 'none'\n    }\n  }}`\n};\n\nconst sparkleStyles = {\n  base: cssProps`${{\n    position: 'absolute',\n    top: 0,\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    zIndex: 1,\n    display: 'block',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img)',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '100% 100%'\n  }}`,\n  container: cssProps`${{\n    position: 'relative'\n  }}`\n};\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\nexport function List<K extends string | number, D>({\n  accessibleSummary,\n  allowTabbableMode = true,\n  children,\n  currentKey,\n  data,\n  gridlines,\n  loadingIndicator = defaultLoadingIndicator,\n  onCurrentKeyChange,\n  onLoadRange,\n  onSelectionChange,\n  onItemAction,\n  rangeExtractor,\n  role = 'grid',\n  selectedKeys = emptyKeys as Keys<K>,\n  selectionMode = 'none',\n  viewportConfig,\n  currentItemVariant = 'none',\n  isVirtualized = true\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const listRoles = useMemo(() => getListViewRoles(role), [role]);\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  // tracking pending selection/current key that is not in current data\n  const pendingSelection = useRef<{ detail: SelectionRangeDetail<K>; range: Range }>();\n  const pendingCurrentKey = useRef<K>();\n\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const showGridline = (index: number) => {\n    // show bottom gridlines for each item, and for the last item if specified\n    return (\n      gridlines?.item === 'visible' &&\n      (index + 1 !== data?.totalSize || gridlines?.bottom === 'visible')\n    );\n  };\n\n  const showGridlineTop = () => {\n    // show the top gridline for the first item\n    return gridlines?.item === 'visible' && gridlines?.top === 'visible';\n  };\n\n  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n  const ariaRowCount =\n    data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;\n\n  const classes = classNames([styles.base]);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, currentKey, false, ITEM_SELECTOR),\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const listViewContains = (elem: Element | null) => {\n    return !!rootRef.current?.contains(elem);\n  };\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(listViewContains, [\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  let pendingFocusRingChange = false;\n  const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n    listViewContains,\n    (element) => keyExtractor(element, ITEM_SELECTOR) as K,\n    currentKey,\n    // handle clean-up on disabling of the mode\n    (target: EventTarget | null, isKeyboardEvent) => {\n      if (target === null || listViewContains(target as Element)) {\n        // delay focus reset for keyboard disable so focus is reset to ListView after the FocusTrap blur lifecycle completes.\n        // pointer initiated changes will fire the onBlur organically and delaying the focus, just generates an unwanted second blur\n        if (isKeyboardEvent) {\n          // do not show a focus ring during this timeOut\n          pendingFocusRingChange = true;\n          setTimeout(() => {\n            rootRef.current?.focus();\n          }, 0);\n        } else {\n          rootRef.current?.focus();\n        }\n      }\n    },\n    // set currentKey when mode is enabled\n    (key: K) => {\n      onCurrentKeyChange && onCurrentKeyChange({ value: key });\n    }\n  );\n\n  useEffect(() => {\n    if (currentKey != null && rootRef.current) {\n      const elem = findElementByKey(rootRef.current, currentKey, ITEM_SELECTOR);\n      if (elem) {\n        const scroller = viewportConfig?.scroller();\n        // make sure item is visible\n        scrollToVisible(elem, scroller != null ? scroller : rootRef.current);\n        const cell = elem.querySelector(`[role=${listRoles.cell}]`);\n        // update aria-activedescendant for screenreader\n        if (cell) {\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n        }\n      }\n    }\n    // listen to data because the current item would re-render when the virtualizer\n    // is fetching data or updating the data, i.e. the id of current item would be updated,\n    // so the currentKey itself couldn't guarantee the root has latest aria-activedescendant\n  }, [currentKey, data, listRoles.cell, viewportConfig]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n        } else {\n          pendingSelection.current = {\n            detail: detail,\n            range: { offset: data.offset, count: data.data.length }\n          };\n          onLoadRange(value);\n        }\n      }\n    },\n    [data, onSelectionChange, onLoadRange]\n  );\n\n  const handleInitialFocus = useCallback(() => {\n    if (\n      rootRef.current &&\n      onCurrentKeyChange &&\n      (!allowTabbableMode || isCurrentTabbableKey(undefined))\n    ) {\n      const firstKey =\n        pendingCurrentKey.current || (getFirstVisibleKey(rootRef.current, ITEM_SELECTOR) as K);\n      if (isKeyDefined(firstKey)) {\n        onCurrentKeyChange({ value: firstKey });\n      }\n    }\n  }, [allowTabbableMode, onCurrentKeyChange, isCurrentTabbableKey]);\n\n  /**\n   * Used by allowTabbableMode = false, to prevent focus from getting onto checkboxes on click\n   * @param event\n   */\n  const handleSelectorFocusCapture = useCallback(\n    (event: FocusEvent) => {\n      const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n      if (key && (event.relatedTarget as HTMLElement)?.getAttribute('type') === 'checkbox') {\n        rootRef.current?.focus();\n        if (onCurrentKeyChange && key) {\n          onCurrentKeyChange({ value: key as K });\n        }\n      }\n    },\n    [onCurrentKeyChange]\n  );\n\n  const handleFocus = useCallback(\n    (event: FocusEvent) => {\n      !isKeyDefined(currentKey) && onCurrentKeyChange && handleInitialFocus();\n      !allowTabbableMode && handleSelectorFocusCapture(event);\n    },\n    [\n      allowTabbableMode,\n      currentKey,\n      handleInitialFocus,\n      handleSelectorFocusCapture,\n      onCurrentKeyChange\n    ]\n  );\n\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode,\n    false,\n    'replace',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          const scroller = viewportConfig?.scroller();\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current);\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  if (data && pendingSelection.current !== undefined && onSelectionChange) {\n    const keys = handleSelectionRange(pendingSelection.current.detail, data);\n    if (Array.isArray(keys)) {\n      onSelectionChange({ value: { all: false, keys: new Set(keys) }, target: null });\n    }\n    const range = pendingSelection.current\n      ? pendingSelection.current.range\n      : { offset: data.offset, count: data.data.length };\n    data = adjustDataState(data, range);\n    pendingSelection.current = undefined;\n    onLoadRange(range);\n  }\n\n  const suggestions = useMemo(() => findSuggestions(data), [data]);\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  const itemActionProps = useItemAction(currentKey, data, onItemAction, ITEM_SELECTOR);\n\n  useEffect(() => {\n    // update sparkleHeight only when we have suggestions\n    // avoid unnecessary iterating through elements\n    if (suggestions) {\n      const placeholder = rootRef.current?.querySelector(\n        '.' + PLACEHOLDER_STYLE_CLASS\n      ) as HTMLElement;\n      let height = placeholder?.offsetHeight || 0;\n      const suggestionItems = rootRef.current?.querySelectorAll('[data-oj-suggestion]');\n      suggestionItems?.forEach((item) => (height += (item as HTMLElement).offsetHeight));\n      setSparkleHeight(height);\n    }\n  }, [suggestions]);\n\n  // returns an ListItemContext based on ItemContext (added metadata and selector)\n  const getItemContext = useCallback(\n    (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const selectorRenderer =\n        selectionMode === 'multiple'\n          ? () => (\n              <Selector\n                onChange={handleSelectionChange}\n                rowKey={context.data.metadata.key}\n                selectedKeys={selectedKeys}></Selector>\n            )\n          : undefined;\n\n      return {\n        index: context.index,\n        data: context.data.data,\n        metadata: context.data.metadata,\n        selector: selectorRenderer\n      };\n    },\n    [selectionMode, selectedKeys, handleSelectionChange]\n  );\n\n  const childrenComponent = (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n    const listItemContext = getItemContext(context);\n    const suggestion = suggestions?.get(listItemContext.metadata.key);\n    const isTabbable = allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key);\n    const isFocused = currentKey === listItemContext.metadata.key && !isTabbable;\n    const isSelected = containsKey(selectedKeys, listItemContext.metadata.key);\n    return (\n      <ListViewItem\n        key={listItemContext.metadata.key}\n        isFocused={isFocused}\n        isFocusRingVisible={showFocusRing && !pendingFocusRingChange}\n        isGridlineVisible={showGridline(listItemContext.index)}\n        isSelected={isSelected}\n        isTabbable={allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key)}\n        itemIndex={listItemContext.index}\n        itemKey={listItemContext.metadata.key}\n        role={role}\n        selectionMode={selectionMode}\n        currentItemVariant={currentItemVariant}\n        {...(suggestion && { suggestion })}\n        {...(listItemContext.index === 0 && { isTopGridlineVisible: showGridlineTop() })}>\n        {children(listItemContext)}\n      </ListViewItem>\n    );\n  };\n\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n  const collectionComponent = isVirtualized ? (\n    <VirtualizedCollection\n      data={data}\n      itemSelector={ITEM_SELECTOR}\n      loadMoreIndicator={defaultLoadMoreIndicator}\n      onLoadRange={onLoadRange}\n      rangeExtractor={rangeExtractor}\n      suggestions={sparkleIndicator}\n      viewportConfig={viewportConfig}>\n      {childrenComponent}\n    </VirtualizedCollection>\n  ) : (\n    <LoadMoreCollection\n      data={data}\n      loadMoreIndicator={defaultLoadMoreIndicator}\n      onLoadRange={onLoadRange}\n      suggestions={sparkleIndicator}\n      viewportConfig={viewportConfig}>\n      {childrenComponent}\n    </LoadMoreCollection>\n  );\n\n  /**\n   * Need to track pointer down element to set currentItem when initial focus happens\n   */\n  const handlePointerDown = useCallback((event: PointerEvent) => {\n    const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n    if (isKeyDefined(key)) pendingCurrentKey.current = key as K;\n  }, []);\n\n  // if data is not specified, listview should show loading indicator\n  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)\n  return (\n    <div\n      {...mergeProps(\n        allowTabbableMode ? tabbableModeProps : {},\n        currentKeyProps,\n        focusRingProps,\n        selectionProps,\n        itemActionProps,\n        { onFocus: handleFocus, onPointerDown: handlePointerDown }\n      )}\n      role={role}\n      aria-rowcount={ariaRowCount}\n      aria-colcount={1}\n      ref={rootRef}\n      class={classes}\n      tabIndex={0}\n      aria-label={accessibleSummary}\n      aria-multiselectable={ariaMultiSelectable}>\n      {data == null ? loadingIndicator : collectionComponent}\n    </div>\n  );\n}\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nconst findSuggestions = <K, D>(dataState?: DataState<K, D> | null) => {\n  const data = dataState?.data;\n  const count = getSuggestionsCount(data);\n  if (count === 0) {\n    return null;\n  }\n\n  const suggestionsData = data!.slice(0, count);\n  return suggestionsData.reduce((suggestions, value, index) => {\n    const key = value.metadata.key;\n\n    if (index === count - 1) {\n      suggestions.set(key, 'end');\n    } else {\n      suggestions.set(key, true);\n    }\n\n    return suggestions;\n  }, new Map<K, 'end' | true>());\n};\n\n/**\n * A helper function that finds the number of suggestions\n * @param data\n */\nconst getSuggestionsCount = <K, D>(data?: DataState<K, D>['data']) => {\n  if (!data) {\n    return 0;\n  }\n\n  const index = data.findIndex((value) => !value.metadata.suggestion);\n  return index === -1 ? 0 : index;\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nconst scrollToVisible = (elem: Element, scroller: Element) => {\n  if (elem && scroller) {\n    const scrollerBounds = scroller.getBoundingClientRect();\n    const elemBounds = elem.getBoundingClientRect();\n    if (elemBounds.bottom > scrollerBounds.bottom) {\n      scroller.scrollTop = scroller.scrollTop + (elemBounds.bottom - scrollerBounds.bottom);\n    } else if (elemBounds.top < scrollerBounds.top) {\n      scroller.scrollTop = scroller.scrollTop - (scrollerBounds.top - elemBounds.top);\n    }\n  }\n};\n\nconst getViewportConfig = (rootRef: RefObject<HTMLElement>, config?: ViewportConfig) => {\n  return (\n    config ?? {\n      scroller: () => {\n        return rootRef.current;\n      }\n    }\n  );\n};\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  dataState: DataState<K, D>\n) => {\n  const keys = dataState.data.map((value: { data: D; metadata: Metadata<K> }) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch so we can find all the keys, maxIndex should not be -1\n    return { offset: 0, count: dataState.totalSize };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n\n/**\n * A sparkle component for smart suggestion indicator in ListView\n * @param sparkleHeight the height of sparkle\n */\nexport function Sparkle({ sparkleHeight }: { sparkleHeight: number }) {\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([sparkleStyles.container]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n\nconst defaultLoadingIndicator = (\n  <SkeletonContainer minimumCount={25}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n\nconst defaultLoadMoreIndicator = (\n  <SkeletonContainer minimumCount={3}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n\n/**\n * Adjust the DataState as needed if it contains more than needed for the specified range\n */\nconst adjustDataState = <K, D>(dataState: DataState<K, D>, range: Range | null) => {\n  if (range) {\n    // prevent range offset from being larger than the data state\n    const safeRangeOffset = Math.min(range.offset, dataState.offset + dataState.totalSize);\n    const diff = safeRangeOffset - dataState.offset;\n    if (diff > 0) {\n      dataState = {\n        offset: safeRangeOffset,\n        data: dataState.data.slice(diff, diff + range.count),\n        totalSize: dataState.totalSize,\n        sizePrecision: dataState.sizePrecision\n      };\n    }\n  }\n  return dataState;\n};\n"],"names":["getListViewRoles","ariaRole","list","item","cell","ITEM_STYLE_CLASS","ITEM_SELECTOR","styles","cellStyles","ListViewItem","children","itemKey","itemIndex","isFocused","isFocusRingVisible","isGridlineVisible","isSelected","isTopGridlineVisible","isTabbable","role","selectionMode","suggestion","currentItemVariant","rootRef","useRef","roles","useMemo","cellRoleAttributes","event","key","isSelectable","isItemSelected","containerStyle","SkeletonContainer","minimumCount","sparkleStyles","findSuggestions","dataState","count","getSuggestionsCount","data","value","metadata","index","suggestions","set","Map","findIndex","scrollToVisible","elem","scroller","scrollerBounds","getBoundingClientRect","elemBounds","bottom","scrollTop","top","getViewportConfig","config","emptyKeys","all","keys","Set","handleSelectionRange","detail","startIndex","indexOf","start","endIndex","end","minIndex","Sparkle","sparkleHeight","height","defaultLoadingIndicator","_jsx","jsx","Object","assign","defaultLoadMoreIndicator","adjustDataState","range","safeRangeOffset","Math","min","offset","totalSize","diff","slice","accessibleSummary","allowTabbableMode","currentKey","gridlines","loadingIndicator","onCurrentKeyChange","onLoadRange","onSelectionChange","onItemAction","rangeExtractor","selectedKeys","viewportConfig","isVirtualized","listRoles","anchorKey","pendingSelection","pendingCurrentKey","ariaMultiSelectable","undefined","ariaRowCount","sizePrecision","listViewContains","_a","current","contains","target","isKeyboardEvent","focus","findElementByKey","querySelector","handleSelectionChange","useCallback","size","Array","from","values","pop","handleSelectionRangeChange","isArray","length","handleInitialFocus","firstKey","getFirstVisibleKey","isKeyDefined","handleSelectorFocusCapture","relatedTarget","getAttribute","_b","handleFocus","element","keyExtractor","isPrev","getPrevNextKey","itemActionProps","useItemAction","placeholder","PLACEHOLDER_STYLE_CLASS","offsetHeight","getItemContext","context","selectorRenderer","selector","childrenComponent","listItemContext","get","isCurrentTabbableKey","containsKey","collectionComponent","VirtualizedCollection","itemSelector","loadMoreIndicator","sparkleIndicator","LoadMoreCollection","handlePointerDown","mergeProps","tabbableModeProps","currentKeyProps","focusRingProps","selectionProps","onFocus","onPointerDown","ref","class","classes","tabIndex"],"mappings":"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"}

package/amd/ListItemTextLayout-fb9952bb.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./UNSAFE_Grid","./utils/UNSAFE_classNames","./classNames-3c307969","./UNSAFE_Text","./hooks/UNSAFE_useTabbableMode","./Text-4fcf43f2"],(function(s,e,a,i,n,r,t,c,l){"use strict";const d="_8echtc",o="_121lbq8",j="_759v9m",m="u7wbp";const x={primary:"primary",secondary:"primary",tertiary:"secondary",quaternary:"secondary",overline:"secondary",metadata:"secondary"},h={primary:"md",secondary:"sm",tertiary:"xs",quaternary:"sm",overline:"xs",metadata:"sm"},u={primary:void 0,secondary:2,tertiary:2,quaternary:2,overline:1,metadata:1};function b({children:s,variant:a}){const{isTabbable:i}=c.useTabbableMode(),n=e.jsx(l.Text,Object.assign({variant:x[a],size:h[a],lineClamp:u[a]},{children:s}));return i?e.jsx("div",Object.assign({tabIndex:0},{children:n})):n}s.ListItemLayout=function({children:s,selector:a,leading:n,primary:t,secondary:c,tertiary:l,overline:x,metadata:h,trailing:u,action:b,quaternary:v,navigation:y}){const{columnsTemplate:g,firstCell:p,secondCell:N,lastCell:O,hasSecondRow:f}=function(s,a,i,n,t,c,l){const x=[];let h=null;s&&(x.push("auto"),h=e.jsx("div",Object.assign({className:d},{children:s})));let u=null;a&&(x.push("auto"),u=e.jsx("div",Object.assign({className:o},{children:a})));x.push("1fr");let b=null;(i||n||t||l)&&(x.push("auto"),b=e.jsxs("div",Object.assign({className:m},{children:[e.jsx("div",Object.assign({className:r.classNames([o,i?j:""])},{children:i})),e.jsx("div",Object.assign({className:r.classNames([o,n?j:""])},{children:n})),e.jsx("div",Object.assign({className:r.classNames([o,t?j:""])},{children:t}))]})));const v=x.join(" ");return{columnsTemplate:v,firstCell:h,secondCell:u,lastCell:b,hasSecondRow:!(!c&&!l)}}(a,n,h,u,b,v,y),T=s?e.jsx("div",Object.assign({className:"_1xa4oy4"},{children:s})):e.jsxs("div",Object.assign({className:"_1yhfo60"},{children:[e.jsx("div",{children:x}),e.jsx("div",{children:t}),e.jsx("div",{children:c}),e.jsx("div",{children:l})]})),_=f?[p&&e.jsx("span",{children:" "}),N&&e.jsx("span",{children:" "}),e.jsx("div",Object.assign({className:"bxmi73"},{children:v})),O&&e.jsx("div",Object.assign({className:"zb1x67"},{children:y}))]:null;return e.jsxs(i.Grid,Object.assign({gap:"4x",gridTemplateColumns:g},{children:[p,N,e.jsx("div",Object.assign({className:o},{children:T})),O,_]}))},s.ListItemText=b,s.ListItemTextLayout=function({primary:s,secondary:a,tertiary:i,overline:n}){return e.jsxs("div",Object.assign({className:"_1torglj"},{children:[e.jsx(b,Object.assign({variant:"overline"},{children:n})),e.jsx(b,Object.assign({variant:"primary"},{children:s})),e.jsx(b,Object.assign({variant:"secondary"},{children:a})),e.jsx(b,Object.assign({variant:"tertiary"},{children:i}))]}))}}));
+//# sourceMappingURL=ListItemTextLayout-fb9952bb.js.map

package/amd/ListItemTextLayout-fb9952bb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTextLayout-fb9952bb.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.tsx","../../src/UNSAFE_ListItemLayout/ListItemText.tsx","../../src/UNSAFE_ListItemLayout/ListItemTextLayout.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n} & IntrinsicProps;\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\n// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n// negative margin added to selector\nconst selectorStyles = cssProps`${{\n  alignSelf: 'center',\n  margin: '-0.875rem -0.875rem'\n}}`;\n\n// most content will be vertically centered\nconst centerVerticalStyles = cssProps`${{\n  alignSelf: 'center',\n  minWidth: 0\n}}`;\n\n// extra spacing is needed between meta, trailing, and action components\nconst leftPaddingStyles = cssProps`${{\n  paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n}}`;\n\n// the central text area displays overline, primary, secondary, and tertiary in a column\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\n// \"extra\" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout\nconst flexRowStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right',\n  alignSelf: 'center'\n}}`;\n\nconst rightJustifyStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right'\n}}`;\n\nconst rowAlignStyles = cssProps`${{\n  alignSelf: 'end'\n}}`;\n\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(\n    selector,\n    leading,\n    metadata,\n    trailing,\n    action,\n    quaternary,\n    navigation\n  );\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={childrenStyles}>{children}</div>\n  ) : (\n    <div className={flexColumnStyles}>\n      <div>{overline}</div>\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div className={rowAlignStyles}>{quaternary}</div>,\n        lastCell && <div className={rightJustifyStyles}>{navigation}</div>\n      ]\n    : null;\n\n  return (\n    <Grid gap=\"4x\" gridTemplateColumns={columnsTemplate}>\n      {firstCell}\n      {secondCell}\n      <div className={centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = <div className={centerVerticalStyles}>{leading}</div>;\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={flexRowStyles}>\n        <div className={classNames([centerVerticalStyles, metadata ? leftPaddingStyles : ''])}>\n          {metadata}\n        </div>\n        <div className={classNames([centerVerticalStyles, trailing ? leftPaddingStyles : ''])}>\n          {trailing}\n        </div>\n        <div className={classNames([centerVerticalStyles, action ? leftPaddingStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n","/**\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 { JSX, ComponentProps } from 'preact';\nimport { Text } from '../UNSAFE_Text';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: string;\n  /**\n   * Name of the text slot which determines styling\n   */\n  variant: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'overline' | 'metadata';\n} & IntrinsicProps;\n\nconst textVariants: Record<Props['variant'], ComponentProps<typeof Text>['variant']> = {\n  primary: 'primary',\n  secondary: 'primary',\n  tertiary: 'secondary',\n  quaternary: 'secondary',\n  overline: 'secondary',\n  metadata: 'secondary'\n};\n\nconst textSizes: Record<Props['variant'], ComponentProps<typeof Text>['size']> = {\n  primary: 'md',\n  secondary: 'sm',\n  tertiary: 'xs',\n  quaternary: 'sm',\n  overline: 'xs',\n  metadata: 'sm'\n};\n\nconst textLineClamps: Record<Props['variant'], ComponentProps<typeof Text>['lineClamp']> = {\n  primary: undefined,\n  secondary: 2,\n  tertiary: 2,\n  quaternary: 2,\n  overline: 1,\n  metadata: 1\n};\n\nexport function ListItemText({ children, variant }: Props) {\n  const { isTabbable } = useTabbableMode();\n\n  const textContent = (\n    <Text\n      variant={textVariants[variant]}\n      size={textSizes[variant]}\n      lineClamp={textLineClamps[variant]}>\n      {children}\n    </Text>\n  );\n\n  return isTabbable ? <div tabIndex={0}>{textContent}</div> : textContent;\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 */\nimport { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ListItemText } from './ListItemText';\n\ntype IntrinsicProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype Props = {\n  /**\n   * The primary prop takes a simple string that will be formatted and placed in the center of the text area.\n   */\n  primary?: string;\n  /**\n   * The secondary prop takes a simple string that will be formatted and placed below the primary text.\n   */\n  secondary?: string;\n  /**\n   * The tertiary prop takes a simple string that will be formatted and placed below the secondary text.\n   */\n  tertiary?: string;\n  /**\n   * The overline prop takes a simple string that will be formatted and placed above the primary text.\n   */\n  overline?: string;\n} & IntrinsicProps;\n\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\nexport function ListItemTextLayout({ primary, secondary, tertiary, overline }: Props) {\n  return (\n    <div className={flexColumnStyles}>\n      <ListItemText variant=\"overline\">{overline}</ListItemText>\n      <ListItemText variant=\"primary\">{primary}</ListItemText>\n      <ListItemText variant=\"secondary\">{secondary}</ListItemText>\n      <ListItemText variant=\"tertiary\">{tertiary}</ListItemText>\n    </div>\n  );\n}\n"],"names":["selectorStyles","centerVerticalStyles","leftPaddingStyles","flexRowStyles","textVariants","primary","secondary","tertiary","quaternary","overline","metadata","textSizes","textLineClamps","undefined","ListItemText","children","variant","isTabbable","useTabbableMode","textContent","_jsx","Text","Object","assign","size","lineClamp","tabIndex","selector","leading","trailing","action","navigation","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","columnsTemplateBuilder","push","_jsxs","jsxs","className","jsx","classNames","getColumnsTemplate","textArea","Grid","gap","gridTemplateColumns","secondRow"],"mappings":"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"}

package/amd/ListView-6a3088e3.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./PRIVATE_List","./List-56a1055e"],(function(i,t,e,s){"use strict";i.ListView=function(i){return t.jsx(s.List,Object.assign({isVirtualized:!1},i,{children:i.children}))}}));
+//# sourceMappingURL=ListView-6a3088e3.js.map

package/amd/ListView-6a3088e3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-6a3088e3.js","sources":["../../src/UNSAFE_ListView/ListView.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 { List } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'accessibleSummary'\n  | 'children'\n  | 'currentKey'\n  | 'currentItemVariant'\n  | 'data'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * This component is nom-virtualized and renders all rows provided in the data prop.\n */\nexport function ListView<K extends string | number, D>(props: Props<K, D>) {\n  return (\n    <List isVirtualized={false} {...props}>\n      {props.children}\n    </List>\n  );\n}\n"],"names":["props","_jsx","jsx","List","Object","assign","isVirtualized","children"],"mappings":"sHAkCM,SAAiDA,GACrD,OACEC,EAAAC,IAACC,EAAIA,KAAAC,OAAAC,OAAA,CAACC,eAAe,GAAWN,YAC7BA,EAAMO"}

package/amd/LoadMoreCollection-60a7b2a5.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./hooks/UNSAFE_useViewportIntersect","./Collection-0cd076bf"],(function(e,t,o,n,r,s){"use strict";const i="oj-collection-loadmore";e.LoadMoreCollection=function({data:e,children:n,viewportConfig:c,onLoadRange:a,loadMoreIndicator:l,suggestions:d}){const u=o.useRef(null),f=o.useRef(-1);if(r.useViewportIntersect(c,1,".oj-collection-loadmore",(()=>{if(e){(null==f.current||f.current<=0)&&(f.current=e.totalSize);const t=f.current&&f.current>0?f.current:25;a({offset:0,count:e.totalSize+t})}})),!e||!(e=>e&&e.data&&e.offset>=0&&e.totalSize>=0)(e))return t.jsx("div",{ref:u});const j=e,g=j.data,x=j.offset,h=x+g.length,p=j.totalSize,v=l&&"atLeast"===j.sizePrecision&&h<=p;return t.jsxs("div",Object.assign({ref:u},{children:[d,t.jsx(s.Collection,Object.assign({items:g},{children:(z=x,e=>{const t={index:z+e.index,data:e.data};return n(t)})})),v&&t.jsx("div",Object.assign({class:i},{children:l}))]}));var z}}));
+//# sourceMappingURL=LoadMoreCollection-60a7b2a5.js.map

package/amd/LoadMoreCollection-60a7b2a5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-60a7b2a5.js","sources":["../../src/UNSAFE_LoadMoreCollection/LoadMoreCollection.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 { RefObject, ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => ComponentChildren;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n};\n\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\nconst DEFAULT_FETCH_SIZE = 25;\n\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const fetchSizeRef: RefObject<number> = useRef<number>(-1);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(viewportConfig, DEFAULT_MARGIN, LOAD_MORE_SELECTOR, () => {\n    if (data) {\n      if (fetchSizeRef.current == null || fetchSizeRef.current <= 0) {\n        fetchSizeRef.current = data.totalSize;\n      }\n      const fetchSize =\n        fetchSizeRef.current && fetchSizeRef.current > 0\n          ? fetchSizeRef.current\n          : DEFAULT_FETCH_SIZE;\n      onLoadRange({\n        offset: 0,\n        count: data.totalSize + fetchSize\n      });\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const dataState = data;\n  const rangeData = dataState.data;\n  const offset = dataState.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = dataState.totalSize;\n\n  const renderLoadMore =\n    loadMoreIndicator && dataState.sizePrecision === 'atLeast' && endIndex <= itemCount;\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <div ref={rootRef}>\n      {suggestions}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {renderLoadMore && <div class={LOADMORE_STYLE_CLASS}>{loadMoreIndicator}</div>}\n    </div>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","data","children","viewportConfig","onLoadRange","loadMoreIndicator","suggestions","rootRef","useRef","fetchSizeRef","useViewportIntersect","current","totalSize","fetchSize","offset","count","dataState","isDataStateValid","_jsx","jsx","ref","rangeData","endIndex","length","itemCount","renderLoadMore","sizePrecision","_jsxs","Object","assign","Collection","items","startIndex","context","itemContext","index","class"],"mappings":"gLAmDA,MAOMA,EAAuB,8CAOb,UAAyBC,KACvCA,EADuCC,SAEvCA,EAFuCC,eAGvCA,EAHuCC,YAIvCA,EAJuCC,kBAKvCA,EALuCC,YAMvCA,IAEA,MAAMC,EAA0BC,SAAoB,MAC9CC,EAAkCD,EAAAA,QAAgB,GAgCxD,GA7BAE,EAAAA,qBAAqBP,EAtBA,EAIQ,2BAkB4C,KACvE,GAAIF,EAAM,EACoB,MAAxBQ,EAAaE,SAAmBF,EAAaE,SAAW,KAC1DF,EAAaE,QAAUV,EAAKW,WAE9B,MAAMC,EACJJ,EAAaE,SAAWF,EAAaE,QAAU,EAC3CF,EAAaE,QA5BE,GA8BrBP,EAAY,CACVU,OAAQ,EACRC,MAAOd,EAAKW,UAAYC,SAkBzBZ,IAvDyBe,CAAAA,GACvBA,GAAaA,EAAUf,MAAQe,EAAUF,QAAU,GAAKE,EAAUJ,WAAa,EAsDxEK,CAAiBhB,GAC7B,OAAOiB,EAAKC,IAAA,MAAA,CAAAC,IAAKb,IAGnB,MAAMS,EAAYf,EACZoB,EAAYL,EAAUf,KACtBa,EAASE,EAAUF,OACnBQ,EAAWR,EAASO,EAAUE,OAC9BC,EAAYR,EAAUJ,UAEtBa,EACJpB,GAAiD,YAA5BW,EAAUU,eAA+BJ,GAAYE,EAI5E,OACEG,EAAAA,KAAA,MAAAC,OAAAC,OAAA,CAAKT,IAAKb,GACP,CAAAL,SAAA,CAAAI,EACDY,EAAAC,IAACW,aAAUF,OAAAC,OAAA,CAACE,MAAOV,GAAY,CAAAnB,UA9BT8B,EA8B0BlB,EA5B1CmB,IACN,MAAMC,EAA+D,CACnEC,MAAOH,EAAaC,EAAQE,MAC5BlC,KAAMgC,EAAQhC,MAEhB,OAAOC,EAASgC,QAwBfT,GAAkBP,EAAKC,IAAA,MAAAS,OAAAC,OAAA,CAAAO,MAAOpC,GAAuB,CAAAE,SAAAG,SA/BhC2B,IAAAA"}

package/amd/Menu-7882480e.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","./UNSAFE_Floating","./UNSAFE_Layer","./hooks/UNSAFE_useOutsideClick","./hooks/PRIVATE_useCollectionFocusRing","./utils/UNSAFE_mergeProps",'module',"./MenuItem-c03348c5","./Floating-a320db48"],(function(e,n,t,r,s,l,u,o,i,a,c){"use strict";const f=e=>e.dataset.ojMenuItemKey,d=e=>{if(e){const n=e.querySelector("[data-oj-menu-item-key]");if(n){const e=f(n);if(e)return e}}return null},m=(e,n,t)=>()=>{if(e){const r=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let s=r.findIndex((e=>f(e)===t))+(n?-1:1);const l=r.length-1;return s<0&&(s=l),s>l&&(s=0),f(r[s])||null}return null},y=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=f(n);return void 0===e?null:e}return null},g=e=>({onKeyDown:n=>{"Tab"===n.key?(null==e||e({reason:"tabbing"}),n.preventDefault()):"Escape"===n.key&&(null==e||e({reason:"cancel"}))}}),k="_15a4bbb",p="zwnsky",b=200;e.Menu=({children:e,isOpen:r=!1,anchorRef:i,onClose:v,accessibleLabel:h,initialFocus:j="menu"})=>{const A=t.useRef(null),C=t.useRef(null),x=t.useRef(),[D,w]=t.useState(),[F,R]=t.useState("pending"),K=t.useCallback((e=>{w(e.value),R("firstItem")}),[]),[S,E]=u.useCollectionFocusRing((e=>{var n;return!!(null===(n=C.current)||void 0===n?void 0:n.contains(e))}),["ArrowUp","ArrowDown"],(e=>!!y(e))),{currentKeyProps:P}=function(e,n,r,s,l,u,o){const i=t.useCallback((e=>{if(o)if("ArrowDown"!==e.key||e.shiftKey)if("ArrowUp"!==e.key||e.shiftKey){if("Home"===e.key){const n=s();n&&u!=n&&o({value:n}),e.preventDefault()}else if("End"===e.key){const n=l();n&&u!=n&&o({value:n}),e.preventDefault()}}else{const t=n();t&&u!=t&&o({value:t}),e.preventDefault()}else{const n=r();n&&u!=n&&o({value:n}),e.preventDefault()}}),[u,r,n,o,s,l]),a=t.useCallback((n=>{if(o&&!n.shiftKey){const t=e(n.target);t&&u!=t&&o({value:t})}}),[u,e,o]);return{currentKeyProps:null==o?{}:{onClickCapture:a,onKeyDown:i}}}((e=>y(e)),m(C.current,!0,D),m(C.current,!1,D),(()=>d(C.current)),(()=>(e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=f(t);if(e)return e}}return null})(C.current)),D,K),I=t.useCallback((e=>{null==v||v({reason:"outsideClick",target:e.target})}),[v]);return l.useOutsideClick({isDisabled:!r,ref:[A],handler:I}),t.useEffect((()=>{if(r!==x.current){if(r){const e=C.current;if(e)if("menu"===j)setTimeout((()=>{e.focus()}),0),R("menu");else{const e=d(C.current);e?K({value:e}):R("menu")}}else R("pending"),w(void 0);x.current=r}}),[r,j,K]),r?n.jsx(s.Layer,Object.assign({logicalParentRef:i},{children:n.jsx(c.Floating,Object.assign({class:k,ref:A,anchorRef:i,placement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0}},{children:n.jsx(a.MenuContext.Provider,Object.assign({value:{onClose:v,currentKey:D,showFocusRing:S}},{children:n.jsx("div",Object.assign({style:{minWidth:`${i.current&&i.current.offsetWidth>b?i.current.offsetWidth:b}px`},ref:C,tabIndex:"firstItem"===F?-1:0,role:"menu","aria-label":h,class:p},o.mergeProps(E,P,{onPointerDown:e=>{y(e.target)||e.preventDefault()}},g(v)),{children:e}))}))}))})):null}}));
+//# sourceMappingURL=Menu-7882480e.js.map