@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/amd/Indexer-23af6e3c.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact","preact/hooks","./UNSAFE_Flex",'module',"./utils/UNSAFE_mergeProps","./useSingleSelection-3b245d3b","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./utils/PRIVATE_collectionUtils","./utils/PRIVATE_clientHints","./hooks/UNSAFE_useId","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_HiddenAccessible","./PRIVATE_Collection","./tslib.es6-f169f6f6","./utils/UNSAFE_classNames","preact/compat","./classNames-77e465af","./Flex-6a69bc2a","./Collection-b7c3d993","./HiddenAccessible-51ce05e2","./clientHints-6cd92723"],function(e,t,s,n,r,a,i,c,l,o,u,d,y,f,b,x,k,j,v,g,h,O,_,N){"use strict";const R=Object.freeze({key:"__others__",label:"#"}),E="q0i9rd",p="j45p0o",T="jn06r0",A="_7utgrd",m="."+E,w="_18kqzo2",S=v.forwardRef((e,s)=>{const n=f.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:a}=e,i=r.data.key===a,c=F(e,s),l=g.classNames([c.class,r.data.isDisabled&&p,i&&A]),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:l,"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,i=g.classNames([E,a&&n&&T]);return Object.assign(Object.assign({},a&&{ref:r}),{key:e.data.key,class:i,"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 i=Object.assign(Object.assign({},a),{ref:n});return t.jsxs(s.Fragment,{children:[t.jsx(S,Object.assign({},i)),t.jsx(C,Object.assign({},i,{ref:n,context:{index:-1,data:R},valueNow:r}))]})}),C=v.forwardRef((e,s)=>{const{context:n,selectedKey:r}=e,a=F(e,s),i=n.data.key===r,c=g.classNames([a.class,i&&A]),l=R.label;return t.jsx("li",Object.assign({},a,{class:c,"data-oj-valuetext":l},{children:n.data.label}))}),P=v.forwardRef((e,s)=>{const n=f.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,sections:a}=e,i=F(e,s),{from:c,to:l}=V(e);if(!K(r.index,c,l))return null;const o=a[c].label||a[c].key,u=a[l].label||a[l].key,d=g.classNames([w]),y=n.indexer_separatorLabel({FROM_SECTION:`${o}`,TO_SECTION:`${u}`});return t.jsx("li",Object.assign({},i,{"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="_1vdsvsw",U="_1b610c3",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,m),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,i)=>{if(0===e||0===t)return;const c=e/t,l=s-1;if(c<2)r!==l&&(a(l),i(n));else if(c>s||s-c<.01)r>1&&(a(1),i(n));else{const e=q(c,l);e!==r&&e<s&&(a(e),i(n))}},q=(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,i=s;for(;i>a;)i-=1,a=t-(r-1)*i;return i!=s&&(i+=1),i};function z(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,A]=o.useCollectionFocusRing(e=>{var t;return!!(null===(t=b.current)||void 0===t?void 0:t.contains(e))},["ArrowUp","ArrowDown"]),{currentKeyProps:w}=l.useCurrentKey(e=>u.keyExtractor(e,m),u.getPrevNextKey(b.current,j,!0,m),u.getPrevNextKey(b.current,j,!1,m),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 q=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({},i.mergeProps(w,A,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 i=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)}(i)?t.jsx(P,Object.assign({},i)):(R.current-=1,null)}}))}))})),t.jsx(_.HiddenAccessible,{children:t.jsx("span",Object.assign({id:p},{children:z(q)}))})]}))},e.SECTION_OTHERS=R});
+//# sourceMappingURL=Indexer-23af6e3c.js.map

package/amd/Indexer-23af6e3c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indexer-23af6e3c.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-a16712df.js

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

package/amd/InlineHelpSource-a16712df.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineHelpSource-a16712df.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":"6KAwCA,UAAAA,SAAAA,EAAAC,OAAAA,IACE,MACAC,EADAC,uBAAA,4BACAC,2IArCF"}

package/amd/Link-86794d1e.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./hooks/UNSAFE_usePress","./classNames-77e465af"],function(e,a,s,l,r,t){"use strict";const n={default:"_1ezncq6",primary:"_1wohwp1",secondary:"_1e6yt7p",standalone:"_1ghdzks",embedded:"_1lyzpg4"},i=()=>{};e.Link=function({href:e,variant:s="default",placement:l="standalone",target:c,ariaDescribedBy:d,accessibleLabel:o,ariaLabelledBy:u,children:b,onClick:f}){const p=t.classNames([n.default,n[l],"default"!==s&&n[s]]),{pressProps:y}=r.usePress(null!=f?f:i);return a.jsx("a",Object.assign({href:e,"aria-describedby":d,"aria-label":o,"aria-labelledby":u,target:c},y,{class:p},{children:b}))}});
+//# sourceMappingURL=Link-86794d1e.js.map

package/amd/Link-86794d1e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-86794d1e.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   * Specifies id for element (or elements) that describes the object.\n   */\n  ariaDescribedBy?: string;\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: 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  ariaDescribedBy,\n  accessibleLabel,\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-describedby={ariaDescribedBy}\n      aria-label={accessibleLabel}\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","ariaDescribedBy","accessibleLabel","ariaLabelledBy","children","onClick","default","pressProps","usePress"],"mappings":"mKA2DA,MAAAA,EAAA,SAAA,mBAAA,qBAAA,sBAAA,gCAuCAC,EAAA,cAEA,UAAAC,KAAAA,EAAAC,QAAAA,EAAA,UAAAC,UAAAA,EAAA,aAAAC,OAAAA,EAAAC,gBAAAA,EAAAC,gBAAAA,EAAAC,eAAAA,EAAAC,SAAAA,EAAAC,QAAAA,0BAYIV,EAAAW,aAEA,YAAAR,GAAAH,EAAAG,MAEFS,WAAAA,GAAAC,EAAAA,SAAAH,MAAAA,EAAAA,EAAAT"}

package/amd/List-5d60b09d.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks",'module',"./utils/UNSAFE_classNames","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-bd98d014","./PRIVATE_VirtualizedCollection","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./hooks/UNSAFE_useId","./classNames-77e465af","./FocusTrap-0a63cd07","./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-e9cc859f","./Flex-6a69bc2a","./Skeleton-64ad9097"],function(e,t,n,i,s,o,l,r,a,c,u,d,g,m,b,f,v,y,x,h,p,k,j,S,A,C){"use strict";const E=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"}}},_="oj-listview-item",T=".oj-listview-item",w="emrr9b",F="pl0uza",R="_1uyjryl",I="_1msoob0",K="_1xws6qf",P="_74ypmr",V="_1r98hjd",z="_19331p",N="_5ywzyv",M="_1gzvr2k",O="_1lgy49i";function U({children:e,itemKey:i,itemIndex:s,isFocused:o,isFocusRingVisible:l,isGridlineVisible:r,isSelected:a,isTopGridlineVisible:u=!1,isTabbable:b=!1,role:f,selectionMode:v,suggestion:y,currentItemVariant:x}){const h=n.useRef(null),p=n.useMemo(()=>E(f),[f]),k="option"===p.cell?{role:p.cell,"aria-posinset":s+1,"aria-setsize":-1}:{role:p.cell},j=g.classNames([w,_,o&&l&&N,r&&F,u&&R,L(v,a)&&!a&&I,a&&K,a&&"single"===v&&P,"end"===y&&!r&&!(a&&"single"===v)&&V,"highlight"===x&&o&&!a&&z]),S=g.classNames([M,"multiple"===v&&O]);return t.jsx("div",Object.assign({"aria-rowindex":s+1,"data-oj-key":i,class:j,ref:h,role:p.item},y&&{"data-oj-suggestion":!0},"number"==typeof i&&{"data-oj-key-type":"number"},{children:t.jsx("div",Object.assign({id:d.useId(),class:S,"aria-posinset":s+1,"aria-setsize":-1,onKeyDown:e=>{!b||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":1,"aria-selected":"none"!==v?a:void 0},k,{children:t.jsx(c.TabbableModeContext.Provider,Object.assign({value:{isTabbable:b}},{children:t.jsx(m.FocusTrap,Object.assign({isDisabled:!b,restoreFocusRef:!1},{children:e}))}))}))}))}const L=(e,t)=>"none"!==e&&("multiple"===e||!t),D="_1mmsy6f";function H({children:e,minimumCount:i=1}){const[s,o]=n.useState(!1);n.useEffect(()=>{setTimeout(()=>{o(!0)},50)},[]);const l=g.classNames([D]);return s&&e?t.jsx("div",Object.assign({class:l,role:"presentation"},{children:[...Array(i)].map((t,n)=>e(n))})):null}const q="_16702un",B="cnnmt7",G="_1twuoxz";const Y=e=>{const t=null==e?void 0:e.data,n=$(t);if(0===n)return null;return t.slice(0,n).reduce((e,t,i)=>{const s=t.metadata.key;return i===n-1?e.set(s,"end"):e.set(s,!0),e},new Map)},$=e=>{if(!e)return 0;const t=e.findIndex(e=>!e.metadata.suggestion);return-1===t?0:t},J=(e,t)=>{if(e&&t){const n=t.getBoundingClientRect(),i=e.getBoundingClientRect();i.bottom>n.bottom?t.scrollTop=t.scrollTop+(i.bottom-n.bottom):i.top<n.top&&(t.scrollTop=t.scrollTop-(n.top-i.top))}},Q=(e,t)=>null!=t?t:{scroller:()=>e.current},W={all:!1,keys:new Set},X=(e,t)=>{const n=t.data.map(e=>e.metadata.key),i=n.indexOf(e.value.start),s=n.indexOf(e.value.end),o=Math.min(i,s),l=Math.max(i,s);return-1===o?{offset:0,count:t.totalSize}:n.slice(o,l+1)};function Z({sparkleHeight:e}){if(e<=0)return null;const n=e+"px",i=g.classNames([B]),s=g.classNames([G]);return t.jsx("div",Object.assign({class:s},{children:t.jsx("div",{class:i,style:{height:n}})}),"sparkle")}const ee=t.jsx(H,Object.assign({minimumCount:25},{children:()=>t.jsx(A.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(C.Skeleton,{height:"4x"})}))})),te=t.jsx(H,Object.assign({minimumCount:3},{children:()=>t.jsx(A.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(C.Skeleton,{height:"4x"})}))})),ne=(e,t)=>{if(t){const n=Math.min(t.offset,e.offset+e.totalSize),i=n-e.offset;i>0&&(e={offset:n,data:e.data.slice(i,i+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({accessibleSummary:e,allowTabbableMode:i=!0,children:s,currentKey:a,data:c,gridlines:u,loadingIndicator:d=ee,onCurrentKeyChange:m,onLoadRange:h,onSelectionChange:p,onItemAction:A,rangeExtractor:C,role:_="grid",selectedKeys:w=W,selectionMode:F="none",viewportConfig:R,currentItemVariant:I="none",isVirtualized:K=!0}){const P=n.useRef(null),V=n.useMemo(()=>E(_),[_]),z=n.useRef(),N=n.useRef(),M=n.useRef(),[O,L]=n.useState(0),D="none"===F?void 0:"multiple"===F,H=null===c?void 0:"exact"===c.sizePrecision?c.totalSize:-1,B=g.classNames([q]),{currentKeyProps:G}=f.useCurrentKey(e=>k.keyExtractor(e,T),k.getPrevNextKey(P.current,a,!0,T),k.getPrevNextKey(P.current,a,!1,T),a,m),$=e=>{var t;return!!(null===(t=P.current)||void 0===t?void 0:t.contains(e))},[ie,se]=v.useCollectionFocusRing($,["ArrowUp","ArrowDown"]);let oe=!1;const[le,re]=y.useTabbableModeSet($,e=>k.keyExtractor(e,T),a,(e,t)=>{var n;(null===e||$(e))&&(t?(oe=!0,setTimeout(()=>{var e;null===(e=P.current)||void 0===e||e.focus()},0)):null===(n=P.current)||void 0===n||n.focus())},e=>{m&&m({value:e})});n.useEffect(()=>{if(null!=a&&P.current){const e=k.findElementByKey(P.current,a,T);if(e){const t=null==R?void 0:R.scroller();J(e,null!=t?t:P.current);const n=e.querySelector(`[role=${V.cell}]`);n&&P.current.setAttribute("aria-activedescendant",n.id)}}},[a,c,V.cell,R]);const ae=n.useCallback(e=>{p&&(!1===e.value.all&&e.value.keys.size>0&&(z.current=Array.from(e.value.keys.values()).pop()),p(e))},[z,p]),ce=n.useCallback(e=>{if(c&&p){const t=X(e,c);Array.isArray(t)?p({value:{all:!1,keys:new Set(t)},target:null}):(N.current={detail:e,range:{offset:c.offset,count:c.data.length}},h(t))}},[c,p,h]),ue=n.useCallback(()=>{if(P.current&&m&&(!i||le(void 0))){const e=M.current||k.getFirstVisibleKey(P.current,T);l.isKeyDefined(e)&&m({value:e})}},[i,m,le]),de=n.useCallback(e=>{var t,n;const i=k.keyExtractor(e.target,T);i&&"checkbox"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.getAttribute("type"))&&(null===(n=P.current)||void 0===n||n.focus(),m&&i&&m({value:i}))},[m]),ge=n.useCallback(e=>{!l.isKeyDefined(a)&&m&&ue(),!i&&de(e)},[i,a,ue,de,m]),{selectionProps:me}=b.useSelection(e=>e===P.current?void 0===a?null:a:k.keyExtractor(e,T),w,F,!1,"replace",ae,z.current,a,(e,t)=>k.getPrevNextKey(P.current,e,t,T),e=>{if(P.current){const t=k.findElementByKey(P.current,e,T);if(t){const e=null==R?void 0:R.scroller();J(t,null!=e?e:P.current)}}},ce);if(c&&void 0!==N.current&&p){const e=X(N.current.detail,c);Array.isArray(e)&&p({value:{all:!1,keys:new Set(e)},target:null});const t=N.current?N.current.range:{offset:c.offset,count:c.data.length};c=ne(c,t),N.current=void 0,h(t)}const be=n.useMemo(()=>Y(c),[c]),fe=t.jsx(Z,{sparkleHeight:O}),ve=x.useItemAction(a,c,A,T);n.useEffect(()=>{var e,t;if(be){const n=null===(e=P.current)||void 0===e?void 0:e.querySelector("."+S.PLACEHOLDER_STYLE_CLASS);let i=(null==n?void 0:n.offsetHeight)||0;const s=null===(t=P.current)||void 0===t?void 0:t.querySelectorAll("[data-oj-suggestion]");null==s||s.forEach(e=>i+=e.offsetHeight),L(i)}},[be]);const ye=n.useCallback(e=>{const n="multiple"===F?()=>t.jsx(j.Selector,{onChange:ae,rowKey:e.data.metadata.key,selectedKeys:w}):void 0;return{index:e.index,data:e.data.data,metadata:e.data.metadata,selector:n}},[F,w,ae]),xe=e=>{const n=ye(e),o=null==be?void 0:be.get(n.metadata.key),r=i&&le(n.metadata.key),d=a===n.metadata.key&&!r,g=l.containsKey(w,n.metadata.key);return t.jsx(U,Object.assign({isFocused:d,isFocusRingVisible:ie&&!oe,isGridlineVisible:(m=n.index,"visible"===(null==u?void 0:u.item)&&(m+1!==(null==c?void 0:c.totalSize)||"visible"===(null==u?void 0:u.bottom))),isSelected:g,isTabbable:i&&le(n.metadata.key),itemIndex:n.index,itemKey:n.metadata.key,role:_,selectionMode:F,currentItemVariant:I},o&&{suggestion:o},0===n.index&&{isTopGridlineVisible:"visible"===(null==u?void 0:u.item)&&"visible"===(null==u?void 0:u.top)},{children:s(n)}),n.metadata.key);var m};R=Q(P,R);const he=K?t.jsx(S.VirtualizedCollection,Object.assign({data:c,itemSelector:T,loadMoreIndicator:te,onLoadRange:h,rangeExtractor:C,suggestions:fe,viewportConfig:R},{children:xe})):t.jsx(r.LoadMoreCollection,Object.assign({data:c,loadMoreIndicator:te,onLoadRange:h,suggestions:fe,viewportConfig:R},{children:xe})),pe=n.useCallback(e=>{const t=k.keyExtractor(e.target,T);l.isKeyDefined(t)&&(M.current=t)},[]);return t.jsx("div",Object.assign({},o.mergeProps(i?re:{},G,se,me,ve,{onFocus:ge,onPointerDown:pe}),{role:_,"aria-rowcount":H,"aria-colcount":1,ref:P,class:B,tabIndex:0,"aria-label":e,"aria-multiselectable":D},{children:null==c?d:he}))},e.SkeletonContainer=H});
+//# sourceMappingURL=List-5d60b09d.js.map

package/amd/List-5d60b09d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-5d60b09d.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-0d059eb6.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./UNSAFE_Grid","./utils/UNSAFE_classNames","./classNames-77e465af","./UNSAFE_Text","./hooks/UNSAFE_useTabbableMode","./Text-3c659af2"],function(s,e,a,i,n,r,t,c,l){"use strict";const d="_1f0snig",o="_1xduslh",j="ykqj9e",m="saw92n";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 v({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:v,quaternary:y,navigation:b}){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 v=null;(i||n||t||l)&&(x.push("auto"),v=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 y=x.join(" ");return{columnsTemplate:y,firstCell:h,secondCell:u,lastCell:v,hasSecondRow:!(!c&&!l)}}(a,n,h,u,v,y,b),T=s?e.jsx("div",Object.assign({className:"_1xcjnx6"},{children:s})):e.jsxs("div",Object.assign({className:"t15azo"},{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:"_11hhta6"},{children:y})),O&&e.jsx("div",Object.assign({className:"_1sric4v"},{children:b}))]: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=v,s.ListItemTextLayout=function({primary:s,secondary:a,tertiary:i,overline:n}){return e.jsxs("div",Object.assign({className:"_1tax011"},{children:[e.jsx(v,Object.assign({variant:"overline"},{children:n})),e.jsx(v,Object.assign({variant:"primary"},{children:s})),e.jsx(v,Object.assign({variant:"secondary"},{children:a})),e.jsx(v,Object.assign({variant:"tertiary"},{children:i}))]}))}});
+//# sourceMappingURL=ListItemTextLayout-0d059eb6.js.map

package/amd/ListItemTextLayout-0d059eb6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTextLayout-0d059eb6.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":"kOAiEA,MAaAA,EAAA,WAMAC,EAAA,WAMAC,EAAA,SAWAC,EAAA,SCjFA,MAAMC,EAAiF,CACrFC,QAAS,UACTC,UAAW,UACXC,SAAU,YACVC,WAAY,YACZC,SAAU,YACVC,SAAU,aAGNC,EAA2E,CAC/EN,QAAS,KACTC,UAAW,KACXC,SAAU,KACVC,WAAY,KACZC,SAAU,KACVC,SAAU,MAGNE,EAAqF,CACzFP,aAASQ,EACTP,UAAW,EACXC,SAAU,EACVC,WAAY,EACZC,SAAU,EACVC,SAAU,YAGII,GAAaC,SAAEA,EAAQC,QAAEA,IACvC,MAAMC,WAAEA,GAAeC,EAAAA,kBAEjBC,EACJC,MAACC,EAAAA,KAAIC,OAAAC,OAAA,CACHP,QAASZ,EAAaY,GACtBQ,KAAMb,EAAUK,GAChBS,UAAWb,EAAeI,IAAQ,CAAAD,SACjCA,KAIL,OAAOE,EAAaG,2BAAKM,SAAU,GAAC,CAAAX,SAAGI,KAAqBA,mBD2D9D,UAAAJ,SAAAA,EAAAY,SAAAA,EAAAC,QAAAA,EAAAvB,QAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAE,SAAAA,EAAAC,SAAAA,EAAAmB,SAAAA,EAAAC,OAAAA,EAAAtB,WAAAA,EAAAuB,WAAAA,IAeE,MAAAC,gBAAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAAC,aAAAA,GA2CF,SAAAT,EAAAC,EAAAlB,EAAAmB,EAAAC,EAAAtB,EAAAuB,yBAYEJ,IACEU,EAAAC,KAAA,6EAKFV,IACES,EAAAC,KAAA,kEAIFD,EAAAC,KAAA,mBAGA5B,GAAAmB,GAAAC,GAAAC,KACEM,EAAAC,KAAA,QACAH,EAAAI,EAAAC,KAAA,MAAAlB,OAAAC,OAAA,CAAAkB,UAAAtC,GAAA,CAAAY,SAAA,CAAAK,EAAAsB,IAAA,MAAApB,OAAAC,OAAA,CAAAkB,UAAAE,EAAAA,WAAA,CAAA1C,EAAAS,EAAAR,EAAA,MAAA,CAAAa,SAAAL,KAAAU,EAAAsB,IAAA,MAAApB,OAAAC,OAAA,CAAAkB,UAAAE,EAAAA,WAAA,CAAA1C,EAAA4B,EAAA3B,EAAA,MAAA,CAAAa,SAAAc,KAAAT,EAAAsB,IAAA,MAAApB,OAAAC,OAAA,CAAAkB,UAAAE,EAAAA,WAAA,CAAA1C,EAAA6B,EAAA5B,EAAA,MAAA,CAAAa,SAAAe,2GAgBFtB,IAAAuB,IAvFAa,CAAAjB,EAAAC,EAAAlB,EAAAmB,EAAAC,EAAAtB,EAAAuB,GAWAc,EAAA9B,EAAAK,EAAAA,IAAA,MAAAE,OAAAC,OAAA,CAAAkB,UA/EF,YA+EE,CAAA1B,SAAAA,KAAAwB,EAAAC,KAAA,MAAAlB,OAAAC,OAAA,CAAAkB,UAjDF,UAiDE,CAAA1B,SAAA,CAAAK,EAAAsB,IAAA,MAAA,CAAA3B,SAAAN,IAAAW,EAAAsB,IAAA,MAAA,CAAA3B,SAAAV,IAAAe,EAAAsB,IAAA,MAAA,CAAA3B,SAAAT,IAAAc,EAAAsB,IAAA,MAAA,CAAA3B,SAAAR,YAaE,CACI0B,GAAAb,EAAAA,IAAA,OAAA,CAAAL,SAAA,MACAmB,GAAAd,EAAAsB,IAAA,OAAA,CAAA3B,SAAA,MACAK,EAAAsB,IAAA,MAAApB,OAAAC,OAAA,CAAAkB,UA9CR,YA8CQ,CAAA1B,SAAAP,KACA2B,GAAAf,EAAAA,IAAA,MAAAE,OAAAC,OAAA,CAAAkB,UArDR,YAqDQ,CAAA1B,SAAAgB,WAIN,OAAAQ,OAAAO,EAAAA,KAAAxB,OAAAC,OAAA,CAAAwB,IAAA,KAAAC,oBAAAhB,GAAA,CAAAjB,SAAA,CAAAkB,EAAAC,EAAAd,EAAAsB,IAAA,MAAApB,OAAAC,OAAA,CAAAkB,UAAAxC,GAAA,CAAAc,SAAA8B,KAAAV,EAAAc,6CEjIF,UAAA5C,QAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAE,SAAAA,iDALA"}

package/amd/ListView-25762e93.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./PRIVATE_List","./List-5d60b09d"],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-25762e93.js.map

package/amd/ListView-25762e93.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-25762e93.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":"qHAkCM,SAAiDA,GACrD,OACEC,EAAAC,IAACC,EAAIA,KAAAC,OAAAC,OAAA,CAACC,eAAe,GAAWN,YAC7BA,EAAMO"}

package/amd/LoadMoreCollection-bd98d014.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./hooks/UNSAFE_useViewportIntersect","./Collection-b7c3d993"],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-bd98d014.js.map

package/amd/LoadMoreCollection-bd98d014.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-bd98d014.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":"+KAmDA,MAOMA,EAAuB,8CAOb,UAAyBC,KACvCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,YACdA,EAAWC,kBACXA,EAAiBC,YACjBA,IAEA,MAAMC,EAA0BC,SAAoB,MAC9CC,EAAkCD,EAAAA,QAAgB,GAgCxD,GA7BAE,EAAAA,qBAAqBP,EAtBA,EAII,0BAkBgD,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,QAkBzBZ,IAvDkB,CAAOe,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/BjC,IAAC2B"}

package/amd/Menu-4156c20f.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","./UNSAFE_Layer","./utils/PRIVATE_clientHints","preact/compat",'module',"./UNSAFE_Floating","preact/hooks","./hooks/PRIVATE_useCollectionFocusRing","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./MenuItem-4065d4c1","./classNames-77e465af","./hooks/UNSAFE_useOutsideClick","./Floating-fe475c26","./useModal-60dd158a","./clientHints-6cd92723"],function(e,n,t,s,r,o,l,i,a,c,u,d,f,p,m,g,h,v){"use strict";const b=e=>e.dataset.ojMenuItemKey,j=e=>{if(e){const n=e.querySelector("[data-oj-menu-item-key]");if(n){const e=b(n);if(e)return e}}return null},y=(e,n,t)=>()=>{if(e){const s=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let r=s.findIndex(e=>b(e)===t)+(n?-1:1);const o=s.length-1;return r<0&&(r=o),r>o&&(r=0),b(s[r])||null}return null},C=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=b(n);return void 0===e?null:e}return null},k={menuContainer:"_18vpgqc",dropdownMenuContainer:"_106oim9",sheetMenuContainer:"_709siw"},w=({children:e,onClose:n,accessibleLabel:s,initialFocus:r="menu",display:o})=>{const l=a.useRef(null),i=a.useRef(r),[d,m]=a.useState(),[g,h]=a.useState("pending"),v=a.useCallback(e=>{m(e.value),h("firstItem")},[]),[w,x]=c.useCollectionFocusRing(e=>{var n;return!!(null===(n=l.current)||void 0===n?void 0:n.contains(e))},["ArrowUp","ArrowDown"],e=>!!C(e)),{currentKeyProps:O}=function(e,n,t,s,r,o,l){const i=a.useCallback(e=>{if(l)if("ArrowDown"!==e.key||e.shiftKey)if("ArrowUp"!==e.key||e.shiftKey){if("Home"===e.key){const n=s();n&&o!=n&&l({value:n}),e.preventDefault()}else if("End"===e.key){const n=r();n&&o!=n&&l({value:n}),e.preventDefault()}}else{const t=n();t&&o!=t&&l({value:t}),e.preventDefault()}else{const n=t();n&&o!=n&&l({value:n}),e.preventDefault()}},[o,t,n,l,s,r]),c=a.useCallback(n=>{if(l&&!n.shiftKey){const t=e(n.target);t&&o!=t&&l({value:t})}},[o,e,l]);return{currentKeyProps:null==l?{}:{onClickCapture:c,onKeyDown:i}}}(e=>C(e),y(l.current,!0,d),y(l.current,!1,d),()=>j(l.current),()=>(e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=b(t);if(e)return e}}return null})(l.current),d,v);return a.useEffect(()=>{const e=l.current;if(e)if("menu"===i.current)setTimeout(()=>{e.focus()},0),h("menu");else{const e=j(l.current);e?v({value:e}):h("menu")}},[i,v]),t.jsx("div",Object.assign({ref:l,tabIndex:"firstItem"===g?-1:0,role:"menu","aria-label":s,class:p.classNames([k.menuContainer,k[`${o}MenuContainer`]])},u.mergeProps(x,O,{onPointerDown:e=>{C(e.target)||e.preventDefault()}},(e=>({onKeyDown:n=>{"Tab"===n.key?(null==e||e({reason:"dismissed"}),n.preventDefault()):"Escape"===n.key&&(null==e||e({reason:"dismissed"}))}}))(n)),{children:t.jsx(f.MenuContext.Provider,Object.assign({value:{onClose:n,currentKey:d,showFocusRing:w}},{children:e}))}))},x="_171odlb",O=e=>{var{anchorRef:s,onClose:r}=e,l=n.__rest(e,["anchorRef","onClose"]);const i=o.useRef(null),a=o.useCallback(e=>{null==r||r({reason:"outsideClick",target:e.target})},[r]);return m.useOutsideClick({ref:[i],handler:a}),t.jsx(g.Floating,Object.assign({class:x,ref:i,anchorRef:s,placement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0}},{children:t.jsx("div",Object.assign({style:{minWidth:`${s.current&&s.current.offsetWidth>T?s.current.offsetWidth:T}px`}},{children:t.jsx(w,Object.assign({},Object.assign({onClose:r},l),{display:"dropdown"}))}))}))},T=200;const D="e82fuh",R="zowobw",S="fvumwf",_="kqx8ie",A=({children:e})=>t.jsx("div",Object.assign({class:D},{children:e})),I=o.forwardRef(({children:e},n)=>t.jsx("div",Object.assign({class:R,ref:n},{children:e}))),E=()=>t.jsx("div",{class:_}),F=e=>{var{onClose:s}=e,r=n.__rest(e,["onClose"]);a.useEffect(()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[]);const o=a.useCallback(()=>{null==s||s({reason:"dismissed"})},[s]),{modalRef:l}=h.useModal({isOpen:!0,onBackdropClick:o}),{swipeProps:i}=function(e,{threshold:n=10,maximumTime:t=300,tolerance:s=50,isDisabled:r=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const o=a.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),l=a.useCallback(()=>{o.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}},[]),i=a.useCallback(e=>{const n=e.changedTouches[0];o.current.pointerDownId?l():o.current={pointerDownId:n.identifier,startTime:e.timeStamp,prevpageX:n.pageX,prevpageY:n.pageY,elementScrollTop:e.currentTarget.scrollTop}},[l]),c=a.useCallback(r=>{const i=r.changedTouches[0];i.identifier===o.current.pointerDownId&&o.current.startTime&&r.timeStamp-o.current.startTime<t&&i.pageY-o.current.prevpageY>n&&Math.abs(i.pageX-o.current.prevpageX)<=s&&0===o.current.elementScrollTop&&(null==e||e({direction:"down"})),l()},[n,e,l,t,s]);return{swipeProps:r?{}:{onTouchStart:i,onTouchEnd:c,ontouchcancel:l}}}(o);return t.jsxs(A,{children:[t.jsx(E,{}),t.jsx(I,Object.assign({ref:l},{children:t.jsx("div",Object.assign({class:S},i,{children:t.jsx(w,Object.assign({},Object.assign(Object.assign({},r),{onClose:s}),{display:"sheet"}))}))}))]})},{deviceType:P}=v.getClientHints(),M="phone"===P;e.Menu=e=>{var{isOpen:r,anchorRef:o}=e,l=n.__rest(e,["isOpen","anchorRef"]);return r?t.jsx(s.Layer,Object.assign({logicalParentRef:o},{children:M?t.jsx(F,Object.assign({},l)):t.jsx(O,Object.assign({},Object.assign({anchorRef:o},l)))})):null}});
+//# sourceMappingURL=Menu-4156c20f.js.map

package/amd/Menu-4156c20f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-4156c20f.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/useMenuSwipe.ts","../../src/UNSAFE_Menu/Menu.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const firstItem = root.querySelector('[data-oj-menu-item-key]');\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1];\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNextKey = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n      return getKey(items[nextIndex]) || null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = (element: HTMLElement): string | null => {\n  const item = element.closest('[data-oj-menu-item-key]');\n  if (item) {\n    const key = getKey(item as HTMLElement);\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape') {\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item. Using this flag removes issues\n    //related to focus visibilty on \"long press\"\n    const nextKey = keyExtractor(event.target as HTMLElement);\n    if (!nextKey) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { Menu } from './Menu';\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNextKey,\n  getFirstVisibleKey,\n  keyExtractor,\n  getLastVisibleKey,\n  getKeyboardCloseProps,\n  getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = ComponentProps<typeof Menu>;\n\ntype MenuContainerProps = Omit<MenuProps, 'isOpen' | 'anchorRef'> & {\n  display: 'sheet' | 'dropdown';\n};\n\nconst styles = {\n  menuContainer: cssProps`${{\n    outlineStyle: 'none'\n  }}`,\n  dropdownMenuContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  sheetMenuContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nexport const MenuContainer = ({\n  children,\n  onClose,\n  accessibleLabel,\n  initialFocus = 'menu',\n  display\n}: MenuContainerProps) => {\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n  const initialFocusRef = useRef(initialFocus);\n\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  const [possibleFocus, setPossibleFocus] = useState<'pending' | 'menu' | 'firstItem'>('pending');\n\n  const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n    setCurrentKey(detail.value);\n    setPossibleFocus('firstItem');\n  }, []);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!menuContainerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown'],\n    (elem: Element) => {\n      const nextKey = keyExtractor(elem as HTMLElement);\n      return !!nextKey;\n    }\n  );\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    (element) => keyExtractor(element),\n    getPrevNextKey(menuContainerRef.current, true, currentKey),\n    getPrevNextKey(menuContainerRef.current, false, currentKey),\n    () => getFirstVisibleKey(menuContainerRef.current),\n    () => getLastVisibleKey(menuContainerRef.current),\n    currentKey,\n    changeKey\n  );\n\n  useEffect(() => {\n    const menuContainer = menuContainerRef.current;\n\n    if (menuContainer) {\n      if (initialFocusRef.current === 'menu') {\n        // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n        // is visible at that point and can be focused\n        setTimeout(() => {\n          menuContainer.focus();\n        }, 0);\n        setPossibleFocus('menu');\n      } else {\n        const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n        if (firstItemKey) {\n          changeKey({ value: firstItemKey });\n        } else {\n          setPossibleFocus('menu');\n        }\n      }\n    }\n  }, [initialFocusRef, changeKey]);\n\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return (\n    <div\n      ref={menuContainerRef}\n      tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n      role=\"menu\"\n      aria-label={accessibleLabel}\n      class={classNames([styles.menuContainer, styles[`${display}MenuContainer`]])}\n      {...mergeProps(\n        focusRingProps,\n        currentKeyProps,\n        getMenuPointerDown(),\n        getKeyboardCloseProps(onClose)\n      )}>\n      <MenuContext.Provider\n        value={{\n          onClose,\n          currentKey,\n          showFocusRing\n        }}>\n        {children}\n      </MenuContext.Provider>\n    </div>\n  );\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 { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  keyExtractor: (element: HTMLElement) => string | null,\n  getPrevKey: () => string | null,\n  getNextKey: () => string | null,\n  getFirstVisibleKey: () => string | null,\n  getLastVisibleKey: () => string | null,\n  currentKey?: string,\n  onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        if (event.key === 'ArrowDown' && !event.shiftKey) {\n          const nextKey = getNextKey();\n          if (nextKey && currentKey != nextKey) {\n            onChange({ value: nextKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n          const prevKey = getPrevKey();\n          if (prevKey && currentKey != prevKey) {\n            onChange({ value: prevKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'Home') {\n          const firstKey = getFirstVisibleKey();\n          if (firstKey && currentKey != firstKey) {\n            onChange({ value: firstKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'End') {\n          const lastKey = getLastVisibleKey();\n          if (lastKey && currentKey != lastKey) {\n            onChange({ value: lastKey });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n  );\n  //Capture needed since usePress stop propagation, what produces not triggering this event.\n  //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (nextKey && currentKey != nextKey) {\n          onChange({ value: nextKey });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n","import { ComponentProps, useCallback, useRef } from 'preact/compat';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Floating } from '../UNSAFE_Floating';\n\nimport { MenuContainer } from './MenuContainer';\nimport { Menu } from './Menu';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\nconst styles = {\n  // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n  // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n  base: cssProps`${{\n    maxWidth: '90vw',\n    width: 'max-content',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n  }}`\n};\n\nexport const DropdownMenu = ({\n  anchorRef,\n  onClose,\n  ...dropdownMenuProps\n}: ComponentProps<typeof Menu>) => {\n  const floatingRef = useRef<HTMLElement | null>(null);\n\n  const useOutsideClickHandler = useCallback(\n    (e: MouseEvent) => {\n      onClose?.({ reason: 'outsideClick', target: e.target as Element });\n    },\n    [onClose]\n  );\n\n  useOutsideClick({\n    ref: [floatingRef],\n    handler: useOutsideClickHandler\n  });\n\n  return (\n    <Floating\n      class={styles.base}\n      ref={floatingRef}\n      anchorRef={anchorRef}\n      placement=\"bottom-start\"\n      offsetValue={{\n        mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n        crossAxis: 0\n      }}>\n      <div\n        style={{\n          minWidth: `${\n            anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n              ? anchorRef.current.offsetWidth\n              : MENU_MIN_WIDTH\n          }px`\n        }}>\n        <MenuContainer {...{ onClose, ...dropdownMenuProps }} display=\"dropdown\" />\n      </div>\n    </Floating>\n  );\n};\n\nconst MENU_MIN_WIDTH = 200;\n","import { ComponentProps } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useMenuSwipe } from './useMenuSwipe';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nimport { Menu } from './Menu';\nimport { MenuContainer } from './MenuContainer';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nconst styles = {\n  modalWrapper: cssProps`${{\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup)'\n  }}`,\n  modalContainer: cssProps`${{\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0\n  }}`,\n  sheetMenuContainerWrapper: cssProps`${{\n    borderRadius: '16px 16px 0 0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    maxHeight: 'calc(100% - 96px)',\n    overflowY: 'auto',\n    overscrollBehaviorY: 'contain',\n    touchAction: 'pan-y',\n    userSelect: 'none'\n  }}`,\n  modalBackdrop: cssProps`${{\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color)'\n  }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n  <div class={styles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n  <div class={styles.modalContainer} ref={ref}>\n    {children}\n  </div>\n));\n//ModalBackdrop on modal folder not setting the style on oj-c enviroment\n//Creating it here so we don't see that issue\nconst ModalBackdrop = () => <div class={styles.modalBackdrop} />;\n\nexport const SheetMenu = ({\n  onClose,\n  ...menuProps\n}: Omit<ComponentProps<typeof Menu>, 'anchorRef'>) => {\n  useEffect(() => {\n    // We set the overflow body as hidden when mounted and revert to original overflow value when is\n    // unmounted. This is done to don't allow backgound being scrolled\n    // This will be handled by modal/popup when ready\n    const initialOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = initialOverflow;\n    };\n  }, []);\n\n  const dismissHandler = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const { modalRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n  //TODO: Use useSwipe when it works on components that could scroll.\n  const { swipeProps } = useMenuSwipe(dismissHandler);\n\n  // TODO: For now we are mimicking current modal but using a \"different position setting\" (using absolute positioning instead of flex).\n  // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.\n  return (\n    <ModalWrapper>\n      <ModalBackdrop></ModalBackdrop>\n      <ModalContainer ref={modalRef}>\n        <div class={styles.sheetMenuContainerWrapper} {...swipeProps}>\n          <MenuContainer {...{ ...menuProps, onClose }} display=\"sheet\"></MenuContainer>\n        </div>\n      </ModalContainer>\n    </ModalWrapper>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n*/\nexport function useMenuSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { RefObject, ComponentChildren } from 'preact';\n\nimport { Layer } from '../UNSAFE_Layer';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  accessibleLabel?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n      reason: 'dismissed' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\nconst { deviceType } = getClientHints();\nconst isMobile = deviceType === 'phone';\nexport const Menu = ({ isOpen, anchorRef, ...menuProps }: MenuProps) => {\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      {isMobile ? <SheetMenu {...menuProps} /> : <DropdownMenu {...{ anchorRef, ...menuProps }} />}\n    </Layer>\n  );\n};\n"],"names":["getKey","item","dataset","getFirstVisibleKey","root","firstItem","querySelector","key","getPrevNextKey","isPrev","currentKey","items","Array","from","querySelectorAll","nextIndex","findIndex","itemsLastIndex","length","keyExtractor","element","closest","undefined","styles","MenuContainer","children","onClose","accessibleLabel","initialFocus","display","menuContainerRef","useRef","initialFocusRef","changeKey","useCallback","detail","setCurrentKey","value","_a","current","contains","elem","currentKeyProps","getPrevKey","getNextKey","getLastVisibleKey","onChange","onKeyDown","event","shiftKey","firstKey","preventDefault","lastKey","prevKey","nextKey","onClickCapture","target","useMenuCurrentKey","lastItem","menuContainer","firstItemKey","_jsx","Object","assign","ref","tabIndex","possibleFocus","role","class","classNames","mergeProps","focusRingProps","onPointerDown","reason","getKeyboardCloseProps","MenuContext","Provider","DropdownMenu","floatingRef","useOutsideClickHandler","e","useOutsideClick","handler","mainAxis","crossAxis","minWidth","anchorRef","offsetWidth","MENU_MIN_WIDTH","jsx","dropdownMenuProps","ModalWrapper","ModalContainer","forwardRef","ModalBackdrop","SheetMenu","menuProps","__rest","dismissHandler","modalRef","useModal","isOpen","onBackdropClick","onSwipe","threshold","maximumTime","tolerance","isDisabled","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","onTouchStart","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","direction","swipeProps","ontouchcancel","_jsxs","deviceType","getClientHints","isMobile","Layer","logicalParentRef"],"mappings":"2dAeA,MAAMA,EAAUC,GAGPA,EAAKC,QAAuB,cAMxBC,EAAsBC,IACjC,GAAIA,EAAM,CACR,MAAMC,EAAYD,EAAKE,cAAc,2BACrC,GAAID,EAAW,CACb,MAAME,EAAMP,EAAOK,GACnB,GAAIE,EACF,OAAOA,GAIb,OAAO,MAwBIC,EAAiB,CAACJ,EAA0BK,EAAiBC,IACjE,KACL,GAAIN,EAAM,CACR,MAAMO,EAAQC,MAAMC,KAAKT,EAAKU,iBAAiB,4BAE/C,IAAIC,EADoBJ,EAAMK,UAAWf,GAASD,EAAOC,KAAUS,IAChCD,GAAU,EAAI,GACjD,MAAMQ,EAAiBN,EAAMO,OAAS,EAOtC,OANIH,EAAY,IACdA,EAAYE,GAEVF,EAAYE,IACdF,EAAY,GAEPf,EAAOW,EAAMI,KAAe,KAErC,OAAO,MAOEI,EAAgBC,IAC3B,MAAMnB,EAAOmB,EAAQC,QAAQ,2BAC7B,GAAIpB,EAAM,CACR,MAAMM,EAAMP,EAAOC,GACnB,YAAeqB,IAARf,EAAoB,KAAOA,EAEpC,OAAO,MClDTgB,EAAA,eAAA,iCAAA,yCAcAC,EAAA,EAAAC,SAAAA,EAAAC,QAAAA,EAAAC,gBAAAA,EAAAC,aAAAA,EAAA,OAAAC,QAAAA,MAOE,MAAAC,EAAAC,SAAA,MACAC,EAAAD,SAAAH,kDAMAK,EAAAC,EAAAA,YAAAC,IACEC,EAAAD,EAAAE,oEAME,SAAA,QAAAC,EAAAR,EAAAS,eAAA,IAAAD,OAAA,EAAAA,EAAAE,SAAAC,kCAIAtB,EAAAsB,KAKJC,gBAAAA,GCzDc,SACdvB,EACAwB,EACAC,EACAzC,EACA0C,EACAnC,EACAoC,GAEA,MAAMC,EAAYb,cACfc,IACC,GAAIF,EAEF,GAAkB,cAAdE,EAAMzC,KAAwByC,EAAMC,SAMjC,GAAkB,YAAdD,EAAMzC,KAAsByC,EAAMC,UAMtC,GAAkB,SAAdD,EAAMzC,IAAgB,CAC/B,MAAM2C,EAAW/C,IACb+C,GAAYxC,GAAcwC,GAC5BJ,EAAS,CAAET,MAAOa,IAEpBF,EAAMG,sBACD,GAAkB,QAAdH,EAAMzC,IAAe,CAC9B,MAAM6C,EAAUP,IACZO,GAAW1C,GAAc0C,GAC3BN,EAAS,CAAET,MAAOe,IAEpBJ,EAAMG,sBAjB+C,CACrD,MAAME,EAAUV,IACZU,GAAW3C,GAAc2C,GAC3BP,EAAS,CAAET,MAAOgB,IAEpBL,EAAMG,qBAX0C,CAChD,MAAMG,EAAUV,IACZU,GAAW5C,GAAc4C,GAC3BR,EAAS,CAAET,MAAOiB,IAEpBN,EAAMG,mBAsBZ,CAACzC,EAAYkC,EAAYD,EAAYG,EAAU3C,EAAoB0C,IAI/DU,EAAiBrB,cACpBc,IACC,GAAIF,IAAaE,EAAMC,SAAU,CAC/B,MAAMK,EAAUnC,EAAa6B,EAAMQ,QAC/BF,GAAW5C,GAAc4C,GAC3BR,EAAS,CAAET,MAAOiB,MAIxB,CAAC5C,EAAYS,EAAc2B,IAI7B,MAAO,CAAEJ,gBAD2B,MAAZI,EAAmB,GAAK,CAAES,eAAAA,EAAgBR,UAAAA,IDClEU,CAAArC,GAAAD,EAAAC,GAAAZ,EAAAsB,EAAAS,SAAA,EAAA7B,GAAAF,EAAAsB,EAAAS,SAAA,EAAA7B,GAAA,IAAAP,EAAA2B,EAAAS,SAAA,IDxC+B,CAACnC,IAChC,GAAIA,EAAM,CACR,MAAMO,EAAQP,EAAKU,iBAAiB,2BAC9B4C,EAAW/C,EAAMA,EAAMO,OAAS,GACtC,GAAIwC,EAAU,CACZ,MAAMnD,EAAMP,EAAO0D,GACnB,GAAInD,EACF,OAAOA,GAIb,OAAO,MC6BPsC,CAAAf,EAAAS,SAAA7B,EAAAuB,GAiCA,wBAtBE,MAAA0B,EAAA7B,EAAAS,QAEA,GAAAoB,EACE,GAAA,SAAA3B,EAAAO,oDAOO,sBAELqB,EACE3B,EAAA,CAAAI,MAAAuB,gBAMR,CAAA5B,EAAAC,IAGA4B,MAAA,MAAAC,OAAAC,OAAA,CAAAC,IAAAlC,EAAAmC,SAAA,cAAAC,GAAA,EAAA,EAAAC,KAAA,OAAA,aAAAxC,EAAAyC,MAAAC,EAAAA,WAAA,CAAA9C,EAAAoC,cAAApC,EAAA,GAAAM,qBAAAyC,EAAAA,WAAAC,EAAA7B,EDIO,CAAE8B,cATcxB,IAIL7B,EAAa6B,EAAMQ,SAEjCR,EAAMG,mBAtByB,CAACzB,IAS7B,CAAEqB,UARUC,IACC,QAAdA,EAAMzC,KACRmB,MAAAA,GAAAA,EAAU,CAAE+C,OAAQ,cACpBzB,EAAMG,kBACiB,WAAdH,EAAMzC,MACfmB,MAAAA,GAAAA,EAAU,CAAE+C,OAAQ,kBCexBC,CAAAhD,IAAA,CAAAD,SAAAoC,EAAAA,IAAAc,EAAAA,YAAAC,SAAAd,OAAAC,OAAA,CAAA1B,MAAA,0CAkBO,CAAAZ,SAAAA,SE1HTF,aAYAsD,EAAAvC,uEAKE,MAAAwC,EAAA/C,SAAA,MAEAgD,EAAA7C,EAAAA,YAAA8C,IAEItD,MAAAA,GAAAA,EAAA,CAAA+C,OAAA,eAAAjB,OAAAwB,EAAAxB,UACF,CAAA9B,WAIFuD,kBAAA,SAEEC,QAAAH,oGAUII,SAAA,EACAC,UAAA,gDAIEC,SAAA,GAAAC,EAAA/C,SAAA+C,EAAA/C,QAAAgD,YAAAC,EAEIF,EAAA/C,QAAAgD,oBAGL,CAAA9D,SAAAoC,EAAA4B,IAAAjE,EAAAsC,OAAAC,OAAA,GAAAD,OAAAC,OAAA,CAAArC,QAAAA,GAAAgE,GAAA,CAAA7D,QAAA,qBAOT2D,EAAA,IClDA,MAAAjE,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,WAuCAoE,EAAA,EAAAlE,SAAAA,KAAAoC,MAAA,MAAAC,OAAAC,OAAA,CAAAK,MAAA7C,GAAA,CAAAE,SAAAA,KAGAmE,EAAAC,EAAAA,WAAA,EAAApE,SAAAA,GAAAuC,IAAAH,EAAA4B,IAAA,MAAA3B,OAAAC,OAAA,CAAAK,MAAA7C,EAAAyC,IAAAA,GAAA,CAAAvC,SAAAA,MAOAqE,EAAA,IAAAjC,EAAA4B,IAAA,MAAA,CAAArB,MAAA7C,IAEAwE,EAAAzD,IAA0B,IAAAZ,QAAAA,GAAAY,EAAA0D,EAAAC,EAAAA,OAAA3D,EAAA,CAAA,kEAUtB,6CAAA,0CAKF,MAAA4D,EAAAhE,EAAAA,YAAA,uCAEA,CAAAR,KAEAyE,SAAAA,GAAAC,WAAA,CAAAC,QAAA,EAAAC,gBAAAJ,mBC5CI,SACJK,GACAC,UAAEA,EAAY,GAAEC,YAAEA,EAAc,IAAGC,UAAEA,EAAY,GAAEC,WAAEA,GAAa,GAAwB,CACxFH,UAAW,GACXC,YAAa,IACbC,UAAW,GACXC,YAAY,IAGd,MAAM3C,EAAMjC,EAAAA,OAAmB,CAC7B6E,cAAe,EACfC,UAAW,KACXC,UAAW,EACXC,UAAW,EACXC,iBAAkB,IAGdC,EAAa/E,EAAAA,YAAY,KAC7B8B,EAAIzB,QAAU,CACZqE,cAAe,KACfC,UAAW,EACXC,UAAW,EACXC,UAAW,EACXC,iBAAkB,IAEnB,IAEGE,EAAehF,cAClB8C,IACC,MAAMmC,EAAWnC,EAAEoC,eAAe,GAC7BpD,EAAIzB,QAAQqE,cASfK,IARAjD,EAAIzB,QAAU,CACZqE,cAAeO,EAASE,WACxBR,UAAW7B,EAAEsC,UACbR,UAAWK,EAASI,MACpBR,UAAWI,EAASK,MACpBR,iBAAmBhC,EAAEyC,cAA8BC,YAMzD,CAACT,IAGGU,EAAazF,cAChB0F,IACC,MAAMT,EAAWS,EAAGR,eAAe,GAC/BD,EAASE,aAAerD,EAAIzB,QAAQqE,eAClC5C,EAAIzB,QAAQsE,WAAae,EAAGN,UAAYtD,EAAIzB,QAAQsE,UAAYJ,GAEhEU,EAASK,MAAQxD,EAAIzB,QAAQwE,UAAYP,GACzCqB,KAAKC,IAAIX,EAASI,MAAQvD,EAAIzB,QAAQuE,YAAcJ,GACnB,IAAjC1C,EAAIzB,QAAQyE,mBAEZT,MAAAA,GAAAA,EAAU,CAAEwB,UAAW,UAK7Bd,KAEF,CAACT,EAAWD,EAASU,EAAYR,EAAaC,IAYhD,MAAO,CACLsB,WAViBrB,EACf,GACA,CAEEO,aAAAA,EACAS,WAAAA,EACAM,cAAehB,QDrBrB,OAAAiB,EAAAA,KAAAvC,EAAA,CAAAlE,SAAA,CAAAoC,EAAA4B,IAAAK,EAAA,IAAAjC,MAAA+B,EAAA9B,OAAAC,OAAA,CAAAC,IAAAmC,GAAA,CAAA1E,SAAAoC,EAAA4B,IAAA,MAAA3B,OAAAC,OAAA,CAAAK,MAAA7C,GAAAyG,EAAA,CAAAvG,SAAAoC,EAAAA,IAAArC,EAAAsC,OAAAC,OAAA,GAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAiC,GAAA,CAAAtE,QAAAA,IAAA,CAAAG,QAAA,sBEnCIsG,WAAEA,GAAeC,EAAAA,iBACjBC,EAA0B,UAAfF,SACI7F,QAAA+D,OAAEA,EAAMf,UAAEA,GAAShD,EAAK0D,EAASC,EAAAA,OAAA3D,EAAjC,wBAEnB,OAAQ+D,EACNxC,MAACyE,EAAKA,MAAAxE,OAAAC,OAAA,CAACwE,iBAAkBjD,aACtB+C,EAAWxE,MAACkC,EAASjC,OAAAC,OAAA,GAAKiC,IAAgBnC,EAAAA,IAACgB,kCAAmBS,UAAAA,GAAcU,QAFhE"}

package/amd/MenuDivider-70a48737.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./UNSAFE_Divider","./Divider-7f5777f5"],function(i,e,n,r,s){"use strict";const t="_1q4fleo";i.MenuDivider=function(){return e.jsx("div",Object.assign({class:t},{children:e.jsx(s.Divider,{})}))}});
+//# sourceMappingURL=MenuDivider-70a48737.js.map

package/amd/MenuDivider-70a48737.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider-70a48737.js","sources":["../../src/UNSAFE_Menu/MenuDivider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { Divider } from '../UNSAFE_Divider';\n\nconst styles = {\n  menuDividerContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)'\n  }}`\n};\n\nexport function MenuDivider() {\n  return (\n    <div class={styles.menuDividerContainer}>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["styles","_jsx","Object","assign","class","children","Divider"],"mappings":"2HAYA,MAAAA,2BAOA,WACE,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAJ,GAAA,CAAAK,SAAAJ,EAAAA,IAAAK,EAAAA,QAAA"}

package/amd/MenuItem-4065d4c1.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","./UNSAFE_Text",'module',"./hooks/UNSAFE_useHover","./utils/UNSAFE_classNames","./hooks/UNSAFE_useId","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_usePress","./utils/PRIVATE_clientHints","preact","./clientHints-6cd92723","./classNames-77e465af","./Text-3c659af2"],function(e,n,s,t,a,o,i,r,c,l,u,d,m,v,C){"use strict";const b=d.createContext({onClose:()=>null,currentKey:void 0,showFocusRing:!1});const h={menuItemContainer:"_1d7zly7",focused:"mmcinp",variant:{default:{menuItemContainer:"_1r7zvlr",hover:"_168csby",pseudohover:"_1vp759f"},destructive:{menuItemContainer:"poflzi",hover:"_1ll8894",pseudohover:"_18dx7j0"}},iconLabelContainer:"_1iz69uv",labelContainer:"_1763a7e",iconContainer:"z8rmsq",startIconContainer:"y7qasj",endIconContainer:"b128sm",disabledContainer:"mxvvpk"};const p="events"===m.getClientHints().hoverSupport;function f({label:e,onAction:t,startIcon:a,endIcon:i,role:u,isChecked:d,isDisabled:m=!1,variant:f="default"}){const{onClose:j,currentKey:x,showFocusRing:I}=s.useContext(b),_=r.useId(),N=s.useMemo(()=>`oj-menu-item-${_}`,[_]),g=x===N,A=s.useRef(null),{hoverProps:k,isHover:E}=o.useHover({isDisabled:!p}),{pressProps:F}=l.usePress(()=>{null==j||j({reason:"itemAction"}),null==t||t()},{isDisabled:m});s.useLayoutEffect(()=>{var e;g&&(null===(e=A.current)||void 0===e||e.focus())},[g]);const y=v.classNames([h.menuItemContainer,!m&&h.variant[f].menuItemContainer,m&&h.disabledContainer,!p&&!m&&h.variant[f].pseudohover,p&&E&&!m&&h.variant[f].hover,g&&!!I&&h.focused]),P=v.classNames([h.iconLabelContainer,h.iconContainer,h.startIconContainer]),S=v.classNames([h.iconLabelContainer,h.labelContainer]),z=v.classNames([h.iconLabelContainer,h.iconContainer,h.endIconContainer]);return n.jsxs("a",Object.assign({ref:A,class:y},c.mergeProps(k,F),{role:u,"data-oj-menu-item-key":N},m&&{"aria-disabled":!0},"menuitem"!==u&&{"aria-checked":d},{tabIndex:g?0:-1},{children:[a&&n.jsx("span",Object.assign({class:P},{children:a})),n.jsx("span",Object.assign({class:S},{children:n.jsx(C.Text,Object.assign({variant:"inherit",size:"md"},{children:e}))})),i&&n.jsx("span",Object.assign({class:z},{children:i}))]}))}e.BaseMenuItem=f,e.MenuContext=b,e.MenuItem=function(e){return n.jsx(f,Object.assign({},e,{role:"menuitem"}))}});
+//# sourceMappingURL=MenuItem-4065d4c1.js.map

package/amd/MenuItem-4065d4c1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem-4065d4c1.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/useMenuContext.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  onClose: ComponentProps<typeof Menu>['onClose'];\n  currentKey?: string;\n  showFocusRing: boolean;\n};\n\n/**\n * Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContext = createContext<Props>({\n  onClose: () => null,\n  currentKey: undefined,\n  showFocusRing: false\n});\n\nexport { MenuContext };\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 { useLayoutEffect, useRef, useMemo } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { useMenuContext } from './useMenuContext';\n\nconst styles = {\n  menuItemContainer: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important',\n    width: '100%',\n    paddingTop: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingBottom: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding)',\n    boxSizing: 'border-box',\n    minHeight: 'var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height)',\n    display: 'flex',\n    textAlign: 'start',\n    alignItems: 'center',\n    textDecorationLine: 'none !important',\n    outlineStyle: 'none'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineOffset: '1px',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n  }}`,\n  variant: {\n    default: {\n      menuItemContainer: cssProps`${{\n        /* Color seems to change in active state due to a:active selector added on oj-c enviroment\n        because of this we have to set color here again. Same happens on disabled which\n         can't set pointerEvents as none since disabled items can receive focus */\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n      }}`,\n      hover: cssProps`${{\n        // @ts-ignore\n        '&:not(:active)': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n        }\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover:not(:active)': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n          }\n        }\n      }}`\n    },\n    destructive: {\n      menuItemContainer: cssProps`${{\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low)'\n      }}`,\n      hover: cssProps`${{\n        backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n            color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n          }\n        }\n      }}`\n    }\n  },\n  iconLabelContainer: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  labelContainer: cssProps`${{\n    flexGrow: 1,\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  iconContainer: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  startIconContainer: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding)'\n  }}`,\n  endIconContainer: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding)'\n  }}`,\n  disabledContainer: cssProps`${{\n    cursor: 'default !important',\n    '&:active': {\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n    },\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\ntype BaseMenuItemProps = (SimpleMenuItemProps | SelectMenuItemProps) & BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n};\n\ntype SimpleMenuItemProps = {\n  role: 'menuitem';\n  variant?: 'default' | 'destructive';\n  isChecked?: never;\n};\n\ntype SelectMenuItemProps = {\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  variant?: never;\n  isChecked?: boolean;\n};\n\ntype MenuItemProps = BaseBaseMenuItemProps & {\n  variant?: 'default' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  return <BaseMenuItem {...props} role=\"menuitem\"></BaseMenuItem>;\n}\n\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport function BaseMenuItem({\n  label,\n  onAction,\n  startIcon,\n  endIcon,\n  role,\n  isChecked,\n  isDisabled = false,\n  variant = 'default'\n}: BaseMenuItemProps) {\n  const { onClose, currentKey, showFocusRing } = useMenuContext();\n\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  const isCurrent = currentKey === id;\n\n  const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n\n  const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n\n  const handleItemSelection = () => {\n    onClose?.({ reason: 'itemAction' });\n    onAction?.();\n  };\n\n  const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n  useLayoutEffect(() => {\n    if (isCurrent) {\n      menuItemRef.current?.focus();\n    }\n  }, [isCurrent]);\n\n  const menuItemContainerClasses = classNames([\n    styles.menuItemContainer,\n    !isDisabled && styles.variant[variant].menuItemContainer,\n    isDisabled && styles.disabledContainer,\n    !isHybrid && !isDisabled && styles.variant[variant].pseudohover,\n    isHybrid && isHover && !isDisabled && styles.variant[variant].hover,\n    isCurrent && !!showFocusRing && styles.focused\n  ]);\n\n  const startIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.startIconContainer\n  ]);\n\n  const labelContainerClasses = classNames([styles.iconLabelContainer, styles.labelContainer]);\n\n  const endIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.endIconContainer\n  ]);\n\n  return (\n    <a\n      ref={menuItemRef}\n      class={menuItemContainerClasses}\n      {...mergeProps(hoverProps, pressProps)}\n      role={role}\n      data-oj-menu-item-key={id}\n      {...(isDisabled && { 'aria-disabled': true })}\n      {...(role !== 'menuitem' && { 'aria-checked': isChecked })}\n      tabIndex={isCurrent ? 0 : -1}>\n      {startIcon && <span class={startIconContainerClasses}>{startIcon}</span>}\n      <span class={labelContainerClasses}>\n        <Text variant=\"inherit\" size=\"md\">\n          {label}\n        </Text>\n      </span>\n      {endIcon && <span class={endIconContainerClasses}>{endIcon}</span>}\n    </a>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\n\nimport { MenuContext } from './MenuContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useMenuContext() {\n  return useContext(MenuContext);\n}\n\nexport { useMenuContext };\n"],"names":["MenuContext","createContext","onClose","currentKey","undefined","showFocusRing","styles","variant","default","destructive","isHybrid","getClientHints","hoverSupport","BaseMenuItem","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","useContext","uniqueID","useId","id","useMemo","isCurrent","menuItemRef","useRef","hoverProps","isHover","useHover","pressProps","usePress","_a","current","focus","menuItemContainer","pseudohover","hover","focused","iconLabelContainer","iconContainer","startIconContainer","labelContainerClasses","classNames","labelContainer","endIconContainer","props"],"mappings":"mXAsBM,MAAAA,EAAcC,EAAAA,cAAqB,CACvCC,QAAS,IAAM,KACfC,gBAAYC,EACZC,eAAe,ICJjB,MAAAC,EAAA,mBAAA,mBAAA,SAsBEC,QAAA,CACEC,QAAA,mBAAA,iBAAA,mCA0BAC,YAAA,mBAAA,eAAA,uDAjDJ,0BAAA,yBAAA,4BAAA,0BAAA,qCAqIA,MAAAC,EAAA,WAAAC,EAAAA,iBAAAC,aAEA,SAAAC,GAAAC,MAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAAC,KAAAA,EAAAC,UAAAA,EAAAC,WAAAA,GAAA,EAAAb,QAAAA,EAAA,0DC1ISc,EAAAA,WAAWrB,GDsJlBsB,EAAAC,EAAAA,QACAC,EAAAC,EAAAA,QAAA,IAAA,gBAAAH,IAAA,CAAAA,IACAI,EAAAvB,IAAAqB,EAEAG,EAAAC,SAAA,OAEAC,WAAAA,EAAAC,QAAAA,GAAAC,WAAA,CAAAX,YAAAV,KAOAsB,WAAAA,GAAAC,EAAAA,gDAHElB,MAAAA,GAAAA,KAGF,CAAAK,WAAAA,iCAGEM,IACE,QAAAQ,EAAAP,EAAAQ,eAAA,IAAAD,GAAAA,EAAAE,UAEJ,CAAAV,0BAGEpB,EAAA+B,6EAGA3B,IAAAU,GAAAd,EAAAC,QAAAA,GAAA+B,YACA5B,GAAAoB,IAAAV,GAAAd,EAAAC,QAAAA,GAAAgC,MACAb,KAAArB,GAAAC,EAAAkC,0BAIAlC,EAAAmC,mBACAnC,EAAAoC,cACApC,EAAAqC,qBAGFC,EAAAC,EAAAA,WAAA,CAAAvC,EAAAmC,mBAAAnC,EAAAwC,iCAGExC,EAAAmC,mBACAnC,EAAAoC,cACApC,EAAAyC,weA3DJ,SAAAC"}

package/amd/Message.types-ba802f0d.js

@@ -0,0 +1,2 @@
+define(["exports","./utils/UNSAFE_arrayUtils"],function(r,i){"use strict";i.stringLiteralArray(["banner","inline","toast"]);const n=i.stringLiteralArray(["error","warning","confirmation","info","none"]);r.severities=n});
+//# sourceMappingURL=Message.types-ba802f0d.js.map

package/amd/Message.types-ba802f0d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.types-ba802f0d.js","sources":["../../src/PRIVATE_Message/Message.types.ts"],"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 { ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\nexport const variants = stringLiteralArray(['banner', 'inline', 'toast']);\nexport type MessageVariant = typeof variants[number];\n\nexport const severities = stringLiteralArray(['error', 'warning', 'confirmation', 'info', 'none']);\nexport type MessageSeverity = typeof severities[number];\n\n/**\n * Structure of data item passed to the renderer functions\n */\nexport type MessageRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n"],"names":["stringLiteralArray","severities"],"mappings":"0EAUwBA,EAAkBA,mBAAC,CAAC,SAAU,SAAU,UAAzD,MAGMC,EAAaD,EAAkBA,mBAAC,CAAC,QAAS,UAAW,eAAgB,OAAQ"}

package/amd/MessageCloseButton-6fd750b0.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./UNSAFE_Button","./index-f095628b","./utils/UNSAFE_classNames","./Button-95c272b3","./index-c2b403d2","./classNames-77e465af"],function(s,e,n,t,a,o,i,c,r){"use strict";const l={base:"zkqciu",banner:"_1av4b2o",inline:void 0,toast:"_75s0cj"};s.MessageCloseButton=function({onAction:s,buttonRenderer:n,title:t="Close",variant:a="banner"}){const o=n?n(t,s,a):e.jsx(i.Button,{startIcon:e.jsx(c.SvgIcoClose,{}),size:"sm",title:t,variant:"borderless",onAction:s}),b=r.classNames(["banner"===a&&"oj-c-messagebanner-close-icon",l.base,l[a]]);return e.jsx("div",Object.assign({class:b},{children:o}))}});
+//# sourceMappingURL=MessageCloseButton-6fd750b0.js.map

package/amd/MessageCloseButton-6fd750b0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton-6fd750b0.js","sources":["../../src/PRIVATE_Message/MessageCloseButton.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { VNode } from 'preact';\nimport { Button } from '../UNSAFE_Button';\nimport { CloseIcon } from '../UNSAFE_ThemedIcons';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\n// TODO: remove usages of margin here\nconst messageCloseButtonStyles = {\n  base: cssProps`${{\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  banner: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)'\n  }}`\n};\n\n/**\n * Props for the MessageCloseButton component\n */\ntype Props = {\n  /**\n   * The callback function to be called when the close icon is clicked\n   */\n  onAction: (event?: Event) => void;\n\n  /**\n   * Button renderer\n   */\n  buttonRenderer?: (\n    title: string,\n    onAction: (event?: Event) => void,\n    variant?: MessageVariant\n  ) => VNode;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Close button title\n   */\n  title?: string;\n};\n\n/**\n * A Component for rendering the message close button\n */\nfunction MessageCloseButton({\n  onAction,\n  buttonRenderer,\n  title = 'Close',\n  variant = 'banner'\n}: Props) {\n  const renderedButton = buttonRenderer ? (\n    buttonRenderer(title, onAction, variant)\n  ) : (\n    <Button\n      startIcon={<CloseIcon />}\n      size=\"sm\"\n      title={title}\n      variant=\"borderless\"\n      onAction={onAction}\n    />\n  );\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-close-icon';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageCloseButtonStyles.base,\n    messageCloseButtonStyles[variant]\n  ]);\n\n  // Otherwise, render the close icon\n  return <div class={classes}>{renderedButton}</div>;\n}\n\nexport { MessageCloseButton };\n"],"names":["messageCloseButtonStyles","inline","undefined","onAction","buttonRenderer","title","variant","base","_jsx","Object","assign","class","classes","children","renderedButton"],"mappings":"2NAgBA,MAAAA,EAAA,MAAA,gBAAA,WAWEC,YAAAC,wCAyCF,UAAAC,SAAAA,EAAAC,eAAAA,EAAAC,MAAAA,EAAA,QAAAC,QAAAA,EAAA,kMAuBIN,EAAAO,YAKF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAC"}

package/amd/MessageDetail-49daadc3.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"preact","./utils/UNSAFE_classNames","./MessageFormattingUtils-eb594b6a","./classNames-77e465af"],function(e,n,a,s,t,r,i){"use strict";const l={base:"qmnqu6",banner:"_1yh8qw3",inline:void 0,toast:"_1r1a261"};function c(e){const{detail:a}=e.data;return r.isValidValueForProp(a)?n.jsx(s.Fragment,{children:a}):null}e.MessageDetail=function({item:e,renderer:a=c,variant:s="banner"}){const t=a(e);if(null==t)return null;const r=i.classNames(["banner"===s&&"oj-c-messagebanner-detail",l.base,l[s]]);return n.jsx("div",Object.assign({class:r},{children:t}))}});
+//# sourceMappingURL=MessageDetail-49daadc3.js.map

package/amd/MessageDetail-49daadc3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-49daadc3.js","sources":["../../src/PRIVATE_Message/MessageDetail.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\nconst messageDetailStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n\n  inline: undefined,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color)'\n  }}`\n};\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the detail content\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Default renderer for rendering the detail content.\n *\n * @param item The data item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageRendererDataItem<unknown, D>\n): ComponentChildren {\n  const { detail } = item.data;\n  // If the detail is null or an empty string, do not render the\n  // content row\n  if (!isValidValueForProp(detail)) {\n    return null;\n  }\n  return <Fragment>{detail}</Fragment>;\n}\n\n/**\n * Detail Component for rendering the detail content of the Message\n */\nfunction MessageDetail<K, D extends MessageWithDetailText>({\n  item,\n  renderer = defaultDetailRenderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const renderedContent = renderer(item);\n\n  if (renderedContent == null) return null;\n\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-detail';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageDetailStyles.base,\n    messageDetailStyles[variant]\n  ]);\n  return <div class={classes}>{renderedContent}</div>;\n}\n\nexport { MessageDetail };\n"],"names":["messageDetailStyles","inline","undefined","defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","Fragment","children","renderer","variant","renderedContent","base","Object","assign","class","classes"],"mappings":"wLAcA,MAAAA,EAAA,MAAA,gBAAA,WAWEC,YAAAC,oBAyCF,SAAAC,EAAAC,GAGE,MAAAC,OAAAA,GAAAD,EAAAE,KAGA,OAAAC,EAAAA,oBAAAF,GAGAG,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SAAAL,IAFE,qBAQJ,UAAAD,KAAAA,EAAAO,SAAAA,EAAAR,EAAAS,QAAAA,EAAA,WAKE,MAAAC,EAAAF,EAAAP,cAE6B,OAAA,qEAS3BJ,EAAAc,YAGF,OAAAN,MAAA,MAAAO,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAR,SAAAG"}

package/amd/MessageFormattingUtils-eb594b6a.js

@@ -0,0 +1,2 @@
+define(["exports","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./Message.types-ba802f0d","./stringUtils-e17f4469"],function(t,e,i,n,r){"use strict";const s=Object.freeze({TODAY:{hour:"2-digit",minute:"2-digit",hour12:!0},DEFAULT:{day:"2-digit",month:"2-digit",year:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!0}}),o=/^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;t.formatTimestamp=function(t){const i=function(t){const i=e.getLocale(),{DateTimeFormat:n}=Intl;return new n(i,t?s.TODAY:s.DEFAULT)}(function(t){const e=new Date,i=new Date(t);return e.getUTCFullYear()===i.getUTCFullYear()&&e.getUTCMonth()===i.getUTCMonth()&&e.getUTCDate()===i.getUTCDate()}(t));return i.format(new Date(t))},t.isValidValueForProp=function(t,e="string"){switch(e){case"severity":return"string"==typeof t&&n.severities.includes(t);case"timestamp":return"string"==typeof t&&o.test(t);default:return"string"==typeof t&&!r.isEmptyOrUndefined(t)}}});
+//# sourceMappingURL=MessageFormattingUtils-eb594b6a.js.map

package/amd/MessageFormattingUtils-eb594b6a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFormattingUtils-eb594b6a.js","sources":["../../src/PRIVATE_Message/MessageFormattingUtils.ts"],"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 { getLocale } from '../utils/UNSAFE_getLocale';\nimport { isEmptyOrUndefined } from '../utils/UNSAFE_stringUtils';\nimport { severities } from './Message.types';\n\n// Types of properties that can be formatted\ntype PropFormat = 'severity' | 'string' | 'timestamp';\n\n/**\n * Options for creating an Intl.DateTimeFormat instance.\n */\nconst DATE_FORMAT_OPTIONS = Object.freeze({\n  TODAY: {\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  },\n  DEFAULT: {\n    day: '2-digit',\n    month: '2-digit',\n    year: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  }\n});\n\n/**\n * Regex for validating ISO timestamp\n */\nconst ISO_DATE_REGEX =\n  /^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;\n\n/**\n * Checks if the provided date is today\n *\n * @param isoDate Date to be tested for today\n *\n * @returns boolean indicating if the provided date is today\n */\nfunction isDateToday(isoDate: string) {\n  const today = new Date();\n  const provided = new Date(isoDate);\n\n  return (\n    today.getUTCFullYear() === provided.getUTCFullYear() &&\n    today.getUTCMonth() === provided.getUTCMonth() &&\n    today.getUTCDate() === provided.getUTCDate()\n  );\n}\n\n/**\n * Creates an instance of Intl.DateTimeFormat\n *\n * @param isToday A boolean to indicate whether a formatter is needed for the date\n *                that is the current day.\n *\n * @returns the formatter instance\n */\nfunction getDateTimeFormatter(isToday: boolean) {\n  const locale = getLocale();\n  const { DateTimeFormat } = Intl;\n  if (isToday) {\n    return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.TODAY as Intl.DateTimeFormatOptions);\n  }\n\n  return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.DEFAULT as Intl.DateTimeFormatOptions);\n}\n\n/**\n * Checks if the provided value is valid for the prop specified.\n * By default, this method just checks for the value to be a valid string.\n *\n * @param value The value to be checked\n * @param prop The property for which the value needs to be evaluated\n *\n * @returns the result of the validation\n */\nfunction isValidValueForProp<T>(\n  value: T | null | undefined,\n  prop: PropFormat = 'string'\n): value is T {\n  switch (prop) {\n    case 'severity':\n      // Should be one of the allowed severity\n      return typeof value === 'string' && severities.includes(value as any);\n\n    case 'timestamp':\n      // Should be a valid ISO Datetime string\n      return typeof value === 'string' && ISO_DATE_REGEX.test(value);\n\n    case 'string':\n    default:\n      // anything other than null, undefined and '' is a valid string\n      return typeof value === 'string' && !isEmptyOrUndefined(value);\n  }\n}\n\n/**\n * Formats the timestamp in the required format based on the current\n * locale.\n *\n * @param isoTime Timestamp in ISO format\n */\nfunction formatTimestamp(isoTime: string) {\n  const isToday = isDateToday(isoTime);\n  const formatter = getDateTimeFormatter(isToday);\n\n  return formatter.format(new Date(isoTime));\n}\n\nexport { formatTimestamp, isValidValueForProp };\n"],"names":["DATE_FORMAT_OPTIONS","Object","freeze","TODAY","hour","minute","hour12","DEFAULT","day","month","year","ISO_DATE_REGEX","isoTime","formatter","isToday","locale","getLocale","DateTimeFormat","Intl","getDateTimeFormatter","isoDate","today","Date","provided","getUTCFullYear","getUTCMonth","getUTCDate","isDateToday","format","value","prop","severities","includes","test","isEmptyOrUndefined"],"mappings":"gKAiBA,MAAMA,EAAsBC,OAAOC,OAAO,CACxCC,MAAO,CACLC,KAAM,UACNC,OAAQ,UACRC,QAAQ,GAEVC,QAAS,CACPC,IAAK,UACLC,MAAO,UACPC,KAAM,UACNN,KAAM,UACNC,OAAQ,UACRC,QAAQ,KAONK,EACJ,uJAyEF,SAAyBC,GACvB,MACMC,EA/CR,SAA8BC,GAC5B,MAAMC,EAASC,EAAAA,aACTC,eAAEA,GAAmBC,KAC3B,OACS,IAAID,EAAeF,EADxBD,EACgCd,EAAoBG,MAGtBH,EAAoBO,SAwCpCY,CAlEpB,SAAqBC,GACnB,MAAMC,EAAQ,IAAIC,KACZC,EAAW,IAAID,KAAKF,GAE1B,OACEC,EAAMG,mBAAqBD,EAASC,kBACpCH,EAAMI,gBAAkBF,EAASE,eACjCJ,EAAMK,eAAiBH,EAASG,aA0DlBC,CAAYf,IAG5B,OAAOC,EAAUe,OAAO,IAAIN,KAAKV,2BA9BnC,SACEiB,EACAC,EAAmB,UAEnB,OAAQA,GACN,IAAK,WAEH,MAAwB,iBAAVD,GAAsBE,EAAUA,WAACC,SAASH,GAE1D,IAAK,YAEH,MAAwB,iBAAVA,GAAsBlB,EAAesB,KAAKJ,GAG1D,QAEE,MAAwB,iBAAVA,IAAuBK,EAAkBA,mBAACL"}

package/amd/MessageLayer-2ce2cf6c.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./hooks/UNSAFE_useUser","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./UNSAFE_Flex","./UNSAFE_WindowOverlay","./classNames-77e465af","./Flex-6a69bc2a"],function(t,o,i,e,s,a,n,r,l,c){"use strict";const f=s.stringLiteralArray(["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]),b={notificationPosition:"_6zmcv5","top-left":"_1w090sb",top:"b2hlbg","top-right":"tfbuil","bottom-left":"ij931g",bottom:"_14job3l","bottom-right":"ngn3sg"};t.MessageLayer=({children:t,offset:i,testId:s,position:a="bottom"})=>{var n,f;const{direction:d}=e.useUser(),p="ltr"===d;let m;switch(a){case"top-start":m=p?b["top-left"]:b["top-right"];break;case"top-end":m=p?b["top-right"]:b["top-left"];break;case"bottom-start":m=p?b["bottom-left"]:b["bottom-right"];break;case"bottom-end":m=p?b["bottom-right"]:b["bottom-left"];break;default:m=b[a]}const h=l.classNames([b.notificationPosition,m]),g="number"==typeof i?{"--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset":`${i}px`,"--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset":`${i}px`}:{"--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset":`${null!==(n=null==i?void 0:i.vertical)&&void 0!==n?n:0}px`,"--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset":`${null!==(f=null==i?void 0:i.horizontal)&&void 0!==f?f:0}px`};return o.jsx(r.WindowOverlay,{children:o.jsx("div",Object.assign({class:h,"data-testid":s,style:void 0!==i?g:void 0},{children:o.jsx(c.Flex,Object.assign({direction:"column",gap:"2x"},{children:t}))}))})},t.positions=f});
+//# sourceMappingURL=MessageLayer-2ce2cf6c.js.map