@oracle/oraclejet-preact 15.1.7 → 15.1.9

package/amd/IconButton-703b4967.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './UNSAFE_BaseButton', './UNSAFE_ButtonLayout', 'preact/compat', './hooks/UNSAFE_useTooltip', './BaseButton-4ad2e1a7', './ButtonLayout-34033f1d'], (function(t,o,e,a,i,s,n,r,u){"use strict";const c=s.forwardRef((({variant:t="outlined",isDisabled:a=!1,isRepeat:i=!1,size:s="md",autofocus:c,onAction:l,tooltip:d,"aria-label":p,"aria-describedby":B,...b},f)=>{const{tooltipContent:y,tooltipProps:x}=n.useTooltip({text:d||p});return o.jsxs(e.Fragment,{children:[o.jsx(r.BaseButton,{...x,ref:f,isDisabled:a,isRepeat:i,size:s,autofocus:c,variant:t,styling:["min"],onAction:l,"aria-describedby":B,"aria-label":p??d,children:o.jsx(u.ButtonLayout,{display:"icons",startIcon:b.children,size:s})}),y]})}));t.IconButton=c}));
+//# sourceMappingURL=IconButton-703b4967.js.map

package/amd/IconButton-703b4967.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-703b4967.js","sources":["../../src/UNSAFE_IconButton/IconButton.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 { ComponentChild, Fragment, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from '../UNSAFE_ButtonLayout';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLButtonElement>, 'autofocus'>;\n\n/**\n * Note that only the ghost variant supports the xs size.\n */\ntype VariantSizeProps =\n  | {\n      /**\n       * Indicates in what states the button has chrome (background and border).\n       *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n       * useful for performing low-priority tasks, such as manipulating the UI.\",\n       *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n       * buttons are useful for supplemental actions that require minimal emphasis.\",\n       *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n       * solid buttons. Outlined buttons are useful for secondary actions.\",\n       *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n       *  most important actions in the UI.\",\n       *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n       * complete the action that is the main goal of the page or page section. There\n       * should only be one CTA button on a page at any given time.\",\n       *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n       */\n      variant?: 'ghost';\n      /**\n       * The size indicates how large the button is rendered.\n       */\n      size?: 'xs' | 'sm' | 'md' | 'lg';\n    }\n  | {\n      variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n      size?: 'sm' | 'md' | 'lg';\n    };\n\ntype BaseProps = IntrinsicProps & {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if repeated events are dispatched for key or pointer held down\n   */\n  isRepeat?: boolean;\n\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the button.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n};\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      'aria-label'?: string;\n\n      tooltip: string;\n    };\n\nexport const IconButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      autofocus,\n      onAction,\n      tooltip,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    }: BaseProps & VariantSizeProps & VariationAccessibleLabelProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel\n    });\n    return (\n      <Fragment>\n        <BaseButton\n          {...tooltipProps}\n          ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n          isDisabled={isDisabled}\n          isRepeat={isRepeat}\n          size={size}\n          autofocus={autofocus}\n          variant={variant}\n          styling={['min']}\n          onAction={onAction}\n          aria-describedby={ariaDescribedBy}\n          aria-label={accessibleLabel ?? tooltip}>\n          <ButtonLayout display={'icons'} startIcon={props.children} size={size}></ButtonLayout>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n"],"names":["IconButton","forwardRef","variant","isDisabled","isRepeat","size","autofocus","onAction","tooltip","accessibleLabel","ariaDescribedBy","props","ref","tooltipContent","tooltipProps","useTooltip","text","_jsxs","jsxs","Fragment","children","_jsx","BaseButton","styling","jsx","ButtonLayout","display","startIcon"],"mappings":"6OAiGaA,EAAaC,EAAAA,YACxB,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,YACAC,WACAC,UACA,aAAcC,EACd,mBAAoBC,KACjBC,GAELC,KAEA,MAAMC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMR,GAAoBC,IAE5B,OACEQ,EAAAC,KAACC,WAAQ,CAAAC,SAAA,CACPC,MAACC,EAAAA,WAAU,IACLR,EACJF,IAAKA,EACLT,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNC,UAAWA,EACXJ,QAASA,EACTqB,QAAS,CAAC,OACVhB,SAAUA,EACQ,mBAAAG,EACN,aAAAD,GAAmBD,EAAOY,SACtCC,EAACG,IAAAC,gBAAaC,QAAS,QAASC,UAAWhB,EAAMS,SAAUf,KAAMA,MAElEQ,IAEH"}

package/amd/IconMenuButton-ae5c620c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './UNSAFE_ButtonLayout', './PRIVATE_ThemedIcons/ChevronDownIcon', './UNSAFE_Menu', './hooks/UNSAFE_useMenuAction', './hooks/UNSAFE_useTooltip', './UNSAFE_BaseButton', 'preact', 'preact/compat', 'preact/hooks', './utils/UNSAFE_mergeProps', './BaseButton-4ad2e1a7', './ButtonLayout-34033f1d', './index-5b4c065a', './Menu-415030df'], (function(e,n,t,o,s,i,r,a,u,c,l,d,p,h,b,g){"use strict";const m=c.forwardRef((({children:e,tooltip:t,accessibleLabel:o,variant:s="outlined",isDisabled:a=!1,isMenuOpen:c=!1,isIconOnly:m=!1,onToggleMenu:x,size:B="md",width:M,icon:f,"aria-describedby":A},y)=>{const F=l.useRef(null);l.useImperativeHandle(y,(()=>F.current),[F]);const{triggerProps:I,menuProps:j}=i.useMenuAction({isDisabled:a,onToggleMenu:x,isMenuOpen:c,anchorRef:F}),{tooltipContent:v,tooltipProps:E}=r.useTooltip({text:t||o,isDisabled:c}),S=n.jsx(u.Fragment,{children:n.jsxs(p.BaseButton,{...d.mergeProps(E,I),styling:c?["min","active"]:["min"],isDisabled:a,variant:s,width:M,size:B,ref:F,"aria-describedby":A,"aria-label":o??t,children:[n.jsx(h.ButtonLayout,{display:"icons",startIcon:f,endIcon:m?null:n.jsx(b.SvgChevronDown,{}),size:B}),v]})});return a?S:n.jsxs(u.Fragment,{children:[S,n.jsx(g.Menu,{...j,children:e})]})}));e.IconMenuButton=m}));
+//# sourceMappingURL=IconMenuButton-ae5c620c.js.map

package/amd/IconMenuButton-ae5c620c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMenuButton-ae5c620c.js","sources":["../../src/UNSAFE_IconMenuButton/IconMenuButton.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 { ButtonLayout } from '../UNSAFE_ButtonLayout';\n\nimport { ChevronDownIcon } from '../PRIVATE_ThemedIcons/ChevronDownIcon';\n\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type BaseProps = WidthInterpolationProps & {\n  /**\n   * children - One or more MenuItems, dividers, or Menu groups\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The icon is the button's icon.  Note that this is not the menu\n   * expand icon shown on the right (or to the left in right to left mode).\n   */\n  icon?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if only the icon is shown, and no down chevron.\n   */\n  isIconOnly?: boolean;\n\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the button.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Specifies if the menu is open\n   */\n  isMenuOpen?: boolean;\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggleMenu?: (details: MenuToggleDetail) => void;\n\n  /**\n   * Indicates in what states the button has chrome (background and border).\n   *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n   * buttons are useful for supplemental actions that require minimal emphasis.\",\n   *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n   * solid buttons. Outlined buttons are useful for secondary actions.\",\n   *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n   *  most important actions in the UI.\"\n   */\n  variant?: 'borderless' | 'outlined' | 'solid';\n\n  /**\n   * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n   */\n  size?: 'sm' | 'md' | 'lg';\n};\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconMenuButton is a combined action and menu button.\n */\nexport const IconMenuButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      accessibleLabel,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      isIconOnly = false,\n      onToggleMenu,\n      size = 'md',\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy\n    }: BaseProps & VariationAccessibleLabelProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled: isMenuOpen\n    });\n\n    const rootButton = (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps)}\n          styling={isMenuOpen ? ['min', 'active'] : ['min']}\n          isDisabled={isDisabled}\n          variant={variant}\n          width={width}\n          size={size}\n          ref={buttonRef}\n          aria-describedby={ariaDescribedBy}\n          aria-label={accessibleLabel ?? tooltip}>\n          <ButtonLayout\n            display={'icons'}\n            startIcon={icon}\n            endIcon={isIconOnly ? null : <ChevronDownIcon />}\n            size={size}></ButtonLayout>\n          {tooltipContent}\n        </BaseButton>\n      </Fragment>\n    );\n\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps}>{children}</Menu>\n      </Fragment>\n    );\n  }\n);\n"],"names":["IconMenuButton","forwardRef","children","tooltip","accessibleLabel","variant","isDisabled","isMenuOpen","isIconOnly","onToggleMenu","size","width","icon","ariaDescribedBy","ref","buttonRef","useRef","useImperativeHandle","current","triggerProps","menuProps","useMenuAction","anchorRef","tooltipContent","tooltipProps","useTooltip","text","rootButton","_jsx","jsx","Fragment","_jsxs","jsxs","BaseButton","mergeProps","styling","ButtonLayout","display","startIcon","endIcon","ChevronDownIcon","Menu"],"mappings":"4ZAyGa,MAAAA,EAAiBC,EAAUA,YACtC,EAEIC,WACAC,UACAC,kBACAC,UAAU,WACVC,cAAa,EACbC,cAAa,EACbC,cAAa,EACbC,eACAC,OAAO,KACPC,QACAC,OACA,mBAAoBC,GAEtBC,KAEA,MAAMC,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACH,GAAM,IAAMC,EAAUG,SAAU,CAACH,IAErD,MAAMI,aAAEA,EAAYC,UAAEA,GAAcC,gBAAc,CAChDf,WAAYA,EACZG,aAAcA,EACdF,WAAYA,EACZe,UAAWP,KAGPQ,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMvB,GAAoBC,EAC1BE,WAAYC,IAGRoB,EACJC,EAAAC,IAACC,WACC,CAAA5B,SAAA6B,EAAAC,KAACC,aACK,IAAAC,EAAAA,WAAWV,EAAcL,GAC7BgB,QAAS5B,EAAa,CAAC,MAAO,UAAY,CAAC,OAC3CD,WAAYA,EACZD,QAASA,EACTM,MAAOA,EACPD,KAAMA,EACNI,IAAKC,qBACaF,EAAe,aACrBT,GAAmBD,YAC/ByB,EAAAA,IAACQ,EAAAA,cACCC,QAAS,QACTC,UAAW1B,EACX2B,QAAS/B,EAAa,KAAOoB,MAACY,EAAAA,mBAC9B9B,KAAMA,IACPa,OAKP,OAAOjB,EACL,EAEAyB,EAAAC,KAACF,EAAQA,SACN,CAAA5B,SAAA,CAAAyB,EACDC,EAAAA,IAACa,EAAAA,KAAI,IAAKrB,EAASlB,SAAGA,MAEzB"}

package/amd/Indexer-17229729.js

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

package/amd/Indexer-17229729.js.map

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

package/amd/InlineHelpSource-aab877d6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-111575ef'], (function(e,s,a,o,n,t,r,l){"use strict";e.InlineHelpSource=function({children:e,source:a}){const c=t.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore();e=e??c;const{isTabbable:u,tabbableModeProps:i}=n.useTabbableMode(),{classes:b,styles:d}=o.useComponentTheme(r.UserAssistanceRedwoodTheme),{helpSourceStyles:h}=d;return s.jsx("a",{class:l.classNames([b,h]),target:"_blank",href:a,...!u&&i,children:e})}}));
+//# sourceMappingURL=InlineHelpSource-aab877d6.js.map

package/amd/InlineHelpSource-aab877d6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineHelpSource-aab877d6.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelpSource.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\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\n  const { classes, styles } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme\n  );\n  const { helpSourceStyles } = styles; // TODO: refactor types so inferring works properly\n\n  return (\n    <a\n      class={classNames([classes, helpSourceStyles])}\n      target=\"_blank\"\n      href={source}\n      {...(!isTabbable && tabbableModeProps)}>\n      {children}\n    </a>\n  );\n}\n"],"names":["children","source","userAssistance_learnMoreStr","useTranslationBundle","userAssistance_learnMore","isTabbable","tabbableModeProps","useTabbableMode","classes","styles","useComponentTheme","UserAssistanceRedwoodTheme","helpSourceStyles","_jsx","jsx","class","classNames","target","href"],"mappings":"wUAgBiCA,SAAEA,EAAQC,OAAEA,IAC3C,MACMC,EADeC,uBAAiC,4BACLC,2BACjDJ,EAAWA,GAAYE,EAGvB,MAAMG,WAAEA,EAAUC,kBAAEA,GAAsBC,EAAeA,mBAGnDC,QAAEA,EAAOC,OAAEA,GAAWC,EAAiBA,kBAC3CC,EAA0BA,6BAEtBC,iBAAEA,GAAqBH,EAE7B,OACEI,EAAAC,IAAA,IAAA,CACEC,MAAOC,EAAUA,WAAC,CAACR,EAASI,IAC5BK,OAAO,SACPC,KAAMjB,MACAI,GAAcC,EAAkBN,SACrCA,GAGP"}

package/amd/Label-19d4c728.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useComponentTheme', './UNSAFE_UserAssistance', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './classNames-111575ef'], (function(e,s,o,a,n,i,t,l,d,r){"use strict";const u=({hasValue:e,readonly:o,disabled:a,isFocused:u,isRequiredShown:m,helpIconId:c,helpSourceLink:F,helpSourceText:h,userAssistanceDensity:p="reflow",variant:b="inside",parentComponentVariant:y="textField",...x})=>{const{isFormLayout:L,isReadonly:S,labelWrapping:T}=n.useFormContext(),A="inside"===b||"insideError"===b||"insideWarning"===b,C="textField"===y,{classes:E,styles:{uaDensityCompactLabel:N,uaDensityCompactLabelStart:I,uaDensityCompactLabelTopInside:R}}=i.useComponentTheme(d.LabelRedwoodTheme,{labelWrapping:T,position:b,inside:A?"isInside":"notInside",inEnabledForm:L&&!S?"isInEnabledForm":"notInEnabledForm",readonly:o?"isReadonly":"notReadonly",focused:u?"isFocused":"nonFocused",formLayout:L?"isFormLayout":"nonFormLayout",readonlyForm:S?"isReadonlyForm":"notReadonlyForm",value:e?"hasValue":"noValue",valueOrFocus:e||u?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&a?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:f}=i.useComponentTheme(l.TextFieldRedwoodTheme),D=r.classNames([N,"start"===b?I:R]),U=s.jsx("label",{...x,class:D});return"compact"===p?s.jsxs("div",{class:r.classNames([E,f]),children:["start"!==b&&U,s.jsx(t.CompactLabelAssistance,{isRequiredShown:m,helpIconId:c,helpSourceLink:F,helpSourceText:h,labelEdge:"top"===b||"start"===b?b:"inside"}),"start"===b&&U]}):s.jsx("label",{...x,class:r.classNames([E,f])})};e.Label=({forId:e,...a})=>{const{hasValue:n,isDisabled:i,isFocused:t,isReadonly:l}=o.useFormFieldContext();return s.jsx(u,{for:e,hasValue:n,disabled:i,isFocused:t,readonly:l,...a})}}));
+//# sourceMappingURL=Label-19d4c728.js.map

package/amd/Label-19d4c728.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label-19d4c728.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CompactLabelAssistance } from '../UNSAFE_UserAssistance';\n\nimport { LabelStyles, LabelVariantOptions } from './themes/LabelStyles.css';\nimport { TextFieldRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from './themes/redwood/LabelTheme';\n\ntype StyleProps = Exclude<Props, 'children' | 'forId' | 'id'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\n\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  isRequiredShown,\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  userAssistanceDensity = 'reflow',\n  variant = 'inside',\n  parentComponentVariant = 'textField',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const isInside = variant === 'inside' || variant === 'insideError' || variant === 'insideWarning';\n  const inTextField = parentComponentVariant === 'textField';\n\n  // because variants have to match strings, we have to take any boolean props and convert\n  // them to a string value, (ie prefixed with \"is\" or \"non\")\n  const {\n    classes,\n    styles: { uaDensityCompactLabel, uaDensityCompactLabelStart, uaDensityCompactLabelTopInside }\n  } = useComponentTheme<LabelVariantOptions, LabelStyles>(LabelRedwoodTheme, {\n    labelWrapping,\n    position: variant,\n    inside: isInside ? 'isInside' : 'notInside',\n    inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',\n    readonly: readonly ? 'isReadonly' : 'notReadonly',\n    focused: isFocused ? 'isFocused' : 'nonFocused',\n    formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',\n    readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',\n    value: hasValue ? 'hasValue' : 'noValue',\n    valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',\n    animatedWhenInside: inTextField ? 'isAnimated' : 'notAnimated',\n    disabled: inTextField && disabled ? 'isDisabled' : 'nonDisabled',\n    userAssistanceDensity\n  });\n\n  const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);\n\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n\n  const compactLabelStyles = classNames([\n    uaDensityCompactLabel,\n    variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside\n  ]);\n  const compactUADLabel = <label {...props} class={compactLabelStyles} />;\n\n  return userAssistanceDensity === 'compact' ? (\n    <div class={classNames([classes, textFieldTheme])}>\n      {variant !== 'start' && compactUADLabel}\n      <CompactLabelAssistance\n        isRequiredShown={isRequiredShown}\n        helpIconId={helpIconId}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        labelEdge={variant === 'top' || variant === 'start' ? variant : 'inside'}\n      />\n      {variant === 'start' && compactUADLabel}\n    </div>\n  ) : (\n    <label {...props} class={classNames([classes, textFieldTheme])} />\n  );\n};\n\ntype Props = {\n  /**\n   * Specifies how messages and assistive text are shown.\n   */\n  userAssistanceDensity?: 'reflow' | 'efficient' | 'compact';\n  /**\n   * Id to use for the help icon in compact user assistance density.\n   */\n  helpIconId?: string;\n  /**\n   * Help source link for compact user assistance density.\n   */\n  helpSourceLink?: string;\n  /**\n   * Help source text for compact user assistance density.\n   */\n  helpSourceText?: string;\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: boolean;\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n  /**\n   * Determines how the label is going to be styled in based on parent component.\n   */\n  parentComponentVariant?: 'textField' | 'radioGroup';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\n  );\n};\n"],"names":["StyledLabel","hasValue","readonly","disabled","isFocused","isRequiredShown","helpIconId","helpSourceLink","helpSourceText","userAssistanceDensity","variant","parentComponentVariant","props","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","isInside","inTextField","classes","styles","uaDensityCompactLabel","uaDensityCompactLabelStart","uaDensityCompactLabelTopInside","useComponentTheme","LabelRedwoodTheme","position","inside","inEnabledForm","focused","formLayout","readonlyForm","value","valueOrFocus","animatedWhenInside","baseTheme","textFieldTheme","TextFieldRedwoodTheme","compactLabelStyles","classNames","compactUADLabel","_jsx","jsx","class","_jsxs","jsxs","CompactLabelAssistance","labelEdge","forId","isDisabled","useFormFieldContext","for"],"mappings":"wWAkBA,MAAMA,EAAc,EAClBC,WACAC,WACAC,WACAC,YACAC,kBACAC,aACAC,iBACAC,iBACAC,wBAAwB,SACxBC,UAAU,SACVC,yBAAyB,eACtBC,MAEH,MAAMC,aAAEA,EAAcC,WAAYC,EAAcC,cAAEA,GAAkBC,EAAAA,iBAE9DC,EAAuB,WAAZR,GAAoC,gBAAZA,GAAyC,kBAAZA,EAChES,EAAyC,cAA3BR,GAIdS,QACJA,EACAC,QAAQC,sBAAEA,EAAqBC,2BAAEA,EAA0BC,+BAAEA,IAC3DC,EAAiBA,kBAAmCC,oBAAmB,CACzEV,gBACAW,SAAUjB,EACVkB,OAAQV,EAAW,WAAa,YAChCW,cAAehB,IAAiBE,EAAiB,kBAAoB,mBACrEb,SAAUA,EAAW,aAAe,cACpC4B,QAAS1B,EAAY,YAAc,aACnC2B,WAAYlB,EAAe,eAAiB,gBAC5CmB,aAAcjB,EAAiB,iBAAmB,kBAClDkB,MAAOhC,EAAW,WAAa,UAC/BiC,aAAcjC,GAAYG,EAAY,kBAAoB,iBAC1D+B,mBAAoBhB,EAAc,aAAe,cACjDhB,SAAUgB,GAAehB,EAAW,aAAe,cACnDM,2BAGM2B,UAAWC,GAAmBZ,EAAiBA,kBAACa,EAAqBA,uBAKvEC,EAAqBC,EAAAA,WAAW,CACpClB,EACY,UAAZZ,EAAsBa,EAA6BC,IAE/CiB,EAAkBC,EAAWC,IAAA,QAAA,IAAA/B,EAAOgC,MAAOL,IAEjD,MAAiC,YAA1B9B,EACLoC,EAAKC,KAAA,MAAA,CAAAF,MAAOJ,EAAAA,WAAW,CAACpB,EAASiB,cAClB,UAAZ3B,GAAuB+B,EACxBC,EAAAC,IAACI,yBACC,CAAA1C,gBAAiBA,EACjBC,WAAYA,EACZC,eAAgBA,EAChBC,eAAgBA,EAChBwC,UAAuB,QAAZtC,GAAiC,UAAZA,EAAsBA,EAAU,WAErD,UAAZA,GAAuB+B,KAG1BC,MAAW,QAAA,IAAA9B,EAAOgC,MAAOJ,aAAW,CAACpB,EAASiB,KAC/C,UA+CkB,EAAGY,WAAUrC,MAChC,MAAMX,SAAEA,EAAQiD,WAAEA,EAAU9C,UAAEA,EAASU,WAAEA,GAAeqC,EAAAA,sBACxD,OACET,EAAAA,IAAC1C,EACC,CAAAoD,IAAKH,EACLhD,SAAUA,EACVE,SAAU+C,EACV9C,UAAWA,EACXF,SAAUY,KACNF,GAEN"}

package/amd/LayoutUtils-68d86e5d.js

@@ -0,0 +1,2 @@
+define(['exports'], (function(n){"use strict";n.getRandomId=function(){return`_${Math.random().toString(36).slice(2)}`},n.getUnion=function(n,t){const e={};if(t&&0!==t.w&&0!==t.h)if(0!==n.w&&0!==n.h){const h=n.x+n.w,i=n.y+n.h,x=t.x+t.w,r=t.y+t.h,w=Math.min(n.x,t.x),y=Math.min(n.y,t.y);e.w=h<x?x-w:h-w,e.h=i>r?i-y:r-y,e.x=w,e.y=y}else e.x=t.x,e.y=t.y,e.w=t.w,e.h=t.h;else e.x=n.x,e.y=n.y,e.w=n.w,e.h=n.h;return e},n.intersects=function(n,t){if(t&&0!==t.w&&0!==t.h&&0!==n.w&&0!==n.h){const e=n.x+n.w,h=n.y+n.h,i=t.x+t.w,x=t.y+t.h;return!(t.x>e||i<n.x||t.y>h||x<n.y)}return!1}}));
+//# sourceMappingURL=LayoutUtils-68d86e5d.js.map

package/amd/LayoutUtils-68d86e5d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutUtils-68d86e5d.js","sources":["../../src/utils/PRIVATE_visLayoutUtils/LayoutUtils.ts"],"sourcesContent":["/**\n * Returns true if the rectangle intersectes the supplied rectangle.\n * @param {Rectangle}  rect  the supplied rectangle.\n */\nexport function intersects(currRect: any, rect: any) {\n  if (rect && rect.w !== 0 && rect.h !== 0) {\n    // ignore zero size rect's\n    if (currRect.w !== 0 && currRect.h !== 0) {\n      const thisRight = currRect.x + currRect.w; // this right\n      const thisBottom = currRect.y + currRect.h; // this bottom\n      const rectRight = rect.x + rect.w; // rect right\n      const rectBottom = rect.y + rect.h; // rect bottom\n\n      return !(\n        rect.x > thisRight ||\n        rectRight < currRect.x ||\n        rect.y > thisBottom ||\n        rectBottom < currRect.y\n      );\n    }\n  }\n  return false;\n}\n\n/**\n * Returns the union of this and the supplied rectangle.\n * @param {Rectangle}  rect  the supplied rectangle.\n * @return {Rectangle} a new rectangle that is the union of this and the supplied rectangle.\n */\nexport function getUnion(currRect: any, rect: any) {\n  const u: any = {};\n\n  if (rect && rect.w !== 0 && rect.h !== 0) {\n    // ignore zero size rect's\n    if (currRect.w !== 0 && currRect.h !== 0) {\n      //  ..     ..   ..    ..\n      const thisRight = currRect.x + currRect.w; // this right\n      const thisBottom = currRect.y + currRect.h; // this bottom\n      const rectRight = rect.x + rect.w; // rect right\n      const rectBottom = rect.y + rect.h; // rect bottom\n\n      const minx = Math.min(currRect.x, rect.x);\n      const miny = Math.min(currRect.y, rect.y);\n\n      u.w = thisRight < rectRight ? rectRight - minx : thisRight - minx;\n      u.h = thisBottom > rectBottom ? thisBottom - miny : rectBottom - miny;\n      u.x = minx;\n      u.y = miny;\n    } else {\n      u.x = rect.x;\n      u.y = rect.y;\n      u.w = rect.w;\n      u.h = rect.h;\n    }\n  } else {\n    u.x = currRect.x;\n    u.y = currRect.y;\n    u.w = currRect.w;\n    u.h = currRect.h;\n  }\n  return u;\n}\n\n/**\n * Gererates randomId used for aria-activedescendant.\n * @returns\n */\nexport function getRandomId() {\n  return `_${Math.random().toString(36).slice(2)}`; //@RandomNumberOK\n}\n"],"names":["Math","random","toString","slice","currRect","rect","u","w","h","thisRight","x","thisBottom","y","rectRight","rectBottom","minx","min","miny"],"mappings":"sEAoEE,MAAO,IAAIA,KAAKC,SAASC,SAAS,IAAIC,MAAM,IAC9C,aAxCgB,SAASC,EAAeC,GACtC,MAAMC,EAAS,CAAA,EAEf,GAAID,GAAmB,IAAXA,EAAKE,GAAsB,IAAXF,EAAKG,EAE/B,GAAmB,IAAfJ,EAASG,GAA0B,IAAfH,EAASI,EAAS,CAExC,MAAMC,EAAYL,EAASM,EAAIN,EAASG,EAClCI,EAAaP,EAASQ,EAAIR,EAASI,EACnCK,EAAYR,EAAKK,EAAIL,EAAKE,EAC1BO,EAAaT,EAAKO,EAAIP,EAAKG,EAE3BO,EAAOf,KAAKgB,IAAIZ,EAASM,EAAGL,EAAKK,GACjCO,EAAOjB,KAAKgB,IAAIZ,EAASQ,EAAGP,EAAKO,GAEvCN,EAAEC,EAAIE,EAAYI,EAAYA,EAAYE,EAAON,EAAYM,EAC7DT,EAAEE,EAAIG,EAAaG,EAAaH,EAAaM,EAAOH,EAAaG,EACjEX,EAAEI,EAAIK,EACNT,EAAEM,EAAIK,CACP,MACCX,EAAEI,EAAIL,EAAKK,EACXJ,EAAEM,EAAIP,EAAKO,EACXN,EAAEC,EAAIF,EAAKE,EACXD,EAAEE,EAAIH,EAAKG,OAGbF,EAAEI,EAAIN,EAASM,EACfJ,EAAEM,EAAIR,EAASQ,EACfN,EAAEC,EAAIH,EAASG,EACfD,EAAEE,EAAIJ,EAASI,EAEjB,OAAOF,CACT,eAzDgB,SAAWF,EAAeC,GACxC,GAAIA,GAAmB,IAAXA,EAAKE,GAAsB,IAAXF,EAAKG,GAEZ,IAAfJ,EAASG,GAA0B,IAAfH,EAASI,EAAS,CACxC,MAAMC,EAAYL,EAASM,EAAIN,EAASG,EAClCI,EAAaP,EAASQ,EAAIR,EAASI,EACnCK,EAAYR,EAAKK,EAAIL,EAAKE,EAC1BO,EAAaT,EAAKO,EAAIP,EAAKG,EAEjC,QACEH,EAAKK,EAAID,GACTI,EAAYT,EAASM,GACrBL,EAAKO,EAAID,GACTG,EAAaV,EAASQ,EAEzB,CAEH,OAAO,CACT"}

package/amd/Link-627ea74b.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useInteractionStyle', './UNSAFE_Link/themes/redwood/LinkTheme', './classNames-111575ef'], (function(e,s,a,o,r,t,n,i){"use strict";const l=()=>{};e.Link=function({href:e,variant:a,placement:c,target:d,"aria-describedby":u,"aria-label":p,"aria-labelledby":m,children:v,onClick:h}){const{interactionProps:b,applyPseudoHoverStyle:y,applyHoverStyle:N}=t.useInteractionStyle(),{classes:S}=r.useComponentTheme(n.LinkRedwoodTheme,{needsEventsHover:N?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:y?"isPseudoHover":"notPseudoHover",variant:a,placement:c}),k=i.classNames([S]),{pressProps:E}=o.usePress(h??l);return s.jsx("a",{href:e,"aria-describedby":u,"aria-label":p,"aria-labelledby":m,target:d,...E,...b,class:k,children:v})}}));
+//# sourceMappingURL=Link-627ea74b.js.map

package/amd/Link-627ea74b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-627ea74b.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LinkVariantOptions } from './themes/LinkStyles.css';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { LinkRedwoodTheme } from './themes/redwood/LinkTheme';\n\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant. The default value of this property is theme driven.\n   */\n  variant?: 'standard' | '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  'aria-describedby'?: string;\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  'aria-labelledby'?: 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 noop = () => {};\n\nexport function Link({\n  href,\n  variant,\n  placement,\n  target,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': accessibleLabel,\n  'aria-labelledby': ariaLabelledBy,\n  children,\n  onClick\n}: Props) {\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle();\n  const { classes } = useComponentTheme<LinkVariantOptions>(LinkRedwoodTheme, {\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    variant,\n    placement\n  });\n  const linkClasses = classNames([classes]);\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      {...interactionProps}\n      class={linkClasses}>\n      {children}\n    </a>\n  );\n}\n"],"names":["noop","href","variant","placement","target","ariaDescribedBy","accessibleLabel","ariaLabelledBy","children","onClick","interactionProps","applyPseudoHoverStyle","applyHoverStyle","useInteractionStyle","classes","useComponentTheme","LinkRedwoodTheme","needsEventsHover","pseudoHover","linkClasses","classNames","pressProps","usePress","_jsx","jsx","class"],"mappings":"+QA8DA,MAAMA,EAAO,cAEP,UAAeC,KACnBA,EAAIC,QACJA,EAAOC,UACPA,EAASC,OACTA,EACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,QACRA,IAEA,MAAMC,iBAAEA,EAAgBC,sBAAEA,EAAqBC,gBAAEA,GAAoBC,EAAmBA,uBAClFC,QAAEA,GAAYC,EAAiBA,kBAAqBC,mBAAkB,CAC1EC,iBAAkBL,EAAkB,qBAAuB,sBAC3DM,YAAaP,EAAwB,gBAAkB,iBACvDT,UACAC,cAEIgB,EAAcC,EAAAA,WAAW,CAACN,KAC1BO,WAAEA,GAAeC,EAAQA,SAACb,GAAWT,GAC3C,OACEuB,EACEC,IAAA,IAAA,CAAAvB,KAAMA,EACY,mBAAAI,EACN,aAAAC,EACK,kBAAAC,EACjBH,OAAQA,KACJiB,KACAX,EACJe,MAAON,EACNX,SAAAA,GAGP"}

package/amd/LinkVariants.styles.css

@@ -1,40 +1,40 @@
-.LinkVariants_multiVariantStyles_variant_primary__18dr6fk1 {
+.LinkVariants_multiVariantStyles_variant_primary__1gbyfwi1 {
   --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
   --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
   --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
 }
-.LinkVariants_multiVariantStyles_variant_secondary__18dr6fk2 {
+.LinkVariants_multiVariantStyles_variant_secondary__1gbyfwi2 {
   --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
-.LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3 {
+.LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3 {
   text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
 }
-.LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3:active {
+.LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3:active {
   text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
 }
-.LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4 {
+.LinkVariants_multiVariantStyles_placement_embedded__1gbyfwi4 {
   text-decoration-line: var(--embeddedTextDecoration__1w21kyl2);
 }
-.LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4:active {
+.LinkVariants_multiVariantStyles_placement_embedded__1gbyfwi4:active {
   text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
 }
-.LinkVariants_multiVariantStyles_compound_0__18dr6fk9 {
+.LinkVariants_multiVariantStyles_compound_0__1gbyfwi9 {
   &:not(:active) {
     text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
   }
 }
-.LinkVariants_multiVariantStyles_compound_1__18dr6fka {
+.LinkVariants_multiVariantStyles_compound_1__1gbyfwia {
   &:not(:active) {
     text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
   }
 }
 @media (hover: hover) {
-  .LinkVariants_multiVariantStyles_compound_2__18dr6fkb:hover:not(:active) {
+  .LinkVariants_multiVariantStyles_compound_2__1gbyfwib:hover:not(:active) {
     text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
   }
-  .LinkVariants_multiVariantStyles_compound_3__18dr6fkc:hover:not(:active) {
+  .LinkVariants_multiVariantStyles_compound_3__1gbyfwic:hover:not(:active) {
     text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
   }
 }

package/amd/LinkVariants.styles2.css

@@ -1,40 +1,40 @@
-.LinkVariants_multiVariantStyles_variant_primary__1gbyfwi1 {
+.LinkVariants_multiVariantStyles_variant_primary__18dr6fk1 {
   --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
   --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
   --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
 }
-.LinkVariants_multiVariantStyles_variant_secondary__1gbyfwi2 {
+.LinkVariants_multiVariantStyles_variant_secondary__18dr6fk2 {
   --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
-.LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3 {
+.LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3 {
   text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
 }
-.LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3:active {
+.LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3:active {
   text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
 }
-.LinkVariants_multiVariantStyles_placement_embedded__1gbyfwi4 {
+.LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4 {
   text-decoration-line: var(--embeddedTextDecoration__1w21kyl2);
 }
-.LinkVariants_multiVariantStyles_placement_embedded__1gbyfwi4:active {
+.LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4:active {
   text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
 }
-.LinkVariants_multiVariantStyles_compound_0__1gbyfwi9 {
+.LinkVariants_multiVariantStyles_compound_0__18dr6fk9 {
   &:not(:active) {
     text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
   }
 }
-.LinkVariants_multiVariantStyles_compound_1__1gbyfwia {
+.LinkVariants_multiVariantStyles_compound_1__18dr6fka {
   &:not(:active) {
     text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
   }
 }
 @media (hover: hover) {
-  .LinkVariants_multiVariantStyles_compound_2__1gbyfwib:hover:not(:active) {
+  .LinkVariants_multiVariantStyles_compound_2__18dr6fkb:hover:not(:active) {
     text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
   }
-  .LinkVariants_multiVariantStyles_compound_3__1gbyfwic:hover:not(:active) {
+  .LinkVariants_multiVariantStyles_compound_3__18dr6fkc:hover:not(:active) {
     text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
   }
 }

package/amd/List-c84ffbc1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './PRIVATE_VirtualizedCollection', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './PRIVATE_List/themes/ListStyles.css', './classNames-111575ef', './flexitem-49a4a4a8', './FocusTrap-8f7605f9', './hooks/PRIVATE_useSelection', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-1e690820', './UNSAFE_Skeleton', './UNSAFE_Flex', './utils/PRIVATE_collectionUtils', './UNSAFE_Selector', './hooks/PRIVATE_useCollectionGestureContext', './VirtualizedCollection-cf34bfae', './LoadMoreCollection-c91aac19', './Flex-0219fca5', './Skeleton-995f4d9a'], (function(e,t,i,s,o,n,l,a,r,c,u,d,f,g,b,m,y,S,x,v,h,p,k,A,E,C,F,I,T,V,R,P,j,w){"use strict";const _=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"}}},N="oj-c-listview-item",M="."+N;function K({children:e,context:s,itemDepth:o,isFocused:n,isFocusRingVisible:l,isActive:a,isGridlineVisible:r,isSelected:u,isTopGridlineVisible:b=!1,isTabbable:v=!1,role:h,selectionMode:p,suggestion:k,currentItemVariant:A}){const E=i.useRef(null),C=i.useMemo((()=>_(h)),[h]),F=s.metadata.key,I=s.index,T="option"===C.cell?{role:C.cell,"aria-posinset":I+1,"aria-setsize":-1}:{role:C.cell},{interactionProps:V,applyActiveStyle:R,applyHoverStyle:P,applyPseudoHoverStyle:j}=f.useInteractionStyle(),w=m.listItemMultiVariantStyles({selectable:L(p,u)?"isSelectable":"notSelectable",selected:u?"isSelected":"notSelected",selectedSingle:u&&"single"===p?"isSelectedSingle":"notSelectedSingle",needsEventsHover:P?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:j?"isPseudoHover":"notPseudoHover",active:R||a?"isActive":"notActive",focusHighlight:"highlight"===A&&n?"isFocusHighlight":"notFocusHighlight",focusRingVisible:l&&n?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:b?"visible":"hidden",gridlineBottom:!r&&("end"!==k||r||u&&"single"===p)?"hidden":"visible"}),M=y.classNames([N,w]),K=g.mergeInterpolations([...Object.values(S.flexitemInterpolations)]),{class:z,...H}=K({flex:"1 1 auto",alignSelf:"center"}),U=y.classNames([z,"multiple"===p&&m.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":I+1,"aria-level":o,"data-oj-key":F,class:M,ref:E,role:C.item,...k&&{"data-oj-suggestion":!0},..."number"==typeof F&&{"data-oj-key-type":"number"},...V,children:t.jsx("div",{id:d.useId(),style:H,class:U,"aria-posinset":I+1,"aria-setsize":-1,onKeyDown:e=>{!v||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":1,"aria-selected":"none"!==p?u:void 0,...T,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:v},children:t.jsx(x.FocusTrap,{isDisabled:!v,restoreFocusRef:!1,children:e(s)})})})})}const L=(e,t)=>"none"!==e&&("multiple"===e||!t),z=r.memo(K,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.suggestion===t.suggestion&&H(e.context,t.context)))),H=(e,t)=>e.data===t.data&&e.index===t.index&&e.isSelected===t.isSelected&&e.metadata.key===t.metadata.key;const U="oj-collection-sparkle";function D({sparkleHeight:e}){if(e<=0)return null;const i=e+"px",s=y.classNames([m.sparkleStyles.base]),o=y.classNames([m.sparkleStyles.container,U]);return t.jsx("div",{class:o,children:t.jsx("div",{class:s,style:{height:i}})},"sparkle")}const O=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander")),G=(e,t,i)=>{if(e&&t&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),i>0)){const s=t.getBoundingClientRect(),o=e.getBoundingClientRect(),n=s.top+i-o.top;n>0&&(t.scrollTop=t.scrollTop-n)}},B=(e,t)=>t??{scroller:()=>e.current},q={all:!1,keys:new Set},Y=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),s=i.indexOf(e.value.start),o=i.indexOf(e.value.end),n=Math.min(s,o),l=Math.max(s,o);return-1===n?{offset:0,count:t.totalSize}:i.slice(n,l+1)},$=t.jsx(E.SkeletonContainer,{minimumCount:25,children:()=>t.jsx(j.Flex,{height:"12x",align:"center",children:t.jsx(w.Skeleton,{height:"4x"})})}),J=t.jsx("div",{class:P.LOADMORE_STYLE_CLASS,children:t.jsx(E.SkeletonContainer,{minimumCount:3,children:()=>t.jsx(j.Flex,{height:"12x",align:"center",children:t.jsx(w.Skeleton,{height:"4x"})})})}),Q=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),s=i-e.offset;s>0&&(e={offset:i,data:e.data.slice(s,s+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.ITEM_STYLE_CLASS=N,e.List=function({"aria-label":e,"aria-labelledby":s,allowTabbableMode:l=!0,children:a,currentKey:r,data:c,gridlines:u,loadingIndicator:d=$,onCurrentKeyChange:f,onLoadRange:g,onSelectionChange:b,onItemAction:S,rangeExtractor:x,role:E="grid",selectedKeys:C=q,selectionMode:F="none",viewportConfig:j,currentItemVariant:w="none",promotedSection:N,isVirtualized:L=!0,customItemRenderer:H,eventHandlers:U,scrollToVisibleOffset:W}){const X=i.useRef(null),Z=i.useMemo((()=>_(E)),[E]),ee=i.useRef(),te=i.useRef(),ie=i.useRef(),[se,oe]=i.useState(!1),[ne,le]=i.useState(0),ae="none"===F?void 0:"multiple"===F,re=null===c?void 0:"exact"===c.sizePrecision?c.totalSize:-1,ce=y.classNames([m.listStyles.base]);!function(e,t,s){const o=i.useRef();i.useEffect((()=>{const i=o.current;if(t&&s&&i&&e&&i.offset===e.offset&&i!==e){const o=e.data.map((e=>e.metadata.key));if(-1===o.indexOf(t)){const e=i?.data.map((e=>e.metadata.key));let n=e.indexOf(t);if(n>-1){const t=n===e.length-1;for(;n>=0&&n<e.length;){n=t?n-1:n+1;const i=e[n];if(o.indexOf(i)>-1){s({value:i});break}}}}}o.current=e}),[e,t,s])}(c,r,f);const{currentKeyProps:ue}=h.useCurrentKey((e=>I.keyExtractor(e,M)),"multiple"!==F,I.getPrevNextKey(X.current,r,!0,M),I.getPrevNextKey(X.current,r,!1,M),void 0,void 0,r,f),de=e=>!!X.current?.contains(e),[fe,ge]=p.useCollectionFocusRing(de,["ArrowUp","ArrowDown"]);let be=!1;const[me,ye]=k.useTabbableModeSet(de,(e=>O(e)?null:I.keyExtractor(e,M)),r,((e,t)=>{de(e)&&(t?(be=!0,setTimeout((()=>{X.current?.focus()}),0)):X.current?.focus())}),(e=>{f&&f({value:e})}));i.useEffect((()=>{if(null!=r&&X.current){const e=I.findElementByKey(X.current,r,M);if(e){const t=X.current.getAttribute("aria-activedescendant"),i=e.querySelector(`[role=${Z.cell}]`);if(i&&t!==i.id){X.current.setAttribute("aria-activedescendant",i.id);const t=j?.scroller(),s=W?W(X.current):0;G(e,null!=t?t:X.current,s)}}}}),[r,c,Z.cell,j]);const Se=i.useCallback((e=>{b&&(!1===e.value.all&&e.value.keys.size>0&&(ee.current=Array.from(e.value.keys.values()).pop()),b(e))}),[ee,b]),xe=i.useCallback((e=>{if(c&&b){const t=Y(e,c);Array.isArray(t)?b({value:{all:!1,keys:new Set(t)},target:null}):(te.current={detail:e,range:{offset:c.offset,count:c.data.length}},g(t))}}),[c,b,g]),ve=i.useCallback((()=>{if(X.current&&f&&(!l||me(void 0))){const e=ie.current||I.getFirstVisibleKey(X.current,M);n.isKeyDefined(e)&&f({value:e})}}),[l,f,me]),he=i.useCallback((e=>{const t=I.keyExtractor(e.target,M);t&&"checkbox"===e.relatedTarget?.getAttribute("type")&&(X.current?.focus(),f&&t&&f({value:t}))}),[f]),pe=i.useCallback((e=>{if(O(e.target)){X.current?.focus();const t=I.keyExtractor(e.target,M);f&&t&&f({value:t})}else!n.isKeyDefined(r)&&f&&ve(),!l&&he(e)}),[l,r,ve,he,f]),ke=V.useCollectionGestureContext(),{selectionProps:Ae}=v.useSelection((e=>e===X.current?void 0===r?null:r:I.keyExtractor(e,M)),C,F,!1,"replace","embedded"===ke,Se,ee.current,r,((e,t)=>I.getPrevNextKey(X.current,e,t,M)),void 0,(e=>{if(X.current){const t=I.findElementByKey(X.current,e,M);if(t){const e=j?.scroller(),i=W?W(X.current):0;G(t,null!=e?e:X.current,i)}}}),xe);if(c&&void 0!==te.current&&b){const e=Y(te.current.detail,c);Array.isArray(e)&&b({value:{all:!1,keys:new Set(e)},target:null});const t=te.current?te.current.range:{offset:c.offset,count:c.data.length};c=Q(c,t),te.current=void 0,g(t)}const Ee=i.useMemo((()=>c&&N&&((e,t)=>0===t?null:e.slice(0,t).reduce(((e,i,s)=>{const o=i.metadata.key;return s===t-1?e.set(o,"end"):e.set(o,!0),e}),new Map))(c.data,N.count)),[c,N]),Ce=t.jsx(D,{sparkleHeight:ne}),Fe=A.useItemAction(r,c,S,M,"embedded"===ke);i.useEffect((()=>{if(Ee){const e=X.current?.querySelector("."+R.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=X.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),le(t)}}),[Ee]);const Ie=i.useCallback((e=>{const i="multiple"===F?()=>t.jsx(T.Selector,{onChange:Se,rowKey:e.data.metadata.key,selectedKeys:C}):void 0;return{index:e.index,data:e.data.data,metadata:e.data.metadata,selector:i}}),[F,C,Se]),Te=L?K:z,Ve=e=>{const i=Ie(e),s=Ee?.get(i.metadata.key),o=l&&me(i.metadata.key),d=r===i.metadata.key&&!o,f=d&&se,g=n.containsKey(C,i.metadata.key),b=d&&fe&&!be,m=(e,o)=>{return t.jsx(Te,{context:e,isFocused:d,isFocusRingVisible:b,isActive:f,isGridlineVisible:(n=i.index,"visible"===u?.item&&(n+1!==c?.totalSize||"visible"===u?.bottom)),isSelected:g,isTabbable:l&&me(i.metadata.key),role:E,selectionMode:F,currentItemVariant:w,...s&&{suggestion:s},...0===i.index&&{isTopGridlineVisible:"visible"===u?.item&&"visible"===u?.top},...o,children:a},i.metadata.key);var n};if(H){return H({listItemContext:i,isFocused:d,isFocusRingVisible:b,isSelected:g,isTabbable:o,isActive:f,defaultListItem:m})}return m(i)};j=B(X,j);const Re=i.useCallback((e=>{const t=I.keyExtractor(e.target,M);n.isKeyDefined(t)&&(ie.current=t)}),[]),Pe=i.useCallback((e=>{" "===e.key&&r&&"none"!==F&&oe(!0)}),[r,F,oe]),je=i.useCallback((()=>{oe(!1)}),[oe]);return t.jsx("div",{...o.mergeProps(l?ye:{},ue,ge,Ae,Fe,{onFocus:pe,onPointerDown:Re,onKeyDown:Pe,onKeyUp:je},void 0!==U?U:{}),role:E,"aria-rowcount":re,"aria-colcount":1,ref:X,class:ce,tabIndex:0,"aria-label":e,"aria-labelledby":s,"aria-multiselectable":ae,children:null==c?d:L?t.jsx(R.VirtualizedCollection,{data:c,itemSelector:M,loadMoreIndicator:J,onLoadRange:g,rangeExtractor:x,suggestions:Ce,viewportConfig:j,children:Ve}):t.jsx(P.LoadMoreCollection,{data:c.data,loadMoreIndicator:J,hasMore:"atLeast"===c.sizePrecision&&c.data.length<=c.totalSize,onLoadMore:()=>{c&&g({offset:0,count:c.data.length+25})},suggestions:Ce,viewportConfig:j,children:Ve})})}}));
+//# sourceMappingURL=List-c84ffbc1.js.map

package/amd/List-c84ffbc1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-c84ffbc1.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/Sparkle.tsx","../../src/PRIVATE_List/List.tsx","../../src/PRIVATE_List/useHandleRemoveCurrentKey.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 */\n\nimport { Roles } from '../UNSAFE_ListView';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\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 = (\n  ariaRole: Roles\n): {\n  list: HTMLAttributesSignalExcluded['role'];\n  item: HTMLAttributesSignalExcluded['role'];\n  cell: HTMLAttributesSignalExcluded['role'];\n} => {\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 { memo } from 'preact/compat';\nimport { useRef, useMemo } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { SelectionMode, CurrentItemVariant, ListItemContext } from '../UNSAFE_Collection';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { Roles } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { listItemStyles, listItemMultiVariantStyles } from './themes/ListStyles.css';\n\n// default style class for items in ListView\nexport const ITEM_STYLE_CLASS = 'oj-c-listview-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemContext<K, D>) => ComponentChildren;\n  context: ListItemContext<K, D>;\n  itemData: D;\n  itemDepth?: number;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isActive: 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, D>({\n  children,\n  context,\n  itemDepth,\n  isFocused,\n  isFocusRingVisible,\n  isActive,\n  isGridlineVisible,\n  isSelected,\n  isTopGridlineVisible = false,\n  isTabbable = false,\n  role,\n  selectionMode,\n  suggestion,\n  currentItemVariant\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const roles = useMemo(() => getListViewRoles(role), [role]);\n  const itemKey = context.metadata.key;\n  const itemIndex = context.index;\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 { interactionProps, applyActiveStyle, applyHoverStyle, applyPseudoHoverStyle } =\n    useInteractionStyle();\n\n  const variantClasses = listItemMultiVariantStyles({\n    selectable: isSelectable(selectionMode, isSelected) ? 'isSelectable' : 'notSelectable',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    selectedSingle:\n      isSelected && selectionMode === 'single' ? 'isSelectedSingle' : 'notSelectedSingle',\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    active: applyActiveStyle || isActive ? 'isActive' : 'notActive',\n    focusHighlight:\n      currentItemVariant === 'highlight' && isFocused ? 'isFocusHighlight' : 'notFocusHighlight',\n    focusRingVisible:\n      isFocusRingVisible && isFocused ? 'isFocusRingVisible' : 'notFocusRingVisible',\n    gridlineTop: isTopGridlineVisible ? 'visible' : 'hidden',\n    gridlineBottom:\n      isGridlineVisible ||\n      (suggestion === 'end' && !isGridlineVisible && (!isSelected || selectionMode !== 'single'))\n        ? 'visible'\n        : 'hidden'\n  });\n  const classes = classNames([ITEM_STYLE_CLASS, variantClasses]);\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const { class: cls, ...cellStyles } = styleInterpolations({\n    flex: '1 1 auto',\n    alignSelf: 'center'\n  });\n  const cellClasses = classNames([\n    cls,\n    selectionMode === 'multiple' && listItemStyles.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      aria-level={itemDepth}\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      {...interactionProps}>\n      <div\n        id={useId()}\n        style={cellStyles}\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(context)}\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\nexport const MemoizeListViewItem = memo(ListViewItem, (prev: any, next: any) => {\n  if (prev && next) {\n    return (\n      prev.children === next.children &&\n      prev.isFocused === next.isFocused &&\n      prev.isFocusRingVisible === next.isFocusRingVisible &&\n      prev.isSelected === next.isSelected &&\n      prev.isTabbable === next.isTabbable &&\n      prev.isActive === next.isActive &&\n      prev.suggestion === next.suggestion &&\n      compareListItemContext(prev.context, next.context)\n    );\n  }\n  return false;\n});\n\nconst compareListItemContext = <K, D>(ctx1: ListItemContext<K, D>, ctx2: ListItemContext<K, D>) => {\n  return (\n    ctx1.data === ctx2.data &&\n    ctx1.index === ctx2.index &&\n    ctx1.isSelected === ctx2.isSelected &&\n    ctx1.metadata.key === ctx2.metadata.key\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { Metadata } from '../UNSAFE_Collection';\n\nconst SPARKLE_STYLE_CLASS = 'oj-collection-sparkle';\n\nimport { sparkleStyles } from './themes/ListStyles.css';\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, SPARKLE_STYLE_CLASS]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\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 */\nexport const findSuggestions = <K, D>(\n  data: { data: D; metadata: Metadata<K> }[],\n  count: number\n) => {\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 * @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 { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport {\n  DataState,\n  ItemContext,\n  ListItemContext,\n  Metadata,\n  Range,\n  SelectionDetail\n} from '../UNSAFE_Collection';\nimport { LoadMoreCollection, LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { VirtualizedCollection, PLACEHOLDER_STYLE_CLASS } from '../PRIVATE_VirtualizedCollection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { ListViewItem, ITEM_SELECTOR, MemoizeListViewItem } 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';\nimport { useHandleRemoveCurrentKey } from './useHandleRemoveCurrentKey';\nimport { findSuggestions, Sparkle } from './Sparkle';\nimport { useCollectionGestureContext } from '../hooks/PRIVATE_useCollectionGestureContext';\nimport { listStyles } from './themes/ListStyles.css';\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  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\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  promotedSection,\n  isVirtualized = true,\n  customItemRenderer,\n  eventHandlers,\n  scrollToVisibleOffset\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  const [active, setActive] = useState<boolean>(false);\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([listStyles.base]);\n\n  // find out whether the current key was there before in prev render\n  // and adjust current key as needed.  This should be run before other\n  // useEffect(s) that could also alter current key.\n  useHandleRemoveCurrentKey(data, currentKey, onCurrentKeyChange);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    selectionMode !== 'multiple',\n    getPrevNextKey(rootRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\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) => {\n      // we don't want List to go into Tabbable mode when user clicks on expander\n      return isExpander(element) ? null : (keyExtractor(element, ITEM_SELECTOR) as K);\n    },\n    currentKey,\n    // handle clean-up on disabling of the mode\n    (target: EventTarget | null, isKeyboardEvent) => {\n      if (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      // otherwise target is not in list (including body, which target should be null in that case)\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 activeDescendant = rootRef.current.getAttribute('aria-activedescendant');\n        const cell = elem.querySelector(`[role=${listRoles.cell}]`);\n        if (cell && activeDescendant !== cell.id) {\n          // update aria-activedescendant for screenreader\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n\n          const scroller = viewportConfig?.scroller();\n          const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n          // make sure item is visible\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\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      if (isExpander(event.target as HTMLElement)) {\n        rootRef.current?.focus();\n        const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n        if (onCurrentKeyChange && key) {\n          onCurrentKeyChange({ value: key as K });\n        }\n        return;\n      }\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 value = useCollectionGestureContext();\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    value === 'embedded',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    undefined,\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          const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\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(\n    () => data && promotedSection && findSuggestions(data.data, promotedSection.count),\n    [data, promotedSection]\n  );\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  const itemActionProps = useItemAction(\n    currentKey,\n    data,\n    onItemAction,\n    ITEM_SELECTOR,\n    value === 'embedded'\n  );\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 ItemComponent = isVirtualized ? ListViewItem : MemoizeListViewItem;\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 isActive = isFocused && active;\n    const isSelected = containsKey(selectedKeys, listItemContext.metadata.key);\n    const isFocusRingVisible = isFocused && showFocusRing && !pendingFocusRingChange;\n    const listItemFunc = (ctx: ListItemContext<K, D>, otherProps?: any) => (\n      <ItemComponent\n        key={listItemContext.metadata.key}\n        context={ctx}\n        isFocused={isFocused}\n        isFocusRingVisible={isFocusRingVisible}\n        isActive={isActive}\n        isGridlineVisible={showGridline(listItemContext.index)}\n        isSelected={isSelected}\n        isTabbable={allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key)}\n        role={role}\n        selectionMode={selectionMode}\n        currentItemVariant={currentItemVariant}\n        {...(suggestion && { suggestion })}\n        {...(listItemContext.index === 0 && { isTopGridlineVisible: showGridlineTop() })}\n        {...otherProps}>\n        {children}\n      </ItemComponent>\n    );\n\n    // if customItemRenderer is specified (ExpandableList and GroupedList)\n    // create a custom context with additional info including a function\n    // that helps create the default item component\n    if (customItemRenderer) {\n      const customRendererContext = {\n        listItemContext,\n        isFocused,\n        isFocusRingVisible,\n        isSelected,\n        isTabbable,\n        isActive,\n        defaultListItem: listItemFunc\n      };\n      return customItemRenderer(customRendererContext);\n    }\n    return listItemFunc(listItemContext);\n  };\n\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\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)) {\n      pendingCurrentKey.current = key as K;\n    }\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' && currentKey && selectionMode !== 'none') {\n        setActive(true);\n      }\n    },\n    [currentKey, selectionMode, setActive]\n  );\n\n  const handleKeyUp = useCallback(() => {\n    setActive(false);\n  }, [setActive]);\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        {\n          onFocus: handleFocus,\n          onPointerDown: handlePointerDown,\n          onKeyDown: handleKeyDown,\n          onKeyUp: handleKeyUp\n        },\n        eventHandlers !== undefined ? eventHandlers : {}\n      )}\n      role={role}\n      aria-rowcount={ariaRowCount}\n      aria-colcount={1}\n      ref={rootRef}\n      class={classes}\n      tabIndex={0}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-multiselectable={ariaMultiSelectable}>\n      {data == null ? (\n        loadingIndicator\n      ) : 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.data}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          hasMore={data.sizePrecision === 'atLeast' && data.data.length <= data.totalSize}\n          onLoadMore={() => {\n            data && onLoadRange({ offset: 0, count: data.data.length + 25 });\n          }}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </LoadMoreCollection>\n      )}\n    </div>\n  );\n}\n\nconst isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains('oj-listview-expander')) {\n    return true;\n  }\n  return false;\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, offset: number) => {\n  if (elem && scroller) {\n    if ((elem as any).scrollIntoViewIfNeeded) {\n      // for Safari, we'll need the non-standard scrollIntoViewIfNeeded\n      (elem as any).scrollIntoViewIfNeeded();\n    } else {\n      elem.scrollIntoView({ block: 'nearest' });\n    }\n    if (offset > 0) {\n      const scrollerBounds = scroller.getBoundingClientRect();\n      const elemBounds = elem.getBoundingClientRect();\n      const diff = scrollerBounds.top + offset - elemBounds.top;\n      if (diff > 0) {\n        scroller.scrollTop = scroller.scrollTop - diff;\n      }\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\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  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Flex height=\"12x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        );\n      }}\n    </SkeletonContainer>\n  </div>\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","/**\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 { useEffect, useRef } from 'preact/hooks';\nimport { DataState, CurrentKeyDetail } from 'src/UNSAFE_Collection';\n\n/**\n * Hook to detect and handle when the current key has been removed\n * and try to find the next available current key.\n * TODO: put in its own private module as we should be able to share\n * between other Collection components.\n * @param dataState\n * @param currentKey\n * @param onChange\n */\nexport function useHandleRemoveCurrentKey<K, D>(\n  dataState: DataState<K, D> | null,\n  currentKey?: K,\n  onChange?: (detail: CurrentKeyDetail<K>) => void\n) {\n  const prevDataState = useRef<DataState<K, D> | null>();\n\n  useEffect(() => {\n    const oldDataState = prevDataState.current;\n    if (\n      currentKey &&\n      onChange &&\n      oldDataState &&\n      dataState &&\n      oldDataState.offset === dataState.offset &&\n      oldDataState !== dataState\n    ) {\n      const newKeys = dataState.data.map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n      // first check if currentKey exists in new data, if it is then we\n      // don't need to do anything\n      if (newKeys.indexOf(currentKey) === -1) {\n        const oldKeys = oldDataState?.data.map((dataMetadata) => {\n          return dataMetadata.metadata.key;\n        });\n        // figure out what the new currentKey should be\n        let index = oldKeys.indexOf(currentKey);\n        if (index > -1) {\n          const backward = index === oldKeys.length - 1;\n          while (index >= 0 && index < oldKeys.length) {\n            index = backward ? index - 1 : index + 1;\n            const newCurrentKey = oldKeys[index];\n            if (newKeys.indexOf(newCurrentKey) > -1) {\n              onChange({ value: newCurrentKey });\n              break;\n            }\n          }\n        }\n      }\n    }\n\n    // update previous DataState\n    prevDataState.current = dataState;\n  }, [dataState, currentKey, onChange]);\n}\n"],"names":["getListViewRoles","ariaRole","list","item","cell","ITEM_STYLE_CLASS","ITEM_SELECTOR","ListViewItem","children","context","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isSelected","isTopGridlineVisible","isTabbable","role","selectionMode","suggestion","currentItemVariant","rootRef","useRef","roles","useMemo","itemKey","metadata","key","itemIndex","index","cellRoleAttributes","interactionProps","applyActiveStyle","applyHoverStyle","applyPseudoHoverStyle","useInteractionStyle","variantClasses","listItemMultiVariantStyles","selectable","isSelectable","selected","selectedSingle","needsEventsHover","pseudoHover","active","focusHighlight","focusRingVisible","gridlineTop","gridlineBottom","classes","classNames","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","cls","cellStyles","flex","alignSelf","cellClasses","listItemStyles","checkboxContainer","_jsx","jsx","ref","id","useId","style","onKeyDown","event","stopPropagation","undefined","TabbableModeContext","Provider","value","FocusTrap","isDisabled","restoreFocusRef","isItemSelected","MemoizeListViewItem","memo","prev","next","compareListItemContext","ctx1","ctx2","data","SPARKLE_STYLE_CLASS","Sparkle","sparkleHeight","height","sparkleClasses","sparkleStyles","base","containerClasses","container","isExpander","elem","parentElement","classList","contains","scrollToVisible","scroller","offset","scrollIntoViewIfNeeded","scrollIntoView","block","scrollerBounds","getBoundingClientRect","elemBounds","diff","top","scrollTop","getViewportConfig","config","current","emptyKeys","all","keys","Set","handleSelectionRange","detail","dataState","map","startIndex","indexOf","start","endIndex","end","minIndex","Math","min","maxIndex","max","count","totalSize","slice","defaultLoadingIndicator","SkeletonContainer","minimumCount","Flex","align","Skeleton","defaultLoadMoreIndicator","LOADMORE_STYLE_CLASS","adjustDataState","range","safeRangeOffset","sizePrecision","ariaLabel","ariaLabelledBy","allowTabbableMode","currentKey","gridlines","loadingIndicator","onCurrentKeyChange","onLoadRange","onSelectionChange","onItemAction","rangeExtractor","selectedKeys","viewportConfig","promotedSection","isVirtualized","customItemRenderer","eventHandlers","scrollToVisibleOffset","listRoles","anchorKey","pendingSelection","pendingCurrentKey","setActive","useState","setSparkleHeight","ariaMultiSelectable","ariaRowCount","listStyles","onChange","prevDataState","useEffect","oldDataState","newKeys","dataMetadata","oldKeys","backward","length","newCurrentKey","useHandleRemoveCurrentKey","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","listViewContains","showFocusRing","focusRingProps","useCollectionFocusRing","pendingFocusRingChange","isCurrentTabbableKey","tabbableModeProps","useTabbableModeSet","target","isKeyboardEvent","setTimeout","focus","findElementByKey","activeDescendant","getAttribute","querySelector","setAttribute","handleSelectionChange","useCallback","size","Array","from","pop","handleSelectionRangeChange","isArray","handleInitialFocus","firstKey","getFirstVisibleKey","isKeyDefined","handleSelectorFocusCapture","relatedTarget","handleFocus","useCollectionGestureContext","selectionProps","useSelection","isPrev","suggestions","reduce","set","Map","findSuggestions","sparkleIndicator","itemActionProps","useItemAction","placeholder","PLACEHOLDER_STYLE_CLASS","offsetHeight","suggestionItems","querySelectorAll","forEach","getItemContext","selectorRenderer","Selector","rowKey","selector","ItemComponent","childrenComponent","listItemContext","get","containsKey","listItemFunc","ctx","otherProps","bottom","defaultListItem","handlePointerDown","handleKeyDown","handleKeyUp","mergeProps","onFocus","onPointerDown","onKeyUp","tabIndex","VirtualizedCollection","itemSelector","loadMoreIndicator","LoadMoreCollection","hasMore","onLoadMore"],"mappings":"6hCAkBA,MAAMA,EACJC,IAMA,OAAQA,GACN,IAAK,UACH,MAAO,CAAEC,KAAM,UAAWC,KAAM,eAAgBC,KAAM,UACxD,IAAK,WACH,MAAO,CAAEF,KAAM,WAAYC,KAAM,MAAOC,KAAM,YAChD,QACE,MAAO,CAAEF,KAAM,OAAQC,KAAM,MAAOC,KAAM,YAC7C,ECRUC,EAAmB,qBACnBC,EAAgB,IAAMD,EA0BnB,SAAAE,GAA2CC,SACzDA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,mBACTA,EAAkBC,SAClBA,EAAQC,kBACRA,EAAiBC,WACjBA,EAAUC,qBACVA,GAAuB,EAAKC,WAC5BA,GAAa,EAAKC,KAClBA,EAAIC,cACJA,EAAaC,WACbA,EAAUC,mBACVA,IAEA,MAAMC,EAAUC,SAAuB,MACjCC,EAAQC,EAAAA,SAAQ,IAAMzB,EAAiBkB,IAAO,CAACA,IAC/CQ,EAAUjB,EAAQkB,SAASC,IAC3BC,EAAYpB,EAAQqB,MAGpBC,EACW,WAAfP,EAAMpB,KACF,CACEc,KAAMM,EAAMpB,KACZ,gBAAiByB,EAAY,EAC7B,gBAAiB,GAEnB,CACEX,KAAMM,EAAMpB,OAWd4B,iBAAEA,EAAgBC,iBAAEA,EAAgBC,gBAAEA,EAAeC,sBAAEA,GAC3DC,EAAAA,sBAEIC,EAAiBC,EAAAA,2BAA2B,CAChDC,WAAYC,EAAarB,EAAeJ,GAAc,eAAiB,gBACvE0B,SAAU1B,EAAa,aAAe,cACtC2B,eACE3B,GAAgC,WAAlBI,EAA6B,mBAAqB,oBAClEwB,iBAAkBT,EAAkB,qBAAuB,sBAC3DU,YAAaT,EAAwB,gBAAkB,iBACvDU,OAAQZ,GAAoBpB,EAAW,WAAa,YACpDiC,eACyB,cAAvBzB,GAAsCV,EAAY,mBAAqB,oBACzEoC,iBACEnC,GAAsBD,EAAY,qBAAuB,sBAC3DqC,YAAahC,EAAuB,UAAY,SAChDiC,gBACEnC,IACgB,QAAfM,GAAyBN,GAAuBC,GAAgC,WAAlBI,GAE3D,SADA,YAGF+B,EAAUC,EAAUA,WAAC,CAAC9C,EAAkBgC,IACxCe,EAAsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,6BAEXC,MAAOC,KAAQC,GAAeP,EAAoB,CACxDQ,KAAM,WACNC,UAAW,WAEPC,EAAcX,EAAAA,WAAW,CAC7BO,EACkB,aAAlBvC,GAAgC4C,EAAAA,eAAeC,oBAMjD,OACEC,EACiBC,IAAA,MAAA,CAAA,gBAAArC,EAAY,EACf,aAAAnB,EACC,cAAAgB,EACb+B,MAAOP,EACPiB,IAAK7C,EACLJ,KAAMM,EAAMrB,QACPiB,GAAc,CAAE,sBAAsB,MACnB,iBAAZM,GAAwB,CAAE,mBAAoB,aACtDM,EAAgBxB,SACpByD,EAAAA,IACE,MAAA,CAAAG,GAAIC,EAAAA,QACJC,MAAOX,EACPF,MAAOK,EACQ,gBAAAjC,EAAY,EACb,gBAAC,EACf0C,UA7DiBC,KACjBvD,GAA6B,cAAduD,EAAM5C,KAAqC,YAAd4C,EAAM5C,KACpD4C,EAAMC,iBACP,EA0D2B,gBACT,EAAC,gBACiB,SAAlBtD,EAA2BJ,OAAa2D,KACnD3C,EAAkBvB,SACtByD,EAAAA,IAACU,EAAmBA,oBAACC,SAAS,CAAAC,MAAO,CAAE5D,cACrCT,SAAAyD,EAAAA,IAACa,EAASA,UAAA,CAACC,YAAa9D,EAAY+D,iBAAiB,EAClDxE,SAAAA,EAASC,UAMtB,CAMA,MAAM+B,EAAe,CAACrB,EAA8B8D,IACzB,SAAlB9D,IAA+C,aAAlBA,IAAiC8D,GAG1DC,EAAsBC,EAAAA,KAAK5E,GAAc,CAAC6E,EAAWC,OAC5DD,IAAQC,KAERD,EAAK5E,WAAa6E,EAAK7E,UACvB4E,EAAKzE,YAAc0E,EAAK1E,WACxByE,EAAKxE,qBAAuByE,EAAKzE,oBACjCwE,EAAKrE,aAAesE,EAAKtE,YACzBqE,EAAKnE,aAAeoE,EAAKpE,YACzBmE,EAAKvE,WAAawE,EAAKxE,UACvBuE,EAAKhE,aAAeiE,EAAKjE,YACzBkE,EAAuBF,EAAK3E,QAAS4E,EAAK5E,YAM1C6E,EAAyB,CAAOC,EAA6BC,IAE/DD,EAAKE,OAASD,EAAKC,MACnBF,EAAKzD,QAAU0D,EAAK1D,OACpByD,EAAKxE,aAAeyE,EAAKzE,YACzBwE,EAAK5D,SAASC,MAAQ4D,EAAK7D,SAASC,ICpLxC,MAAM8D,EAAsB,wBAQZ,SAAAC,GAAQC,cAAEA,IACxB,GAAIA,GAAiB,EACnB,OAAO,KAGT,MAAMC,EAASD,EAAgB,KACzBE,EAAiB3C,EAAUA,WAAC,CAAC4C,EAAAA,cAAcC,OAC3CC,EAAmB9C,EAAAA,WAAW,CAAC4C,EAAaA,cAACG,UAAWR,IAE9D,OACEzB,EAAAA,WAAmBR,MAAOwC,EACxBzF,SAAAyD,EAAAA,IAAA,MAAA,CAAKR,MAAOqC,EAAgBxB,MAAO,CAAEuB,aAD9B,UAIb,CCodA,MAAMM,EAAcC,MACdA,EAAKC,gBAAiBD,EAAKC,cAAcC,UAAUC,SAAS,yBAS5DC,EAAkB,CAACJ,EAAeK,EAAmBC,KACzD,GAAIN,GAAQK,IACLL,EAAaO,uBAEfP,EAAaO,yBAEdP,EAAKQ,eAAe,CAAEC,MAAO,YAE3BH,EAAS,GAAG,CACd,MAAMI,EAAiBL,EAASM,wBAC1BC,EAAaZ,EAAKW,wBAClBE,EAAOH,EAAeI,IAAMR,EAASM,EAAWE,IAClDD,EAAO,IACTR,EAASU,UAAYV,EAASU,UAAYF,EAE7C,CACF,EAGGG,EAAoB,CAAC9F,EAAiC+F,IAExDA,GAAU,CACRZ,SAAU,IACDnF,EAAQgG,SAMjBC,EAAY,CAAEC,KAAK,EAAOC,KAAM,IAAIC,KAEpCC,EAAuB,CAC3BC,EACAC,KAEA,MAAMJ,EAAOI,EAAUpC,KAAKqC,KAAKjD,GACxBA,EAAMlD,SAASC,MAElBmG,EAAaN,EAAKO,QAAQJ,EAAO/C,MAAMoD,OACvCC,EAAWT,EAAKO,QAAQJ,EAAO/C,MAAMsD,KACrCC,EAAWC,KAAKC,IAAIP,EAAYG,GAChCK,EAAWF,KAAKG,IAAIT,EAAYG,GACtC,OAAkB,IAAdE,EAEK,CAAE1B,OAAQ,EAAG+B,MAAOZ,EAAUa,WAG9BjB,EAAKkB,MAAMP,EAAUG,EAAW,EACxC,EAGGK,EACJ3E,EAACC,IAAA2E,EAAiBA,kBAAC,CAAAC,aAAc,GAC9BtI,SAAA,IAEGyD,EAAAA,IAAC8E,EAAAA,KAAI,CAAClD,OAAO,MAAMmD,MAAM,SACvBxI,SAAAyD,EAAAC,IAAC+E,EAAQA,SAAC,CAAApD,OAAO,WAOrBqD,EACJjF,EAAAA,IAAK,MAAA,CAAAR,MAAO0F,EAAAA,qBAAoB3I,SAC9ByD,EAACC,IAAA2E,EAAiBA,mBAACC,aAAc,EAACtI,SAC/B,IAEGyD,EAAAA,IAAC8E,EAAAA,KAAI,CAAClD,OAAO,MAAMmD,MAAM,SACvBxI,SAAAyD,EAAAC,IAAC+E,EAAQA,SAAC,CAAApD,OAAO,aAWvBuD,EAAkB,CAAOvB,EAA4BwB,KACzD,GAAIA,EAAO,CAET,MAAMC,EAAkBjB,KAAKC,IAAIe,EAAM3C,OAAQmB,EAAUnB,OAASmB,EAAUa,WACtEzB,EAAOqC,EAAkBzB,EAAUnB,OACrCO,EAAO,IACTY,EAAY,CACVnB,OAAQ4C,EACR7D,KAAMoC,EAAUpC,KAAKkD,MAAM1B,EAAMA,EAAOoC,EAAMZ,OAC9CC,UAAWb,EAAUa,UACrBa,cAAe1B,EAAU0B,eAG9B,CACD,OAAO1B,CAAS,8BA1iBF,UACd,aAAc2B,EACd,kBAAmBC,EAAcC,kBACjCA,GAAoB,EAAIlJ,SACxBA,EAAQmJ,WACRA,EAAUlE,KACVA,EAAImE,UACJA,EAASC,iBACTA,EAAmBjB,EAAuBkB,mBAC1CA,EAAkBC,YAClBA,EAAWC,kBACXA,EAAiBC,aACjBA,EAAYC,eACZA,EAAchJ,KACdA,EAAO,OAAMiJ,aACbA,EAAe5C,EAAoBpG,cACnCA,EAAgB,OAAMiJ,eACtBA,EAAc/I,mBACdA,EAAqB,OAAMgJ,gBAC3BA,EAAeC,cACfA,GAAgB,EAAIC,mBACpBA,EAAkBC,cAClBA,EAAaC,sBACbA,IAEA,MAAMnJ,EAAUC,SAAuB,MACjCmJ,EAAYjJ,EAAAA,SAAQ,IAAMzB,EAAiBkB,IAAO,CAACA,IAGnDyJ,GAAYpJ,EAAAA,SAGZqJ,GAAmBrJ,EAAAA,SACnBsJ,GAAoBtJ,EAAAA,UAEnBsB,GAAQiI,IAAaC,EAAQA,UAAU,IAGvCnF,GAAeoF,IAAoBD,EAAQA,SAAS,GAerDE,GAAwC,SAAlB9J,OAA2BuD,EAA8B,aAAlBvD,EAC7D+J,GACK,OAATzF,OAAgBf,EAAmC,UAAvBe,EAAK8D,cAA4B9D,EAAKiD,WAAa,EAE3ExF,GAAUC,EAAUA,WAAC,CAACgI,EAAAA,WAAWnF,iBCvFvC6B,EACA8B,EACAyB,GAEA,MAAMC,EAAgB9J,EAAAA,SAEtB+J,EAAAA,WAAU,KACR,MAAMC,EAAeF,EAAc/D,QACnC,GACEqC,GACAyB,GACAG,GACA1D,GACA0D,EAAa7E,SAAWmB,EAAUnB,QAClC6E,IAAiB1D,EACjB,CACA,MAAM2D,EAAU3D,EAAUpC,KAAKqC,KAAK2D,GAC3BA,EAAa9J,SAASC,MAI/B,IAAqC,IAAjC4J,EAAQxD,QAAQ2B,GAAoB,CACtC,MAAM+B,EAAUH,GAAc9F,KAAKqC,KAAK2D,GAC/BA,EAAa9J,SAASC,MAG/B,IAAIE,EAAQ4J,EAAQ1D,QAAQ2B,GAC5B,GAAI7H,GAAS,EAAG,CACd,MAAM6J,EAAW7J,IAAU4J,EAAQE,OAAS,EAC5C,KAAO9J,GAAS,GAAKA,EAAQ4J,EAAQE,QAAQ,CAC3C9J,EAAQ6J,EAAW7J,EAAQ,EAAIA,EAAQ,EACvC,MAAM+J,EAAgBH,EAAQ5J,GAC9B,GAAI0J,EAAQxD,QAAQ6D,IAAkB,EAAG,CACvCT,EAAS,CAAEvG,MAAOgH,IAClB,KACD,CACF,CACF,CACF,CACF,CAGDR,EAAc/D,QAAUO,CAAS,GAChC,CAACA,EAAW8B,EAAYyB,GAC7B,CDgDEU,CAA0BrG,EAAMkE,EAAYG,GAE5C,MAAMiC,gBAAEA,IAAoBC,iBACzBC,GAAYC,EAAYA,aAACD,EAAS3L,IACjB,aAAlBa,EACAgL,EAAcA,eAAC7K,EAAQgG,QAASqC,GAAY,EAAMrJ,GAClD6L,EAAcA,eAAC7K,EAAQgG,QAASqC,GAAY,EAAOrJ,QACnDoE,OACAA,EACAiF,EACAG,GAGIsC,GAAoBhG,KACf9E,EAAQgG,SAASf,SAASH,IAG9BiG,GAAeC,IAAkBC,EAAAA,uBAAuBH,GAAkB,CAC/E,UACA,cAGF,IAAII,IAAyB,EAC7B,MAAOC,GAAsBC,IAAqBC,EAAAA,mBAChDP,IACCH,GAEQ9F,EAAW8F,GAAW,KAAQC,EAAAA,aAAaD,EAAS3L,IAE7DqJ,GAEA,CAACiD,EAA4BC,KACvBT,GAAiBQ,KAGfC,GAEFL,IAAyB,EACzBM,YAAW,KACTxL,EAAQgG,SAASyF,OAAO,GACvB,IAEHzL,EAAQgG,SAASyF,QAEpB,IAIFnL,IACCkI,GAAsBA,EAAmB,CAAEjF,MAAOjD,GAAM,IAI5D0J,EAAAA,WAAU,KACR,GAAkB,MAAd3B,GAAsBrI,EAAQgG,QAAS,CACzC,MAAMlB,EAAO4G,EAAAA,iBAAiB1L,EAAQgG,QAASqC,EAAYrJ,GAC3D,GAAI8F,EAAM,CACR,MAAM6G,EAAmB3L,EAAQgG,QAAQ4F,aAAa,yBAChD9M,EAAOgG,EAAK+G,cAAc,SAASzC,EAAUtK,SACnD,GAAIA,GAAQ6M,IAAqB7M,EAAKgE,GAAI,CAExC9C,EAAQgG,QAAQ8F,aAAa,wBAAyBhN,EAAKgE,IAE3D,MAAMqC,EAAW2D,GAAgB3D,WAC3BC,EAAS+D,EAAwBA,EAAsBnJ,EAAQgG,SAAW,EAEhFd,EAAgBJ,EAAkB,MAAZK,EAAmBA,EAAWnF,EAAQgG,QAASZ,EACtE,CACF,CACF,IAIA,CAACiD,EAAYlE,EAAMiF,EAAUtK,KAAMgK,IAEtC,MAAMiD,GAAwBC,eAC3B1F,IACKoC,KACuB,IAArBpC,EAAO/C,MAAM2C,KAAiBI,EAAO/C,MAAM4C,KAAK8F,KAAO,IAEzD5C,GAAUrD,QAAUkG,MAAMC,KAAK7F,EAAO/C,MAAM4C,KAAKlE,UAAUmK,OAE7D1D,EAAkBpC,GACnB,GAEH,CAAC+C,GAAWX,IAGR2D,GAA6BL,eAChC1F,IACC,GAAInC,GAAQuE,EAAmB,CAC7B,MAAMnF,EAAQ8C,EAAqBC,EAAQnC,GACvC+H,MAAMI,QAAQ/I,GAChBmF,EAAkB,CAAEnF,MAAO,CAAE2C,KAAK,EAAOC,KAAM,IAAIC,IAAI7C,IAAU+H,OAAQ,QAEzEhC,GAAiBtD,QAAU,CACzBM,OAAQA,EACRyB,MAAO,CAAE3C,OAAQjB,EAAKiB,OAAQ+B,MAAOhD,EAAKA,KAAKmG,SAEjD7B,EAAYlF,GAEf,IAEH,CAACY,EAAMuE,EAAmBD,IAGtB8D,GAAqBP,EAAAA,aAAY,KACrC,GACEhM,EAAQgG,SACRwC,KACEJ,GAAqB+C,QAAqB/H,IAC5C,CACA,MAAMoJ,EACJjD,GAAkBvD,SAAYyG,EAAkBA,mBAACzM,EAAQgG,QAAShH,GAChE0N,EAAAA,aAAaF,IACfhE,EAAmB,CAAEjF,MAAOiJ,GAE/B,IACA,CAACpE,EAAmBI,EAAoB2C,KAMrCwB,GAA6BX,eAChC9I,IACC,MAAM5C,EAAMsK,EAAYA,aAAC1H,EAAMoI,OAAuBtM,GAClDsB,GAAsE,aAA9D4C,EAAM0J,eAA+BhB,aAAa,UAC5D5L,EAAQgG,SAASyF,QACbjD,GAAsBlI,GACxBkI,EAAmB,CAAEjF,MAAOjD,IAE/B,GAEH,CAACkI,IAGGqE,GAAcb,eACjB9I,IACC,GAAI2B,EAAW3B,EAAMoI,QAArB,CACEtL,EAAQgG,SAASyF,QACjB,MAAMnL,EAAMsK,EAAYA,aAAC1H,EAAMoI,OAAuBtM,GAClDwJ,GAAsBlI,GACxBkI,EAAmB,CAAEjF,MAAOjD,GAG/B,MACAoM,EAAYA,aAACrE,IAAeG,GAAsB+D,MAClDnE,GAAqBuE,GAA2BzJ,EAAM,GAEzD,CACEkF,EACAC,EACAkE,GACAI,GACAnE,IAIEjF,GAAQuJ,EAAAA,+BAERC,eAAEA,IAAmBC,EAAYA,cACpCrC,GACKA,IAAY3K,EAAQgG,aACA5C,IAAfiF,EAA2B,KAAOA,EAEpCuC,EAAYA,aAACD,EAAS3L,IAE/B6J,EACAhJ,GACA,EACA,UACU,aAAV0D,GACAwI,GACA1C,GAAUrD,QACVqC,GACA,CAACA,EAA2B4E,IAC1BpC,EAAAA,eAAe7K,EAAQgG,QAASqC,EAAY4E,EAAQjO,SACtDoE,GACC9C,IACC,GAAIN,EAAQgG,QAAS,CACnB,MAAMlB,EAAO4G,EAAAA,iBAAiB1L,EAAQgG,QAAS1F,EAAKtB,GACpD,GAAI8F,EAAM,CACR,MAAMK,EAAW2D,GAAgB3D,WAC3BC,EAAS+D,EAAwBA,EAAsBnJ,EAAQgG,SAAW,EAChFd,EAAgBJ,EAAkB,MAAZK,EAAmBA,EAAWnF,EAAQgG,QAASZ,EACtE,CACF,IAEHiH,IAGF,GAAIlI,QAAqCf,IAA7BkG,GAAiBtD,SAAyB0C,EAAmB,CACvE,MAAMvC,EAAOE,EAAqBiD,GAAiBtD,QAAQM,OAAQnC,GAC/D+H,MAAMI,QAAQnG,IAChBuC,EAAkB,CAAEnF,MAAO,CAAE2C,KAAK,EAAOC,KAAM,IAAIC,IAAID,IAASmF,OAAQ,OAE1E,MAAMvD,EAAQuB,GAAiBtD,QAC3BsD,GAAiBtD,QAAQ+B,MACzB,CAAE3C,OAAQjB,EAAKiB,OAAQ+B,MAAOhD,EAAKA,KAAKmG,QAC5CnG,EAAO2D,EAAgB3D,EAAM4D,GAC7BuB,GAAiBtD,aAAU5C,EAC3BqF,EAAYV,EACb,CAED,MAAMmF,GAAc/M,EAAOA,SACzB,IAAMgE,GAAQ4E,GDvRa,EAC7B5E,EACAgD,IAEc,IAAVA,EACK,KAGehD,EAAKkD,MAAM,EAAGF,GACfgG,QAAO,CAACD,EAAa3J,EAAO/C,KACjD,MAAMF,EAAMiD,EAAMlD,SAASC,IAQ3B,OANIE,IAAU2G,EAAQ,EACpB+F,EAAYE,IAAI9M,EAAK,OAErB4M,EAAYE,IAAI9M,GAAK,GAGhB4M,CAAW,GACjB,IAAIG,KCoQ4BC,CAAgBnJ,EAAKA,KAAM4E,EAAgB5B,QAC5E,CAAChD,EAAM4E,IAIHwE,GAAmB5K,EAAAA,IAAC0B,GAAQC,cAAeA,KAE3CkJ,GAAkBC,EAAaA,cACnCpF,EACAlE,EACAwE,EACA3J,EACU,aAAVuE,IAGFyG,EAAAA,WAAU,KAGR,GAAIkD,GAAa,CACf,MAAMQ,EAAc1N,EAAQgG,SAAS6F,cACnC,IAAM8B,EAAAA,yBAER,IAAIpJ,EAASmJ,GAAaE,cAAgB,EAC1C,MAAMC,EAAkB7N,EAAQgG,SAAS8H,iBAAiB,wBAC1DD,GAAiBE,SAASlP,GAAU0F,GAAW1F,EAAqB+O,eACpElE,GAAiBnF,EAClB,IACA,CAAC2I,KAGJ,MAAMc,GAAiBhC,eACpB7M,IACC,MAAM8O,EACc,aAAlBpO,EACI,IACE8C,EAACC,IAAAsL,EAAQA,SACP,CAAApE,SAAUiC,GACVoC,OAAQhP,EAAQgF,KAAK9D,SAASC,IAC9BuI,aAAcA,SAElBzF,EAEN,MAAO,CACL5C,MAAOrB,EAAQqB,MACf2D,KAAMhF,EAAQgF,KAAKA,KACnB9D,SAAUlB,EAAQgF,KAAK9D,SACvB+N,SAAUH,EACX,GAEH,CAACpO,EAAegJ,EAAckD,KAG1BsC,GAAgBrF,EAAgB/J,EAAe2E,EAE/C0K,GAAqBnP,IACzB,MAAMoP,EAAkBP,GAAe7O,GACjCW,EAAaoN,IAAasB,IAAID,EAAgBlO,SAASC,KACvDX,EAAayI,GAAqB+C,GAAqBoD,EAAgBlO,SAASC,KAChFjB,EAAYgJ,IAAekG,EAAgBlO,SAASC,MAAQX,EAC5DJ,EAAWF,GAAakC,GACxB9B,EAAagP,EAAAA,YAAY5F,EAAc0F,EAAgBlO,SAASC,KAChEhB,EAAqBD,GAAa0L,KAAkBG,GACpDwD,EAAe,CAACC,EAA4BC,KAChDjM,OAAAA,EAAAA,IAAC0L,GAEC,CAAAlP,QAASwP,EACTtP,UAAWA,EACXC,mBAAoBA,EACpBC,SAAUA,EACVC,mBAzSgBgB,EAySgB+N,EAAgB/N,MAtS9B,YAApB8H,GAAWzJ,OACV2B,EAAQ,IAAM2D,GAAMiD,WAAmC,YAAtBkB,GAAWuG,SAsS3CpP,WAAYA,EACZE,WAAYyI,GAAqB+C,GAAqBoD,EAAgBlO,SAASC,KAC/EV,KAAMA,EACNC,cAAeA,EACfE,mBAAoBA,KACfD,GAAc,CAAEA,iBACU,IAA1ByO,EAAgB/N,OAAe,CAAEd,qBAtSf,YAApB4I,GAAWzJ,MAAyC,YAAnByJ,GAAW1C,QAuS3CgJ,EAAU1P,SACbA,GAdIqP,EAAgBlO,SAASC,KApSf,IAACE,CAoTnB,EAKD,GAAIyI,EAAoB,CAUtB,OAAOA,EATuB,CAC5BsF,kBACAlP,YACAC,qBACAG,aACAE,aACAJ,WACAuP,gBAAiBJ,GAGpB,CACD,OAAOA,EAAaH,EAAgB,EAGtCzF,EAAiBhD,EAAkB9F,EAAS8I,GAK5C,MAAMiG,GAAoB/C,eAAa9I,IACrC,MAAM5C,EAAMsK,EAAYA,aAAC1H,EAAMoI,OAAuBtM,GAClD0N,EAAAA,aAAapM,KACfiJ,GAAkBvD,QAAU1F,EAC7B,GACA,IAEG0O,GAAgBhD,eACnB9I,IACmB,MAAdA,EAAM5C,KAAe+H,GAAgC,SAAlBxI,GACrC2J,IAAU,EACX,GAEH,CAACnB,EAAYxI,EAAe2J,KAGxByF,GAAcjD,EAAAA,aAAY,KAC9BxC,IAAU,EAAM,GACf,CAACA,KAIJ,OACE7G,gBACMuM,EAAUA,WACZ9G,EAAoBgD,GAAoB,CAAA,EACxCX,GACAO,GACA+B,GACAS,GACA,CACE2B,QAAStC,GACTuC,cAAeL,GACf9L,UAAW+L,GACXK,QAASJ,SAEO7L,IAAlB8F,EAA8BA,EAAgB,CAAA,GAEhDtJ,KAAMA,EACS,gBAAAgK,GACA,gBAAA,EACf/G,IAAK7C,EACLmC,MAAOP,GACP0N,SAAU,EAAC,aACCpH,EAAS,kBACJC,EAAc,uBACTwB,GAAmBzK,SAChC,MAARiF,EAAY,EAET6E,EACFrG,EAAAC,IAAC2M,EAAqBA,sBAAA,CACpBpL,KAAMA,EACNqL,aAAcxQ,EACdyQ,kBAAmB7H,EACnBa,YAAaA,EACbG,eAAgBA,EAChBsE,YAAaK,GACbzE,eAAgBA,EACf5J,SAAAoP,KAGH3L,MAAC+M,EAAAA,mBAAkB,CACjBvL,KAAMA,EAAKA,KACXsL,kBAAmB7H,EACnB+H,QAAgC,YAAvBxL,EAAK8D,eAA+B9D,EAAKA,KAAKmG,QAAUnG,EAAKiD,UACtEwI,WAAY,KACVzL,GAAQsE,EAAY,CAAErD,OAAQ,EAAG+B,MAAOhD,EAAKA,KAAKmG,OAAS,IAAK,EAElE4C,YAAaK,GACbzE,eAAgBA,EAAc5J,SAC7BoP,MAKX"}

package/amd/ListItemTextLayout-20ebcb71.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'module', './UNSAFE_Grid', './utils/UNSAFE_classNames', './classNames-111575ef', './UNSAFE_Text', './hooks/UNSAFE_useTabbableMode', './Text-ffce2777'], (function(e,s,a,r,i,n,l,t,c){"use strict";const d="m110xs",o="_1vhqgxh",m="h19pwu",x="_16y2t7n";const h={primary:"primary",secondary:"primary",tertiary:"secondary",quaternary:"secondary",overline:"secondary",metadata:"secondary"},u={primary:"md",secondary:"sm",tertiary:"xs",quaternary:"sm",overline:"xs",metadata:"sm"},v={primary:void 0,secondary:2,tertiary:2,quaternary:2,overline:1,metadata:1};function y({children:e,variant:a}){const{isTabbable:r}=t.useTabbableMode(),i=s.jsx(c.Text,{variant:h[a],size:u[a],lineClamp:v[a],children:e});return r?s.jsx("div",{tabIndex:0,children:i}):i}e.ListItemLayout=function({children:e,selector:a,leading:i,primary:l,secondary:t,tertiary:c,overline:h,metadata:u,trailing:v,action:y,quaternary:j,navigation:p}){const{columnsTemplate:N,firstCell:f,secondCell:b,lastCell:T,hasSecondRow:_}=function(e,a,r,i,l,t,c){const h=[];let u=null;e&&(h.push("auto"),u=s.jsx("div",{className:d,children:e}));let v=null;a&&(h.push("auto"),v=s.jsx("div",{className:o,children:a}));h.push("1fr");let y=null;(r||i||l||c)&&(h.push("auto"),y=s.jsxs("div",{className:x,children:[s.jsx("div",{className:n.classNames([o,r?m:""]),children:r}),s.jsx("div",{className:n.classNames([o,i?m:""]),children:i}),s.jsx("div",{className:n.classNames([o,l?m:""]),children:l})]}));const j=h.join(" "),p=!(!t&&!c);return{columnsTemplate:j,firstCell:u,secondCell:v,lastCell:y,hasSecondRow:p}}(a,i,u,v,y,j,p),C=e?s.jsx("div",{className:"_13zxz01",children:e}):s.jsxs("div",{className:"jspgxc",children:[s.jsx("div",{children:h}),s.jsx("div",{children:l}),s.jsx("div",{children:t}),s.jsx("div",{children:c})]}),g=_?[f&&s.jsx("span",{children:" "}),b&&s.jsx("span",{children:" "}),s.jsx("div",{className:"_10jbcju",children:j}),T&&s.jsx("div",{className:"_1qwxxmh",children:p})]:null;return s.jsxs(r.Grid,{gap:"4x",gridTemplateColumns:N,children:[f,b,s.jsx("div",{className:o,children:C}),T,g]})},e.ListItemText=y,e.ListItemTextLayout=function({primary:e,secondary:a,tertiary:r,overline:i}){return s.jsxs("div",{className:"al0syu",children:[s.jsx(y,{variant:"overline",children:i}),s.jsx(y,{variant:"primary",children:e}),s.jsx(y,{variant:"secondary",children:a}),s.jsx(y,{variant:"tertiary",children:r})]})}}));
+//# sourceMappingURL=ListItemTextLayout-20ebcb71.js.map

package/amd/ListItemTextLayout-20ebcb71.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTextLayout-20ebcb71.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","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":"mOAiEA,MAaAA,EAGC,SAGDC,EAGC,WAGDC,EAEC,SASDC,EAKC,WCtFD,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,EAAAA,IAACC,EAAIA,KAAA,CACHL,QAASZ,EAAaY,GACtBM,KAAMX,EAAUK,GAChBO,UAAWX,EAAeI,GAAQD,SACjCA,IAIL,OAAOE,EAAaG,aAAKI,SAAU,EAACT,SAAGI,IAAqBA,CAC9D,kBD0DA,UAAAJ,SAAAA,EAAAU,SAAAA,EAAAC,QAAAA,EAAArB,QAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAE,SAAAA,EAAAC,SAAAA,EAAAiB,SAAAA,EAAAC,OAAAA,EAAApB,WAAAA,EAAAqB,WAAAA,IAeE,MAAAC,gBAAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAAC,aAAAA,GA2CF,SAAAT,EAAAC,EAAAhB,EAAAiB,EAAAC,EAAApB,EAAAqB,yBAYEJ,IACEU,EAAAC,KAAA,4DAKFV,IACES,EAAAC,KAAA,iDAIFD,EAAAC,KAAA,mBAGA1B,GAAAiB,GAAAC,GAAAC,KACEM,EAAAC,KAAA,QACAH,EAAAI,EAAAC,KAAA,MAAA,CAAAC,UAAApC,EAAAY,SAAA,CAAAK,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAAxC,EAAAS,EAAAR,EAAA,KAAAa,SAAAL,IAAAU,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAAxC,EAAA0B,EAAAzB,EAAA,KAAAa,SAAAY,IAAAP,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAAxC,EAAA2B,EAAA1B,EAAA,KAAAa,SAAAa,4BAgBFM,KAAA1B,IAAAqB,+EAGF,CA1FEa,CAAAjB,EAAAC,EAAAhB,EAAAiB,EAAAC,EAAApB,EAAAqB,GAWAc,EAAA5B,EAAAK,EAAAoB,IAAA,MAAA,CAAAD,UAvED,WAuECxB,SAAAA,IAAAsB,EAAAC,KAAA,MAAA,CAAAC,UA9CD,SA8CCxB,SAAA,CAAAK,EAAAoB,IAAA,MAAA,CAAAzB,SAAAN,IAAAW,EAAAoB,IAAA,MAAA,CAAAzB,SAAAV,IAAAe,EAAAoB,IAAA,MAAA,CAAAzB,SAAAT,IAAAc,EAAAoB,IAAA,MAAA,CAAAzB,SAAAR,WAaE,CACIwB,GAAAX,EAAAA,IAAA,OAAA,CAAAL,SAAA,MACAiB,GAAAZ,EAAAoB,IAAA,OAAA,CAAAzB,SAAA,MACAK,EAAAoB,IAAA,MAAA,CAAAD,UA5CP,WA4COxB,SAAAP,IACAyB,GAAAb,EAAAoB,IAAA,MAAA,CAAAD,UAjDP,WAiDOxB,SAAAc,UAIN,OAAAQ,EAAAA,KAAAO,EAAAA,KAAA,CAAAC,IAAA,KAAAC,oBAAAhB,EAAAf,SAAA,CAAAgB,EAAAC,EAAAZ,EAAAA,IAAA,MAAA,CAAAmB,UAAAtC,EAAAc,SAAA4B,IAAAV,EAAAc,IASF,wCE1IA,UAAA1C,QAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAE,SAAAA,mCAFC,yLAWD"}

package/amd/ListView-7c5aaaff.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_List', './List-c84ffbc1'], (function(t,e,a,i){"use strict";t.ListView=function(t){const a=t.data?t.data.map((e=>({data:e,metadata:{key:t.getRowKey(e)}}))):null,n=t.onLoadMore?t.onLoadMore:()=>{},o=a?{offset:0,data:a,sizePrecision:t.hasMore?"atLeast":"exact",totalSize:a.length}:null;return e.jsx(i.List,{isVirtualized:!1,...t,onLoadRange:n,data:o,children:t.children})}}));
+//# sourceMappingURL=ListView-7c5aaaff.js.map

package/amd/ListView-7c5aaaff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-7c5aaaff.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 { DataState } from '../UNSAFE_Collection';\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentKey'\n  | 'currentItemVariant'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n> &\n  NonVirtualizedListProps<K, D>;\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  const dataMetadata = props.data\n    ? props.data.map((aData: D) => {\n        const key = props.getRowKey(aData);\n        return { data: aData, metadata: { key } };\n      })\n    : null;\n  const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n  const dataState = dataMetadata\n    ? ({\n        offset: 0,\n        data: dataMetadata,\n        sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n        totalSize: dataMetadata.length\n      } as DataState<K, D>)\n    : null;\n  return (\n    <List isVirtualized={false} {...props} onLoadRange={loadRange} data={dataState}>\n      {props.children}\n    </List>\n  );\n}\n"],"names":["props","dataMetadata","data","map","aData","metadata","key","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","length","_jsx","List","isVirtualized","onLoadRange","children"],"mappings":"sHA2DM,SAAiDA,GACrD,MAAMC,EAAeD,EAAME,KACvBF,EAAME,KAAKC,KAAKC,IAEP,CAAEF,KAAME,EAAOC,SAAU,CAAEC,IADtBN,EAAMO,UAAUH,QAG9B,KACEI,EAAYR,EAAMS,WAAaT,EAAMS,WAAa,OAClDC,EAAYT,EACb,CACCU,OAAQ,EACRT,KAAMD,EACNW,cAAeZ,EAAMa,QAAU,UAAY,QAC3CC,UAAWb,EAAac,QAE1B,KACJ,OACEC,EAAAA,IAACC,EAAAA,KAAI,CAACC,eAAe,KAAWlB,EAAOmB,YAAaX,EAAWN,KAAMQ,EAASU,SAC3EpB,EAAMoB,UAGb"}

package/amd/LoadMoreCollection-c91aac19.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './PRIVATE_Collection', './hooks/UNSAFE_useViewportIntersect', './Collection-c0c8e864'], (function(e,o,t,r,n,i){"use strict";const c="oj-collection-loadmore",s=`.${c}`;e.LOADMORE_STYLE_CLASS=c,e.LoadMoreCollection=function({data:e,children:r,viewportConfig:c,hasMore:l,onLoadMore:a,loadMoreIndicator:d,suggestions:h,loadMoreThreshold:u=1}){return n.useViewportIntersect(c,Math.max(u,1),0,s,(()=>{e&&a()})),e?o.jsxs(t.Fragment,{children:[h,o.jsx(i.Collection,{items:e,children:r}),l&&d]}):o.jsx("div",{})}}));
+//# sourceMappingURL=LoadMoreCollection-c91aac19.js.map

package/amd/LoadMoreCollection-c91aac19.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-c91aac19.js","sources":["../../src/PRIVATE_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 { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the LoadMoreCollection component\n */\ntype Props<D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the LoadMoreCollection.\n   */\n  data: D[] | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<D>) => 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   * Whether there are still more data to load.  Internally, LoadMoreCollection will render the load\n   * more indicator at the bottom if this is true\n   */\n  hasMore: boolean;\n\n  /**\n   * Callback function to handle when user scrolls to the end of the component and there are more items to load.\n   * The function should update data prop on the component to include the next set of items fetched.\n   */\n  onLoadMore: () => 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  /**\n   * Optionally specify how far in pixel from the bottom should load more occurs\n   */\n  loadMoreThreshold?: number;\n};\n\nexport const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\n\nconst DEFAULT_MARGIN = 1;\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<D>({\n  data,\n  children,\n  viewportConfig,\n  hasMore,\n  onLoadMore,\n  loadMoreIndicator,\n  suggestions,\n  loadMoreThreshold = DEFAULT_MARGIN\n}: Props<D>) {\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    Math.max(loadMoreThreshold, DEFAULT_MARGIN),\n    0,\n    LOAD_MORE_SELECTOR,\n    () => {\n      if (data) {\n        onLoadMore();\n      }\n    }\n  );\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data) {\n    return <div />;\n  }\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    <Fragment>\n      {suggestions}\n      <Collection items={data}>{children}</Collection>\n      {hasMore && loadMoreIndicator}\n    </Fragment>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","LOAD_MORE_SELECTOR","data","children","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","suggestions","loadMoreThreshold","useViewportIntersect","Math","max","_jsxs","Fragment","_jsx","jsx","Collection","items"],"mappings":"0KA4Da,MAAAA,EAAuB,yBAG9BC,EAAqB,IAAID,kDAMzB,UAAgCE,KACpCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,QACdA,EAAOC,WACPA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,kBACXA,EAfqB,IA+BrB,OAbAC,uBACEN,EACAO,KAAKC,IAAIH,EApBU,GAqBnB,EACAR,GACA,KACMC,GACFI,GACD,IAKAJ,EAOHW,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACNK,EACDO,EAAAC,IAACC,aAAW,CAAAC,MAAOhB,EAAIC,SAAGA,IACzBE,GAAWE,KATPQ,eAYX"}