@oracle/oraclejet-preact 15.0.0 → 15.0.2

package/amd/MenuButton-73950821.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton-73950821.js","sources":["../../src/UNSAFE_MenuButton/MenuButton.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';\nimport { ChevronDownIcon } from '../PRIVATE_ThemedIcons/ChevronDownIcon';\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps & {\n    /**\n     * children - One or more MenuItems, dividers, or Menu groups\n     */\n    children?: ComponentChildren;\n\n    /**\n     * The icon shown to the left of the label (or to the right of the\n     * label in right to left mode). Note that this is not the menu\n     * expand icon shown to the right of the label (or to the left of\n     * the label 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     * The button label\n     */\n    label?: 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     * A suffix to the label that can be rendered differently.  Used to identify\n     * which child MenuItem is invoked.\n     */\n    suffix?: string;\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     * 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/**\n * A MenuButton is a combined action and menu button.\n */\nexport const MenuButton = forwardRef(\n  (\n    {\n      children,\n      label,\n      suffix,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      onToggleMenu,\n      size = 'md',\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\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 globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const rootButton = (\n      <BaseButton\n        {...mergeProps(triggerProps, globalEventProps)}\n        styling={isMenuOpen ? ['min', 'active'] : ['min']}\n        isDisabled={isDisabled}\n        variant={variant}\n        width={width}\n        size={size}\n        ref={buttonRef}\n        aria-label={`${label} ${suffix}`}\n        aria-describedby={ariaDescribedBy}>\n        <ButtonLayout\n          display={'all'}\n          suffix={suffix}\n          startIcon={icon}\n          endIcon={<ChevronDownIcon />}\n          size={size}>\n          {label}\n        </ButtonLayout>\n      </BaseButton>\n    );\n\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps}>{children}</Menu>\n      </Fragment>\n    );\n  }\n);\n"],"names":["MenuButton","forwardRef","children","label","suffix","variant","isDisabled","isMenuOpen","onToggleMenu","size","width","icon","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","buttonRef","useRef","useImperativeHandle","current","triggerProps","menuProps","useMenuAction","anchorRef","globalEventProps","rootButton","_jsx","BaseButton","mergeProps","styling","ButtonLayout","display","startIcon","endIcon","ChevronDownIcon","_jsxs","jsxs","Fragment","Menu"],"mappings":"8XAqGa,MAAAA,EAAaC,EAAAA,YACxB,EAEIC,WACAC,QACAC,SACAC,UAAU,WACVC,cAAa,EACbC,cAAa,EACbC,eACAC,OAAO,KACPC,QACAC,OACA,mBAAoBC,EACpBC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACH,GAAM,IAAMC,EAAUG,SAAU,CAACH,IAErD,MAAMI,aAAEA,EAAYC,UAAEA,GAAcC,gBAAc,CAChDpB,WAAYA,EACZE,aAAcA,EACdD,WAAYA,EACZoB,UAAWP,IAGPQ,EAAmB,CACvBf,SACAC,UACAC,eACAC,eACAC,aACAC,gBAGIW,EACJC,EAAAA,IAACC,EAAUA,WAAA,IACLC,EAAUA,WAACR,EAAcI,GAC7BK,QAAS1B,EAAa,CAAC,MAAO,UAAY,CAAC,OAC3CD,WAAYA,EACZD,QAASA,EACTK,MAAOA,EACPD,KAAMA,EACNU,IAAKC,EACO,aAAA,GAAGjB,KAASC,IACN,mBAAAQ,WAClBkB,EAAAA,IAACI,EAAAA,cACCC,QAAS,MACT/B,OAAQA,EACRgC,UAAWzB,EACX0B,QAASP,MAACQ,EAAAA,mBACV7B,KAAMA,EAAIP,SACTC,MAKP,OAAOG,EACL,EAEAiC,EAAAC,KAACC,EAAQA,SACN,CAAAvC,SAAA,CAAA2B,EACDC,EAAAA,IAACY,EAAAA,KAAI,IAAKjB,EAASvB,SAAGA,MAEzB"}

package/amd/MenuDivider-e9106fb6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Divider', './UNSAFE_Menu/themes/redwood/MenuDividerTheme', './Divider-9dbc0f92'], (function(e,i,n,s,d,o){"use strict";e.MenuDivider=function(){const{classes:e}=n.useComponentTheme(d.MenuDividerRedwoodTheme);return i.jsx("div",{class:e,children:i.jsx(o.Divider,{})})}}));
+//# sourceMappingURL=MenuDivider-e9106fb6.js.map

package/amd/MenuDivider-e9106fb6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider-e9106fb6.js","sources":["../../src/UNSAFE_Menu/MenuDivider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { Divider } from '../UNSAFE_Divider';\nimport { MenuDividerRedwoodTheme } from './themes/redwood/MenuDividerTheme';\n\nexport function MenuDivider() {\n  const { classes } = useComponentTheme(MenuDividerRedwoodTheme);\n\n  return (\n    <div class={classes}>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["classes","useComponentTheme","MenuDividerRedwoodTheme","_jsx","class","children","Divider"],"mappings":"gOAaE,MAAMA,QAAEA,GAAYC,EAAiBA,kBAACC,EAAuBA,yBAE7D,OACEC,MAAK,MAAA,CAAAC,MAAOJ,EACVK,SAAAF,EAAAA,IAACG,EAAOA,QAAA,KAGd"}

package/amd/MenuItem-ab582d50.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Text', './utils/UNSAFE_classNames', './hooks/UNSAFE_useId', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './hooks/UNSAFE_useInteractionStyle', 'preact', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-fbfc14a7', './hooks/UNSAFE_useToggle', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './flexitem-f4d8540e', './classNames-c6cc4719', './Text-4733b962'], (function(e,n,t,o,s,r,u,a,i,l,c,m,d,p,f,h,g,y,C,M,v,b){"use strict";const x=e=>e.dataset.ojMenuItemKey,k=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=x(n);return void 0===e?null:{key:e,elem:n}}return null},S=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{"ltr"===e?"ArrowRight"===t.key&&n?.():"ArrowLeft"===t.key&&n?.()}}},I=p.createContext({isMobile:!1,onClose:()=>null});function E(){return t.useContext(I)}const F=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function A(){return t.useContext(F)}const w=f.forwardRef((({id:e,label:o,onAction:s,startIcon:r,endIcon:m,role:p,isChecked:f,isDisabled:h=!1,variant:g="standard",type:x,hoverInfo:k,openSubmenu:I,menuItemLabelWeight:F="normal",isSubmenuOpen:w,submenuId:N,submenuRef:T},P)=>{const{onClose:U}=E(),{currentKey:j,changeKey:R,showFocusRing:L,menuContainerRef:_,menuContainerGeneralInformation:D,isContainerFocused:K}=A(),O=t.useRef(null),{direction:q}=i.useUser(),H=j===e,V=t.useCallback((e=>{"submenu"!==x&&U?.({reason:"itemAction"}),s?.(e)}),[x,U,s]),{hoverProps:B}=function(e){const{bool:n,setTrue:t,setFalse:o}=y.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?o():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{k?.hoverStatus.current.recentClose||k?.hoverStatus.current.pendingUnhover||(k&&D.current.wasMouseMoved&&(k.hoverStatus.current.pendingUnhover=!0),D.current.wasMouseMoved&&(k?.hoverProps.onMouseEnter(n),R({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{k&&(k.hoverStatus.current.pendingUnhover=!1),(_.current?.contains(e.relatedTarget)||T?.current?.contains(e.relatedTarget))&&(D.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:G}=a.usePress(V,{isDisabled:h});t.useLayoutEffect((()=>{H&&O.current?.focus()}),[H]);const{interactionProps:z}=d.useInteractionStyle(h),{classes:W,styles:{iconLabelContainer:$,iconContainer:J,startIconContainer:Q,labelContainer:X,endIconContainer:Y}}=l.useComponentTheme(C.MenuItemRedwoodTheme,{current:H?"isCurrent":"notCurrent",focusRing:L?"isFocusRing":"notFocusRing",variant:h?"disabled":g,containerFocused:K?"isContainerFocused":"notContainerFocused",submenuOpen:w?"isSubmenuOpen":"notSubmenuOpen"}),Z=c.mergeInterpolations([...Object.values(M.flexitemInterpolations)]),{class:ee,...ne}=Z({flex:"1 1 auto",alignSelf:"center"}),{class:te,...oe}=Z({flex:"0 0 auto",alignSelf:"center"}),se=v.classNames([te,$,J,Q]),re=v.classNames([ee,$,X]),ue=v.classNames([te,$,J,Y]);return n.jsx("div",{role:"presentation",...void 0!==N&&"submenu"===x&&{"aria-owns":N},children:n.jsxs("a",{ref:e=>{O.current=e,"function"==typeof P?P(e):P&&(P.current=e)},class:W,...u.mergeProps(z,B,G,S(q,I),(ae=e,ie=R,{onClick:()=>{ie({key:ae,reason:"click"})}})),role:p,"data-oj-menu-item-key":e,..."submenu"===x&&{"aria-haspopup":!0,"aria-expanded":!!w},...h&&{"aria-disabled":!0},..."select"===x&&{"aria-checked":!!f},tabIndex:H?0:-1,children:[r&&n.jsx("span",{style:oe,class:se,children:r}),n.jsx("span",{style:ne,class:re,children:n.jsx(b.Text,{variant:"inherit",size:"md",weight:F,children:o})}),m&&n.jsx("span",{style:oe,class:ue,children:m})]})});var ae,ie}));e.BaseMenuItem=w,e.MenuContainerContext=F,e.MenuContext=I,e.MenuItem=function(e){const o=r.useId(),s=t.useMemo((()=>`oj-menu-item-${o}`),[o]);return n.jsx(w,{...e,role:"menuitem",type:"simple",id:s})},e.getCloseSubmenuEvent=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{("Escape"===t.key||"ltr"===e&&"ArrowLeft"===t.key||"rtl"===e&&"ArrowRight"===t.key)&&(t.stopPropagation(),n?.())}}},e.getIsMobile=()=>{const{deviceType:e}=g.getClientHints();return"phone"===e},e.getKeyboardCloseProps=(e,n)=>({onKeyDown:t=>{"Tab"===t.key?(t.stopPropagation(),e?.({reason:"dismissed"}),t.preventDefault()):"Escape"===t.key&&"main"===n&&(t.stopPropagation(),e?.({reason:"dismissed"}))}}),e.getLastVisible=e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=x(t);if(e)return e}}return null},e.getMenuContainerFocusMethods=(e,n)=>({onBlur:()=>{setTimeout((()=>{e()}),100)},onFocus:()=>{n()}}),e.getMenuContainerMouseLeave=e=>({onMouseLeave:n=>{e(n)}}),e.getMenuPointerDown=()=>({onPointerDown:e=>{const n=k(e.target);n?.key||e.preventDefault()}}),e.getNVisible=(e,n)=>{if(e){const t=e.querySelectorAll("[data-oj-menu-item-key]")[n];if(t){const e=x(t);if(e)return e}}return null},e.getPrevNext=(e,n,t)=>()=>{if(e){const o=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let s=o.findIndex((e=>x(e)===t))+(n?-1:1);const r=o.length-1;s<0&&(s=r),s>r&&(s=0);const u=x(o[s]);return u||null}return null},e.keyElemExtractor=k,e.useMenuContainerContext=A,e.useMenuContext=E}));
+//# sourceMappingURL=MenuItem-ab582d50.js.map

package/amd/MenuItem-ab582d50.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem-ab582d50.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/useMenuContext.ts","../../src/UNSAFE_Menu/MenuContainerContext.ts","../../src/UNSAFE_Menu/useMenuContainerContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/useSubmenuItemHover.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nexport const getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the n available item.\n */\nexport const getNVisible = (root: HTMLElement | null, positionIndex: number) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const positionedItem = items[positionIndex] as HTMLElement;\n    if (positionedItem) {\n      const key = getKey(positionedItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisible = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1] as HTMLElement;\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNext = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n\n      const key = getKey(items[nextIndex]);\n      return key ? key : null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyElemExtractor = (\n  element: HTMLElement\n): { key: string; elem: HTMLElement } | null => {\n  const elem = element.closest('[data-oj-menu-item-key]') as HTMLElement;\n  if (elem) {\n    const key = getKey(elem as HTMLElement);\n    return key === undefined ? null : ({ key, elem } as { key: string; elem: HTMLElement });\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (\n  onClose: ComponentProps<typeof Menu>['onClose'],\n  menuLevel: 'main' | 'sub'\n) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape' && menuLevel === 'main') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for closing submenu via keyboard\n */\nexport const getCloseSubmenuEvent = (direction: 'ltr' | 'rtl', closeSubmenu?: () => void) => {\n  if (!closeSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\n      e.key === 'Escape' ||\n      (direction === 'ltr' && e.key === 'ArrowLeft') ||\n      (direction === 'rtl' && e.key === 'ArrowRight')\n    ) {\n      e.stopPropagation();\n      closeSubmenu?.();\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for opening submenu via keyboard\n */\nexport const getOpenSubmenuEvent = (direction: 'ltr' | 'rtl', openSubmenu?: () => void) => {\n  if (!openSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (direction === 'ltr') {\n      if (e.key === 'ArrowRight') {\n        openSubmenu?.();\n      }\n    } else {\n      if (e.key === 'ArrowLeft') {\n        openSubmenu?.();\n      }\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get type of device\n */\nexport const getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n\n/**\n * Get blur and focus events\n */\nexport const getMenuContainerFocusMethods = (\n  blurFunction: () => void,\n  focusFunction: () => void\n) => {\n  const onBlur = () => {\n    setTimeout(() => {\n      blurFunction();\n    }, 100);\n  };\n\n  const onFocus = () => {\n    focusFunction();\n  };\n\n  return { onBlur, onFocus };\n};\n\n/**\n * Set currentKey based on clicking menuItem\n */\nexport const getMenuItemClickChangeKey = (\n  key: string,\n  changeKeyMethod: (payload: { key: string; reason: 'click' | 'mouseEnter' | 'keyboard' }) => void\n) => {\n  const onClick = () => {\n    changeKeyMethod({ key, reason: 'click' });\n  };\n  return { onClick };\n};\n\nexport const getMenuContainerMouseLeave = (mouseLeaveFunction: (e: MouseEvent) => void) => {\n  const onMouseLeave = (e: MouseEvent) => {\n    mouseLeaveFunction(e);\n  };\n  return { onMouseLeave };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item.\n    const keyElem = keyElemExtractor(event.target as HTMLElement);\n    if (!keyElem?.key) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n\nexport type MenuCollectionItem = {\n  key?: string;\n  reason: 'mouseEnter' | 'click' | 'keyboard';\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  isMobile: boolean;\n  onClose: ComponentProps<typeof Menu>['onClose'];\n};\n\n/**\n * Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContext = createContext<Props>({\n  isMobile: false,\n  onClose: () => null\n});\n\nexport { MenuContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\n\nimport { MenuContext } from './MenuContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useMenuContext() {\n  return useContext(MenuContext);\n}\n\nexport { useMenuContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\nimport { MutableRef } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\nexport type MenuContainerContextProps = {\n  menuContainerRef: MutableRef<HTMLDivElement | null>;\n  currentKey?: string;\n  showFocusRing: boolean;\n  changeKey: (detail: MenuCollectionItem) => void;\n  isContainerFocused: boolean;\n  menuContainerGeneralInformation: MutableRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>;\n};\n/**\n * Context used to pass menu information without having to pass it to menu children MenuContainerContextprops.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContainerContext = createContext<MenuContainerContextProps>({\n  menuContainerRef: { current: null },\n  currentKey: undefined,\n  showFocusRing: false,\n  changeKey: () => {},\n  isContainerFocused: false,\n  menuContainerGeneralInformation: {\n    current: {\n      wasMouseMoved: false,\n      lastMouseLeaveMenuItemdRelatedTarget: null\n    }\n  }\n});\n\nexport { MenuContainerContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\n\nimport { MenuContainerContext } from './MenuContainerContext';\n\n/**\n * Utility hook for consuming the MenuContainerContext\n *\n * @returns The value of MenuContainerContext provider\n */\nfunction useMenuContainerContext() {\n  return useContext(MenuContainerContext);\n}\n\nexport { useMenuContainerContext };\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 { MutableRef, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\n\nimport { useMenuContext } from './useMenuContext';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { getMenuItemClickChangeKey, getOpenSubmenuEvent } from './menuUtils';\nimport { useMenuContainerContext } from './useMenuContainerContext';\nimport { useSubmenuItemHover } from './useSubmenuItemHover';\nimport { MenuItemStyles, MenuItemVariantOptions } from './themes/MenuItemStyles.css';\nimport { MenuItemRedwoodTheme } from './themes/redwood/MenuItemTheme';\n\ntype MenuItemProps = BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n  variant?: 'standard' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  return <BaseMenuItem {...props} role=\"menuitem\" type=\"simple\" id={id}></BaseMenuItem>;\n}\n//TODO:Omit<T, K> utility type does not distribute over union types in T. Have to check what can we do for\n//the discriminated union to be working. JET-57191\ntype BaseMenuItemProps = (SimpleBaseMenuItem | SelectBaseMenuItem | SubmenuBaseMenuItem) &\n  Omit<BaseBaseMenuItemProps, 'onAction'> & {\n    id: string;\n    menuItemLabelWeight?: 'normal' | 'bold';\n    onAction?: (e: Event) => void;\n  };\n\ntype SimpleBaseMenuItem = {\n  type: 'simple';\n  role: 'menuitem';\n} & ExcludedSubmenuProps &\n  ExcludedSelectProps;\n\ntype SelectBaseMenuItem = {\n  type: 'select';\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  isChecked?: boolean;\n} & ExcludedSubmenuProps;\n\ntype SubmenuBaseMenuItem = {\n  type: 'submenu';\n  role: 'menuitem';\n} & IncludedSubmenuProps &\n  ExcludedSelectProps;\n\ntype ExcludedSubmenuProps = {\n  hoverInfo?: never;\n  openSubmenu?: never;\n  isSubmenuOpen?: never;\n  submenuId?: never;\n  submenuRef?: never;\n};\ntype IncludedSubmenuProps = {\n  hoverInfo?: {\n    hoverProps: Record<string, any>;\n    hoverStatus: MutableRef<{ recentClose: boolean; pendingUnhover: boolean }>;\n  };\n  openSubmenu?: () => void;\n  isSubmenuOpen?: boolean;\n  submenuId?: string;\n  submenuRef?: MutableRef<HTMLDivElement | null>;\n};\n\ntype ExcludedSelectProps = {\n  isChecked?: never;\n};\n\n//TODO: We have to comeback to this and see if we create new components to represent different types on menuItems\n//instead of using type prop. It also includes a new definition on prop types. This also includes the exposing of id\n//that is used by submenus. JET-57191\nexport const BaseMenuItem = forwardRef(\n  (\n    {\n      id,\n      label,\n      onAction,\n      startIcon,\n      endIcon,\n      role,\n      isChecked,\n      isDisabled = false,\n      variant = 'standard',\n      type,\n      hoverInfo,\n      openSubmenu,\n      menuItemLabelWeight = 'normal',\n      isSubmenuOpen,\n      submenuId,\n      submenuRef\n    }: BaseMenuItemProps,\n    ref?: ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const { onClose } = useMenuContext();\n    const {\n      currentKey,\n      changeKey,\n      showFocusRing,\n      menuContainerRef,\n      menuContainerGeneralInformation,\n      isContainerFocused\n    } = useMenuContainerContext();\n\n    const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n    const { direction } = useUser();\n\n    const isCurrent = currentKey === id;\n\n    const handleItemSelection = useCallback(\n      (e: Event) => {\n        //We don't want to close the menu if the element is a submenu one\n        if (type !== 'submenu') {\n          onClose?.({ reason: 'itemAction' });\n        }\n        onAction?.(e);\n      },\n      [type, onClose, onAction]\n    );\n\n    /*This hook is not used to just know is something is hover or not. Actual callbacks are run when mouse enter\n    or leave the menu item (to focus items when hovering and open submenus if the item is a submenu).  We don't use\n    useInteractionStyle hook for hovering since \"hovering style\" is more of a \"focus\" style in this context */\n    const { hoverProps } = useSubmenuItemHover({\n      onMouseEnter: (e: MouseEvent) => {\n        if (\n          !(\n            hoverInfo?.hoverStatus.current.recentClose ||\n            hoverInfo?.hoverStatus.current.pendingUnhover\n          )\n        ) {\n          if (hoverInfo && menuContainerGeneralInformation.current.wasMouseMoved) {\n            hoverInfo.hoverStatus.current.pendingUnhover = true;\n          }\n          // Mouse needs to be already moved to trigger mouse enter event\n          if (menuContainerGeneralInformation.current.wasMouseMoved) {\n            hoverInfo?.hoverProps['onMouseEnter'](e);\n            changeKey({\n              key: id,\n              reason: 'mouseEnter'\n            });\n          }\n        }\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        if (hoverInfo) {\n          hoverInfo.hoverStatus.current.pendingUnhover = false;\n        }\n        //We check if new hover element is part of the menuContainer or submenu is there is one\n        if (\n          menuContainerRef.current?.contains(e.relatedTarget as Element) ||\n          submenuRef?.current?.contains(e.relatedTarget as Element)\n        ) {\n          menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget =\n            e.relatedTarget as HTMLElement;\n        }\n      }\n    });\n\n    const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n    useLayoutEffect(() => {\n      if (isCurrent) {\n        menuItemRef.current?.focus();\n      }\n    }, [isCurrent]);\n\n    const { interactionProps } = useInteractionStyle(isDisabled);\n\n    const {\n      classes: menuItemContainerClasses,\n      styles: {\n        iconLabelContainer,\n        iconContainer,\n        startIconContainer,\n        labelContainer,\n        endIconContainer\n      }\n    } = useComponentTheme<MenuItemVariantOptions, MenuItemStyles>(MenuItemRedwoodTheme, {\n      current: isCurrent ? 'isCurrent' : 'notCurrent',\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      variant: isDisabled ? 'disabled' : variant,\n      containerFocused: isContainerFocused ? 'isContainerFocused' : 'notContainerFocused',\n      submenuOpen: !!isSubmenuOpen ? 'isSubmenuOpen' : 'notSubmenuOpen'\n    });\n\n    const flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n      ...Object.values(flexitemInterpolations)\n    ]);\n    const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyles } =\n      flexItemStyleInterpolations({\n        flex: '1 1 auto',\n        alignSelf: 'center'\n      });\n    const { class: iconContainerFlexItemClasses, ...iconContainerFlexItemStyles } =\n      flexItemStyleInterpolations({\n        flex: '0 0 auto',\n        alignSelf: 'center'\n      });\n\n    const startIconContainerClasses = classNames([\n      iconContainerFlexItemClasses,\n      iconLabelContainer,\n      iconContainer,\n      startIconContainer\n    ]);\n\n    const labelContainerClasses = classNames([\n      labelContainerFlexItemClasses,\n      iconLabelContainer,\n      labelContainer\n    ]);\n\n    const endIconContainerClasses = classNames([\n      iconContainerFlexItemClasses,\n      iconLabelContainer,\n      iconContainer,\n      endIconContainer\n    ]);\n\n    return (\n      <div\n        role=\"presentation\"\n        {...(submenuId !== undefined && type === 'submenu' && { 'aria-owns': submenuId })}>\n        <a\n          ref={(node: HTMLAnchorElement | null) => {\n            menuItemRef.current = node;\n            if (typeof ref === 'function') {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n          }}\n          class={menuItemContainerClasses}\n          {...mergeProps(\n            interactionProps,\n            hoverProps,\n            pressProps,\n            getOpenSubmenuEvent(direction, openSubmenu),\n            getMenuItemClickChangeKey(id, changeKey)\n          )}\n          role={role}\n          data-oj-menu-item-key={id}\n          {...(type === 'submenu' && { 'aria-haspopup': true, 'aria-expanded': !!isSubmenuOpen })}\n          {...(isDisabled && { 'aria-disabled': true })}\n          {...(type === 'select' && { 'aria-checked': !!isChecked })}\n          tabIndex={isCurrent ? 0 : -1}>\n          {startIcon && (\n            <span style={iconContainerFlexItemStyles} class={startIconContainerClasses}>\n              {startIcon}\n            </span>\n          )}\n          <span style={labelContainerFlexItemStyles} class={labelContainerClasses}>\n            <Text variant=\"inherit\" size=\"md\" weight={menuItemLabelWeight}>\n              {label}\n            </Text>\n          </span>\n          {endIcon && (\n            <span style={iconContainerFlexItemStyles} class={endIconContainerClasses}>\n              {endIcon}\n            </span>\n          )}\n        </a>\n      </div>\n    );\n  }\n);\n","import { useToggle } from '../hooks/UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  onMouseEnter: (e: MouseEvent) => void;\n  onMouseLeave: (e: MouseEvent) => void;\n};\n/**\n * Returns listeners and status for hover\n *\n *\n * @returns\n */\nexport function useSubmenuItemHover(settings: HoverOptions): {\n  hoverProps: Record<string, any>;\n} {\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = (e: MouseEvent) => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      settings.onMouseEnter(e);\n    }\n  };\n\n  const hoverProps = {\n    ontouchend: setIgnoreTrue,\n    onMouseEnter: startHover,\n    onMouseLeave: (e: MouseEvent) => {\n      settings.onMouseLeave(e);\n    }\n  };\n  return {\n    hoverProps: hoverProps\n  };\n}\n"],"names":["getKey","item","dataset","keyElemExtractor","element","elem","closest","key","undefined","getOpenSubmenuEvent","direction","openSubmenu","onKeyDown","e","MenuContext","createContext","isMobile","onClose","useMenuContext","useContext","MenuContainerContext","menuContainerRef","current","currentKey","showFocusRing","changeKey","isContainerFocused","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","useMenuContainerContext","BaseMenuItem","forwardRef","id","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","variant","type","hoverInfo","menuItemLabelWeight","isSubmenuOpen","submenuId","submenuRef","ref","menuItemRef","useRef","useUser","isCurrent","handleItemSelection","useCallback","reason","hoverProps","settings","bool","ignore","setTrue","setIgnoreTrue","setFalse","setIgnoreFalse","useToggle","ontouchend","onMouseEnter","onMouseLeave","useSubmenuItemHover","hoverStatus","recentClose","pendingUnhover","contains","relatedTarget","pressProps","usePress","useLayoutEffect","focus","interactionProps","useInteractionStyle","classes","menuItemContainerClasses","styles","iconLabelContainer","iconContainer","startIconContainer","labelContainer","endIconContainer","useComponentTheme","MenuItemRedwoodTheme","focusRing","containerFocused","submenuOpen","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyles","flex","alignSelf","iconContainerFlexItemClasses","iconContainerFlexItemStyles","startIconContainerClasses","classNames","labelContainerClasses","endIconContainerClasses","_jsx","jsx","children","_jsxs","jsxs","node","mergeProps","changeKeyMethod","onClick","tabIndex","style","Text","size","weight","props","uniqueID","useId","useMemo","closeSubmenu","stopPropagation","deviceType","getClientHints","menuLevel","event","preventDefault","root","items","querySelectorAll","lastItem","length","blurFunction","focusFunction","onBlur","setTimeout","onFocus","mouseLeaveFunction","onPointerDown","keyElem","target","positionIndex","positionedItem","isPrev","Array","from","nextIndex","findIndex","itemsLastIndex"],"mappings":"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"}

package/amd/Message.types-f79bf67b.js

@@ -0,0 +1,2 @@
+define(['exports'], (function(n){"use strict";n.severities=["error","warning","confirmation","info","none"]}));
+//# sourceMappingURL=Message.types-f79bf67b.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.types-f79bf67b.js","sources":["../../src/PRIVATE_Message/Message.types.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ItemMetadata } from '../utils/UNSAFE_dataProvider';\n\nexport const variants = ['banner', 'inline', 'toast'] as const;\nexport type MessageVariant = typeof variants[number];\n\nexport const severities = ['error', 'warning', 'confirmation', 'info', 'none'] as const;\nexport type MessageSeverity = typeof severities[number];\n\n/**\n * Structure of data item passed to the renderer functions\n */\nexport type MessageRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n"],"names":[],"mappings":"0DAY0B,CAAC,QAAS,UAAW,eAAgB,OAAQ"}

package/amd/MessageCloseButton-80b9e135.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './UNSAFE_IconButton', './PRIVATE_ThemedIcons/CloseIcon', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './IconButton-8a163411', './classNames-c6cc4719'], (function(s,e,n,t,o,c,a,l){"use strict";s.MessageCloseButton=function({onAction:s,buttonRenderer:n,title:o="Close",variant:i="banner"}){const r=n?n(o,s,i):e.jsx(a.IconButton,{size:"sm",tooltip:o,variant:"borderless",onAction:s,children:e.jsx(t.CloseIcon,{})}),u=l.classNames(["banner"===i&&"oj-c-messagebanner-close-icon",c.messageCloseButtonStyles.base,c.messageCloseButtonStyles[i]]);return e.jsx("div",{class:u,children:r})}}));
+//# sourceMappingURL=MessageCloseButton-80b9e135.js.map

package/amd/MessageCloseButton-80b9e135.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton-80b9e135.js","sources":["../../src/PRIVATE_Message/MessageCloseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { VNode } from 'preact';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageCloseButtonStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageCloseButton component\n */\ntype Props = {\n  /**\n   * The callback function to be called when the close icon is clicked\n   */\n  onAction: (event?: Event) => void;\n\n  /**\n   * Button renderer\n   */\n  buttonRenderer?: (\n    title: string,\n    onAction: (event?: Event) => void,\n    variant?: MessageVariant\n  ) => VNode;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Close button title\n   */\n  title?: string;\n};\n\n/**\n * A Component for rendering the message close button\n */\nfunction MessageCloseButton({\n  onAction,\n  buttonRenderer,\n  title = 'Close',\n  variant = 'banner'\n}: Props) {\n  const renderedButton = buttonRenderer ? (\n    buttonRenderer(title, onAction, variant)\n  ) : (\n    <IconButton size=\"sm\" tooltip={title} variant=\"borderless\" onAction={onAction}>\n      <CloseIcon />\n    </IconButton>\n  );\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-close-icon';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageCloseButtonStyles.base,\n    messageCloseButtonStyles[variant]\n  ]);\n\n  // Otherwise, render the close icon\n  return <div class={classes}>{renderedButton}</div>;\n}\n\nexport { MessageCloseButton };\n"],"names":["onAction","buttonRenderer","title","variant","renderedButton","_jsx","jsx","IconButton","size","tooltip","children","CloseIcon","classes","classNames","messageCloseButtonStyles","base","class"],"mappings":"sRA+CA,UAA4BA,SAC1BA,EAAQC,eACRA,EAAcC,MACdA,EAAQ,QAAOC,QACfA,EAAU,WAEV,MAAMC,EAAiBH,EACrBA,EAAeC,EAAOF,EAAUG,GAEhCE,EAACC,IAAAC,cAAWC,KAAK,KAAKC,QAASP,EAAOC,QAAQ,aAAaH,SAAUA,EACnEU,SAAAL,EAAAA,IAACM,EAASA,UAAG,MASXC,EAAUC,EAAAA,WAAW,CACb,WAAZV,GAF0B,gCAG1BW,EAAAA,yBAAyBC,KACzBD,EAAAA,yBAAyBX,KAI3B,OAAOE,EAAAA,WAAKW,MAAOJ,EAAUF,SAAAN,GAC/B"}

package/amd/MessageDetail-ed317948.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageFormattingUtils-1561035a', './classNames-c6cc4719'], (function(e,s,a,t,n,l,r){"use strict";function i(e){const{detail:t}=e.data;return l.isValidValueForProp(t)?s.jsx(a.Fragment,{children:t}):null}e.MessageDetail=function({item:e,renderer:a=i,variant:t="banner"}){const l=a(e);if(null==l)return null;const c=r.classNames(["banner"===t&&"oj-c-messagebanner-detail",n.messageDetailStyles.base,n.messageDetailStyles[t]]);return s.jsx("div",{class:c,children:l})}}));
+//# sourceMappingURL=MessageDetail-ed317948.js.map

package/amd/MessageDetail-ed317948.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-ed317948.js","sources":["../../src/PRIVATE_Message/MessageDetail.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageDetailStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the detail content\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Default renderer for rendering the detail content.\n *\n * @param item The data item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageRendererDataItem<unknown, D>\n): ComponentChildren {\n  const { detail } = item.data;\n  // If the detail is null or an empty string, do not render the\n  // content row\n  if (!isValidValueForProp(detail)) {\n    return null;\n  }\n  return <Fragment>{detail}</Fragment>;\n}\n\n/**\n * Detail Component for rendering the detail content of the Message\n */\nfunction MessageDetail<K, D extends MessageWithDetailText>({\n  item,\n  renderer = defaultDetailRenderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const renderedContent = renderer(item);\n\n  if (renderedContent == null) return null;\n\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-detail';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageDetailStyles.base,\n    messageDetailStyles[variant]\n  ]);\n  return <div class={classes}>{renderedContent}</div>;\n}\n\nexport { MessageDetail };\n"],"names":["defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","jsx","Fragment","children","renderer","variant","renderedContent","classes","classNames","messageDetailStyles","base","class"],"mappings":"4NA+CA,SAASA,EACPC,GAEA,MAAMC,OAAEA,GAAWD,EAAKE,KAGxB,OAAKC,EAAAA,oBAAoBF,GAGlBG,EAACC,IAAAC,EAAQA,SAAE,CAAAC,SAAAN,IAFT,IAGX,iBAKA,UAA2DD,KACzDA,EAAIQ,SACJA,EAAWT,EAAqBU,QAChCA,EAAU,WAEV,MAAMC,EAAkBF,EAASR,GAEjC,GAAuB,MAAnBU,EAAyB,OAAO,KAMpC,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZH,GAF0B,4BAG1BI,EAAAA,oBAAoBC,KACpBD,EAAAA,oBAAoBJ,KAEtB,OAAOL,EAAAA,WAAKW,MAAOJ,EAAUJ,SAAAG,GAC/B"}

package/amd/MessageFormattingUtils-1561035a.js

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

package/amd/MessageFormattingUtils-1561035a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFormattingUtils-1561035a.js","sources":["../../src/PRIVATE_Message/MessageFormattingUtils.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { getLocale } from '../utils/UNSAFE_getLocale';\nimport { isEmptyOrUndefined } from '../utils/UNSAFE_stringUtils';\nimport { severities } from './Message.types';\n\n// Types of properties that can be formatted\ntype PropFormat = 'severity' | 'string' | 'timestamp';\n\n/**\n * Options for creating an Intl.DateTimeFormat instance.\n */\nconst DATE_FORMAT_OPTIONS = Object.freeze({\n  TODAY: {\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  },\n  DEFAULT: {\n    day: '2-digit',\n    month: '2-digit',\n    year: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  }\n});\n\n/**\n * Regex for validating ISO timestamp\n */\nconst ISO_DATE_REGEX =\n  /^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;\n\n/**\n * Checks if the provided date is today\n *\n * @param isoDate Date to be tested for today\n *\n * @returns boolean indicating if the provided date is today\n */\nfunction isDateToday(isoDate: string) {\n  const today = new Date();\n  const provided = new Date(isoDate);\n\n  return (\n    today.getUTCFullYear() === provided.getUTCFullYear() &&\n    today.getUTCMonth() === provided.getUTCMonth() &&\n    today.getUTCDate() === provided.getUTCDate()\n  );\n}\n\n/**\n * Creates an instance of Intl.DateTimeFormat\n *\n * @param isToday A boolean to indicate whether a formatter is needed for the date\n *                that is the current day.\n *\n * @returns the formatter instance\n */\nfunction getDateTimeFormatter(isToday: boolean) {\n  const locale = getLocale();\n  const { DateTimeFormat } = Intl;\n  if (isToday) {\n    return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.TODAY as Intl.DateTimeFormatOptions);\n  }\n\n  return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.DEFAULT as Intl.DateTimeFormatOptions);\n}\n\n/**\n * Checks if the provided value is valid for the prop specified.\n * By default, this method just checks for the value to be a valid string.\n *\n * @param value The value to be checked\n * @param prop The property for which the value needs to be evaluated\n *\n * @returns the result of the validation\n */\nfunction isValidValueForProp<T>(\n  value: T | null | undefined,\n  prop: PropFormat = 'string'\n): value is T {\n  switch (prop) {\n    case 'severity':\n      // Should be one of the allowed severity\n      return typeof value === 'string' && severities.includes(value as any);\n\n    case 'timestamp':\n      // Should be a valid ISO Datetime string\n      return typeof value === 'string' && ISO_DATE_REGEX.test(value);\n\n    case 'string':\n    default:\n      // anything other than null, undefined and '' is a valid string\n      return typeof value === 'string' && !isEmptyOrUndefined(value);\n  }\n}\n\n/**\n * Formats the timestamp in the required format based on the current\n * locale.\n *\n * @param isoTime Timestamp in ISO format\n */\nfunction formatTimestamp(isoTime: string) {\n  const isToday = isDateToday(isoTime);\n  const formatter = getDateTimeFormatter(isToday);\n\n  return formatter.format(new Date(isoTime));\n}\n\nexport { formatTimestamp, isValidValueForProp };\n"],"names":["DATE_FORMAT_OPTIONS","Object","freeze","TODAY","hour","minute","hour12","DEFAULT","day","month","year","ISO_DATE_REGEX","isoTime","isToday","locale","getLocale","DateTimeFormat","Intl","getDateTimeFormatter","isoDate","today","Date","provided","getUTCFullYear","getUTCMonth","getUTCDate","isDateToday","format","value","prop","severities","includes","test","isEmptyOrUndefined"],"mappings":"iKAiBA,MAAMA,EAAsBC,OAAOC,OAAO,CACxCC,MAAO,CACLC,KAAM,UACNC,OAAQ,UACRC,QAAQ,GAEVC,QAAS,CACPC,IAAK,UACLC,MAAO,UACPC,KAAM,UACNN,KAAM,UACNC,OAAQ,UACRC,QAAQ,KAONK,EACJ,uJAyEF,SAAyBC,GAIvB,OAjDF,SAA8BC,GAC5B,MAAMC,EAASC,EAAAA,aACTC,eAAEA,GAAmBC,KAC3B,OACS,IAAID,EAAeF,EADxBD,EACgCb,EAAoBG,MAGtBH,EAAoBO,QACxD,CAuCoBW,CAlEpB,SAAqBC,GACnB,MAAMC,EAAQ,IAAIC,KACZC,EAAW,IAAID,KAAKF,GAE1B,OACEC,EAAMG,mBAAqBD,EAASC,kBACpCH,EAAMI,gBAAkBF,EAASE,eACjCJ,EAAMK,eAAiBH,EAASG,YAEpC,CAwDkBC,CAAYd,IAGXe,OAAO,IAAIN,KAAKT,GACnC,wBA/BA,SACEgB,EACAC,EAAmB,UAEnB,OAAQA,GACN,IAAK,WAEH,MAAwB,iBAAVD,GAAsBE,EAAUA,WAACC,SAASH,GAE1D,IAAK,YAEH,MAAwB,iBAAVA,GAAsBjB,EAAeqB,KAAKJ,GAG1D,QAEE,MAAwB,iBAAVA,IAAuBK,EAAkBA,mBAACL,GAE9D"}

package/amd/MessageStartIcon-0eacd752.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './UNSAFE_Flex', './PRIVATE_Message/themes/MessageStyles.css', './Flex-0a2755ad', './classNames-c6cc4719'], (function(e,s,n,a,t,r,o,c,i,l,I){"use strict";const g={confirmation:a.MessageConfirmationIcon,error:t.MessageErrorIcon,info:r.MessageInfoIcon,warning:o.MessageWarningIcon};e.MessageStartIcon=function({severity:e,variant:n="banner",translations:a}){const t=g[e],r="inline"!==n?s.jsx(l.Flex,{align:"center",height:"100%",children:s.jsx("span",{class:i.startIconContainerStyles[n],role:"img",title:a?.[e],children:s.jsx(t,{})})}):s.jsx("span",{class:i.startIconContainerStyles.inline,role:"img",title:a?.[e],children:s.jsx(t,{})});return s.jsx("div",{class:I.classNames(["banner"===n&&"oj-c-messagebanner-start-icon",i.messageStartIconStyles.base,i.messageStartIconStyles[n],i.severityIconStyles[n]]),role:"presentation",children:r})}}));
+//# sourceMappingURL=MessageStartIcon-0eacd752.js.map

package/amd/MessageStartIcon-0eacd752.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStartIcon-0eacd752.js","sources":["../../src/PRIVATE_Message/MessageStartIcon.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport { MessageConfirmationIcon } from '../PRIVATE_ThemedIcons/MessageConfirmationIcon';\nimport { MessageErrorIcon } from '../PRIVATE_ThemedIcons/MessageErrorIcon';\nimport { MessageInfoIcon } from '../PRIVATE_ThemedIcons/MessageInfoIcon';\nimport { MessageWarningIcon } from '../PRIVATE_ThemedIcons/MessageWarningIcon';\nimport { Flex } from '../UNSAFE_Flex';\nimport {\n  messageStartIconStyles,\n  severityIconStyles,\n  startIconContainerStyles\n} from './themes/MessageStyles.css';\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props = {\n  /**\n   * The icon severity\n   */\n  severity: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * StartIcon Component for rendering the severity based icon in Message\n */\nfunction MessageStartIcon({ severity, variant = 'banner', translations }: Props) {\n  const IconComponent = severityIcons[severity];\n  // TODO: JET-50793\n  const iconContent =\n    variant !== 'inline' ? (\n      <Flex align=\"center\" height=\"100%\">\n        <span class={startIconContainerStyles[variant]} role=\"img\" title={translations?.[severity]}>\n          <IconComponent />\n        </span>\n      </Flex>\n    ) : (\n      <span class={startIconContainerStyles.inline} role=\"img\" title={translations?.[severity]}>\n        <IconComponent />\n      </span>\n    );\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-start-icon';\n  return (\n    <div\n      class={classNames([\n        variant === 'banner' && markerClassForTests,\n        messageStartIconStyles.base,\n        messageStartIconStyles[variant],\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["severityIcons","confirmation","MessageConfirmationIcon","error","MessageErrorIcon","info","MessageInfoIcon","warning","MessageWarningIcon","severity","variant","translations","IconComponent","iconContent","_jsx","Flex","align","height","jsx","class","startIconContainerStyles","role","title","children","inline","classNames","messageStartIconStyles","base","severityIconStyles"],"mappings":"qYAoBA,MAAMA,EAAgB,CACpBC,aAAcC,EAAuBA,wBACrCC,MAAOC,EAAgBA,iBACvBC,KAAMC,EAAeA,gBACrBC,QAASC,EAAkBA,uCA+C7B,UAA0BC,SAAEA,EAAQC,QAAEA,EAAU,SAAQC,aAAEA,IACxD,MAAMC,EAAgBZ,EAAcS,GAE9BI,EACQ,WAAZH,EACEI,MAACC,OAAI,CAACC,MAAM,SAASC,OAAO,gBAC1BH,EAAMI,IAAA,OAAA,CAAAC,MAAOC,EAAAA,yBAAyBV,GAAUW,KAAK,MAAMC,MAAOX,IAAeF,GAC/Ec,SAAAT,EAAAA,IAACF,EAAa,QAIlBE,EAAAI,IAAA,OAAA,CAAMC,MAAOC,EAAAA,yBAAyBI,OAAQH,KAAK,MAAMC,MAAOX,IAAeF,YAC7EK,EAACI,IAAAN,EAAgB,CAAA,KAQvB,OACEE,MAAA,MAAA,CACEK,MAAOM,EAAAA,WAAW,CACJ,WAAZf,GAJsB,gCAKtBgB,EAAAA,uBAAuBC,KACvBD,EAAAA,uBAAuBhB,GACvBkB,EAAAA,mBAAmBlB,KAErBW,KAAK,wBACJR,GAGP"}

package/amd/MessageSummary-1a256c77.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './classNames-c6cc4719'], (function(s,e,a,n,t){"use strict";s.MessageSummary=function({text:s,variant:a="banner"}){const m=t.classNames(["banner"===a&&"oj-c-messagebanner-summary",n.messageSummaryStyles.base,n.messageSummaryStyles[a]]);return e.jsx("div",{role:"heading",class:m,children:s})}}));
+//# sourceMappingURL=MessageSummary-1a256c77.js.map

package/amd/MessageSummary-1a256c77.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSummary-1a256c77.js","sources":["../../src/PRIVATE_Message/MessageSummary.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageSummaryStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the Summary component\n */\ntype Props = {\n  /**\n   * The summary text\n   */\n  text?: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Summary Component for rendering the summary text of the Message\n */\nfunction MessageSummary({ text, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-summary';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageSummaryStyles.base,\n    messageSummaryStyles[variant]\n  ]);\n  return (\n    <div role=\"heading\" class={classes}>\n      {text}\n    </div>\n  );\n}\n\nexport { MessageSummary };\n"],"names":["text","variant","classes","classNames","messageSummaryStyles","base","_jsx","jsx","role","class","children"],"mappings":"4LA8BA,UAAwBA,KAAEA,EAAIC,QAAEA,EAAU,WAOxC,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZF,GAF0B,6BAG1BG,EAAAA,qBAAqBC,KACrBD,EAAAA,qBAAqBH,KAEvB,OACEK,EAAAC,IAAA,MAAA,CAAKC,KAAK,UAAUC,MAAOP,EAAOQ,SAC/BV,GAGP"}

package/amd/MessageTimestamp-bb896a80.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageFormattingUtils-1561035a', './classNames-c6cc4719'], (function(s,e,a,t,m,n){"use strict";s.MessageTimestamp=function({value:s,variant:a="banner"}){const c=n.classNames(["banner"===a&&"oj-c-messagebanner-timestamp",t.messageTimestampStyles[a]]),i=m.formatTimestamp(s);return e.jsx("div",{class:c,children:i})}}));
+//# sourceMappingURL=MessageTimestamp-bb896a80.js.map

package/amd/MessageTimestamp-bb896a80.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTimestamp-bb896a80.js","sources":["../../src/PRIVATE_Message/MessageTimestamp.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageTimestampStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\n/**\n * Props for the Timestamp component\n */\ntype Props = {\n  /**\n   * The timestamp to show in ISO format\n   */\n  value: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Timestamp Component for rendering timestamp in Message\n */\nfunction MessageTimestamp({ value, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-timestamp';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageTimestampStyles[variant]\n  ]);\n\n  // Otherwise, render the timestamp\n  const formattedTimestamp = formatTimestamp(value as string);\n  return <div class={classes}>{formattedTimestamp}</div>;\n}\n\nexport { MessageTimestamp };\n"],"names":["value","variant","classes","classNames","messageTimestampStyles","formattedTimestamp","formatTimestamp","_jsx","class","children"],"mappings":"oOA+BA,UAA0BA,MAAEA,EAAKC,QAAEA,EAAU,WAO3C,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZF,GAF0B,+BAG1BG,EAAAA,uBAAuBH,KAInBI,EAAqBC,kBAAgBN,GAC3C,OAAOO,EAAAA,WAAKC,MAAON,EAAUO,SAAAJ,GAC/B"}

package/amd/MessageToast-f6894978.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './index-7d808afa', './hooks/PRIVATE_useMessagesFocusManager', './hooks/UNSAFE_useBreakpointValues', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './index-63aaeea5', './UNSAFE_Flex', './UNSAFE_FocusTrap', './UNSAFE_LiveRegion', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './FocusTrap-33bb474d', './Flex-0a2755ad', './MessagesManager-9c22a890', './MessageUtils-400d4d6a'], (function(e,t,s,o,n,a,r,i,l,c,u,d,g,m,h,f,p,x,R){"use strict";g.stringLiteralArray(["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]);const T={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},y={opacity:0};e.MessageToast=function({data:e,detailRendererKey:c,iconRendererKey:u,renderers:g,onClose:M,offset:F,position:v}){const E=s.useRef(new Map),b=s.useRef(null),k=s.useRef(null),S=s.useRef(null),[A,j]=s.useState(),[U,_]=s.useState(e.length>0),[N,I]=s.useState(!1),C=r.useTranslationBundle("@oracle/oraclejet-preact"),w=s.useRef(e.length),V=s.useRef(0);w.current=e.length,s.useImperativeHandle(S,(()=>({focus:()=>!!e.length&&(b.current=E.current.get(e[0].key)??null,I(!0),!0),contains:t=>!(!e.length||!t)&&(k.current?.contains(t)??!1)})),[e]);const{controller:P,handlers:L}=n.useMessageFocusManager(S,{onFocus:s.useCallback((()=>{j(C.message_navigationFromMessagesRegion())}),[C]),onFocusLeave:s.useCallback((()=>{I(!1)}),[])},{handleEscapeKey:!1}),O=s.useCallback(((t,s,o)=>{const n=o?.contains(document.activeElement);if(0===w.current)return _(!1),I(!1),void(n&&setImmediate((()=>P.restorePriorFocus())));const a=s+1<e.length?s+1:s-1;if(a>-1&&n){const t=e[a].key;E.current.get(t)?.focus()}}),[P,e]),z=s.useCallback((e=>t=>E.current.set(e,t)),[]);s.useEffect((()=>{const t=V.current;if(V.current=e.length,e.length)return _(!0),e.length>t&&j(C.message_navigationToMessagesRegion()),void P.prioritize();j(t?C.messageToast_allMessagesClosed():"")}),[P,e.length,C]);const B=a.useBreakpointValues({sm:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-sm",md:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-md",lg:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-lg"}),D=a.useBreakpointValues({sm:{horizontal:"number"==typeof F?F:F?.horizontal??0,vertical:16+("number"==typeof F?F:F?.vertical??0)},lg:{horizontal:"number"==typeof F?F:F?.horizontal??0,vertical:24+("number"==typeof F?F:F?.vertical??0)}}),W=s.useMemo((()=>({close:C.close(),confirmation:C.confirmation(),error:C.error(),info:C.info(),warning:C.warn()})),[C]),{classes:K}=m.useComponentTheme(h.MessageToastRedwoodTheme);return U||0!==e.length?t.jsxs(o.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[t.jsx(l.MessageLayer,{offset:D,position:v,children:t.jsx("div",{class:K,ref:k,tabIndex:-1,...L,children:t.jsx(f.FocusTrap,{autoFocusRef:b,isDisabled:!N,children:t.jsx(p.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:B,children:t.jsx(x.MessagesManager,{animationStates:T,initialAnimationStyles:y,data:e,onMessageWillRemove:O,children:({index:e,item:s})=>t.jsx(i.Message,{messageRef:z(s.key),item:s,detailRenderer:R.getRendererWithoutIndex(s,c,g),iconRenderer:R.getRendererWithoutIndex(s,u,g),index:e,onClose:M,translations:W,variant:"toast"},s.key)})})})})}),t.jsx(d.LiveRegion,{children:A})]}):t.jsx(d.LiveRegion,{children:A})}}));
+//# sourceMappingURL=MessageToast-f6894978.js.map

package/amd/MessageToast-f6894978.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageToast-f6894978.js","sources":["../../src/UNSAFE_MessageToast/MessageToast.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'preact/hooks';\n\nimport { EnvironmentProvider } from '../UNSAFE_Environment';\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { useBreakpointValues } from '../hooks/UNSAFE_useBreakpointValues';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getRendererWithoutIndex, Message, MessagesManager } from '../PRIVATE_Message';\nimport { MessageLayer } from '../PRIVATE_MessageLayer';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Flex } from '../UNSAFE_Flex';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageToastRedwoodTheme } from './themes/redwood/MessageToastTheme';\n\n// TODO: refactor types so we don't repeat them here and MessageLayer\n// https://jira.oraclecorp.com/jira/browse/JET-54212\nconst positions = stringLiteralArray([\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n]);\n\ntype Position = typeof positions[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in MessageToast component.\n */\nexport type MessageToastItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   *\n   * @default 'error'\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   *\n   * @default 'none'\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the time after which the message is to be closed automatically\n   *\n   * on - default of 5s\n   * off - no auto timeout, manually dismissed\n   * number - seconds in milliseconds format\n   *\n   * @default 'off'\n   */\n  autoTimeout?: 'on' | 'off' | number;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageToastRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\ntype Props<Key, Data> = {\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * Data for the MessageToast component. This data is used for rendering each toast message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of the renderer to use for rendering the start icon.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the start icon for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's start icon. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the start icon using the severity property of the corresponding message.\n   *\n   * If an application specifies both severity and a valid iconRendererKey, the iconRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the start icon.\n   */\n  iconRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageToastRendererDataItem<Key, Data>) => ComponentChildren>;\n};\n\n/**\n * Animation states for toast messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    from: {\n      transform: `translate(0, ${node.offsetHeight}px)`,\n      opacity: 1\n    },\n    to: {\n      transform: 'translate(0, 0)',\n      opacity: 1\n    },\n    end: {\n      transform: 'unset',\n      opacity: 1\n    },\n    options: {\n      duration: 250\n    }\n  }),\n  exiting: {\n    from: {\n      opacity: 1\n    },\n    to: {\n      opacity: 0\n    },\n    end: {\n      opacity: 0\n    },\n    options: {\n      duration: 250\n    }\n  }\n};\nconst initialAnimationStyles = {\n  opacity: 0\n} as const;\n\nexport function MessageToast<K extends string | number, D extends MessageToastItem>({\n  data,\n  detailRendererKey,\n  iconRendererKey,\n  renderers,\n  onClose,\n  offset,\n  position\n}: Props<K, D>) {\n  const messagesRef = useRef(new Map<K, HTMLDivElement | null>());\n  const autoFocusRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement | null>;\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  const [shouldTrapFocus, setShouldTrapFocus] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          // set the autoFocus ref to the first message and enable the focus trap\n          // this will automatically focus the first message\n          autoFocusRef.current = messagesRef.current.get(data[0].key) ?? null;\n          setShouldTrapFocus(true);\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(\n    focusHandleRef,\n    {\n      onFocus: useCallback(() => {\n        setLiveRegionText(translations.message_navigationFromMessagesRegion());\n      }, [translations]),\n      onFocusLeave: useCallback(() => {\n        // disable trap which should revert the focus back to the last focused item\n        setShouldTrapFocus(false);\n      }, [])\n    },\n    {\n      // we do not want the focus manager to handle Esc key as we handle it using the\n      // FocusTrap here\n      handleEscapeKey: false\n    }\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        setShouldTrapFocus(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          // As we have FocusTrap, trying to restore focus now will simply result in focus being pulled\n          // back again. So, we restore the focus in the next tick so that the rendering will have been\n          // done in the microtask.\n          setImmediate(() => controller.restorePriorFocus());\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // We will be using a function based ref to store the refs in the Map\n  const setHTMLDivElement = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: HTMLDivElement | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    const previousDataLength = prevDataLengthRef.current;\n    prevDataLengthRef.current = data.length;\n\n    // if there are messages that need to be rendered now, then do the following deeds:\n    // 1. set the shouldRender flag\n    // 2. set the live region\n    // 3. prioritize this message component to be the latest\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > previousDataLength) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations.message_navigationToMessagesRegion());\n      }\n      controller.prioritize();\n      return;\n    }\n\n    // if there were messages and now removed, then set the live region to\n    // announce this information\n    if (previousDataLength) {\n      setLiveRegionText(translations.messageToast_allMessagesClosed());\n      return;\n    }\n\n    // When there are no messages, clear the live region so that\n    // the navigation text will be read when a new message appear\n    setLiveRegionText('');\n  }, [controller, data.length, translations]);\n\n  // determine responsive max-width\n  const maxWidth = useBreakpointValues<Size>({\n    sm: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-sm',\n    md: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-md',\n    lg: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-lg'\n  });\n  // without offset, the messages will be hugging the vertical edges of the screen\n  // so we will set a default offset.vertical value (any offset from the props will be\n  // added to this).\n  const paddedOffset = useBreakpointValues<Offset>({\n    sm: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 16 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    },\n    lg: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 24 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    }\n  });\n\n  // TODO: move this to the individual components.\n  // Cannot do this as of now, as doing do results in oj-message-banner not working.\n  const messageTranslations = useMemo(\n    () => ({\n      close: translations.close(),\n      confirmation: translations.confirmation(),\n      error: translations.error(),\n      info: translations.info(),\n      warning: translations.warn()\n    }),\n    [translations]\n  );\n\n  const { classes } = useComponentTheme(MessageToastRedwoodTheme);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything except the live region\n  if (!shouldRender && data.length === 0) {\n    return <LiveRegion>{liveRegionText}</LiveRegion>;\n  }\n\n  // TODO - Message Toast shouldn't always render as 'dark', it should be the inverse of the root environment context\n  // See JET-57590\n  return (\n    <EnvironmentProvider environment={{ colorScheme: 'dark' }}>\n      <MessageLayer offset={paddedOffset} position={position}>\n        <div\n          class={classes}\n          ref={containerDivRef}\n          tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n          {...handlers}>\n          <FocusTrap autoFocusRef={autoFocusRef} isDisabled={!shouldTrapFocus}>\n            <Flex direction=\"column\" gap=\"1x\" align=\"center\" maxWidth={maxWidth}>\n              <MessagesManager\n                animationStates={animationStates}\n                initialAnimationStyles={initialAnimationStyles}\n                data={data}\n                onMessageWillRemove={handleNextFocus}>\n                {({ index, item }) => (\n                  <Message\n                    messageRef={setHTMLDivElement(item.key)}\n                    item={item}\n                    detailRenderer={getRendererWithoutIndex(item, detailRendererKey, renderers)}\n                    iconRenderer={getRendererWithoutIndex(item, iconRendererKey, renderers)}\n                    index={index}\n                    key={item.key}\n                    onClose={onClose}\n                    translations={messageTranslations}\n                    variant=\"toast\"\n                  />\n                )}\n              </MessagesManager>\n            </Flex>\n          </FocusTrap>\n        </div>\n      </MessageLayer>\n      <LiveRegion>{liveRegionText}</LiveRegion>\n    </EnvironmentProvider>\n  );\n}\n"],"names":["stringLiteralArray","animationStates","entering","node","from","transform","offsetHeight","opacity","to","end","options","duration","exiting","initialAnimationStyles","data","detailRendererKey","iconRendererKey","renderers","onClose","offset","position","messagesRef","useRef","Map","autoFocusRef","containerDivRef","focusHandleRef","liveRegionText","setLiveRegionText","useState","shouldRender","setShouldRender","length","shouldTrapFocus","setShouldTrapFocus","translations","useTranslationBundle","dataLengthRef","prevDataLengthRef","current","useImperativeHandle","focus","get","key","contains","element","controller","handlers","useMessageFocusManager","onFocus","useCallback","message_navigationFromMessagesRegion","onFocusLeave","handleEscapeKey","handleNextFocus","_key","index","closedMessageNode","isClosedMessageFocused","document","activeElement","setImmediate","restorePriorFocus","nextMessageIndexToFocus","nextMessageKey","setHTMLDivElement","ref","set","useEffect","previousDataLength","message_navigationToMessagesRegion","prioritize","messageToast_allMessagesClosed","maxWidth","useBreakpointValues","sm","md","lg","paddedOffset","horizontal","vertical","messageTranslations","useMemo","close","confirmation","error","info","warning","warn","classes","useComponentTheme","MessageToastRedwoodTheme","_jsxs","EnvironmentProvider","environment","colorScheme","children","_jsx","MessageLayer","class","tabIndex","jsx","FocusTrap","isDisabled","Flex","direction","gap","align","MessagesManager","onMessageWillRemove","item","Message","messageRef","detailRenderer","getRendererWithoutIndex","iconRenderer","variant","LiveRegion"],"mappings":"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"}

package/amd/MessageUtils-400d4d6a.js

@@ -0,0 +1,2 @@
+define(['exports', './utils/UNSAFE_logger', './utils/UNSAFE_soundUtils', './MessageFormattingUtils-1561035a'], (function(e,o,n,t){"use strict";const r={error:(e,n="common")=>o.Logger.error(`JET Message(${n}): ${e}`),warn:(e,n="common")=>o.Logger.warn(`JET Message(${n}): ${e}`),info:(e,n="common")=>o.Logger.info(`JET Message(${n}): ${e}`),log:(e,n="common")=>o.Logger.log(`JET Message(${n}): ${e}`)};function i(e,o="common"){throw new Error(`JET Message(${o}) - ${e}`)}function a(e,o,n,t){if(!o||!n)return;const r="function"==typeof o?o(e):o;return null!=r?(r in n||i(`${r} is not a valid template name for the message with key=${e.key}`,t),n[r]):void 0}e.getRenderer=a,e.getRendererWithoutIndex=function(e,o,n,t){const r=a(e,o,n,t);return"function"==typeof r?e=>{const o={...e};return"index"in o&&delete o.index,r.call(null,o)}:r},e.isSeverityIconNeeded=function(e){return t.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await n.playAudioFromURL(e)}catch(o){r.warn(`Failed to play the audio from the url ${e}. ${o}.`)}else try{n.playDefaultNotificationSound()}catch(e){r.warn(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,o){return t.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${o}-${e}`:""},e.throwError=i}));
+//# sourceMappingURL=MessageUtils-400d4d6a.js.map

package/amd/MessageUtils-400d4d6a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageUtils-400d4d6a.js","sources":["../../src/PRIVATE_Message/MessageUtils.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Logger } from '../utils/UNSAFE_logger';\nimport { playAudioFromURL, playDefaultNotificationSound } from '../utils/UNSAFE_soundUtils';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageSeverity, MessageVariant } from './Message.types';\n\n/**\n * Logger that prepends the component name to the message\n */\nconst MessageLogger = {\n  error: (message: string, type = 'common') => Logger.error(`JET Message(${type}): ${message}`),\n  warn: (message: string, type = 'common') => Logger.warn(`JET Message(${type}): ${message}`),\n  info: (message: string, type = 'common') => Logger.info(`JET Message(${type}): ${message}`),\n  log: (message: string, type = 'common') => Logger.log(`JET Message(${type}): ${message}`)\n};\n\n/**\n * Plays a sound based on the provided argument. Supported keywords:\n * 1. default - plays the default beep sound\n * 2. none - no sound will be played\n *\n * @param sound Supported keywords or URL to an audio file\n */\nasync function playSound(sound: string) {\n  if (sound === 'none') {\n    // no need to play any audio\n    return;\n  }\n\n  // For default, we play a beep sound using WebAudio API\n  if (sound === 'default') {\n    try {\n      playDefaultNotificationSound();\n    } catch (error) {\n      // Default sound is not played due to some error\n      // Log a message and return doing nothing else\n      MessageLogger.warn(`Failed to play the default sound. ${error}.`);\n    }\n    return;\n  }\n\n  // If it is not a key word, then it is an URL\n  try {\n    await playAudioFromURL(sound);\n  } catch (error) {\n    // Playing audio using the URL failed.\n    MessageLogger.warn(`Failed to play the audio from the url ${sound}. ${error}.`);\n  }\n}\n\n/**\n * A helper function that throws an error\n *\n * @param message The error message\n * @param type The type of the message that is throwing an error\n * @throws {Error}\n */\nfunction throwError(message: string, type = 'common') {\n  throw new Error(`JET Message(${type}) - ${message}`);\n}\n\n/**\n * Fetches a renderer for the current message if one is provided\n *\n * @param message The item context for the current message\n * @param rendererIdentifier Identifier of the current renderer\n * @param renderers All available renderers\n * @returns The renderer for rendering the custom content\n */\nfunction getRenderer<K, D, R>(\n  message: Item<K, D>,\n  rendererIdentifier?: string | ((item: Item<K, D>) => string | undefined),\n  renderers?: Record<string, (data: R) => ComponentChildren>,\n  type?: string\n) {\n  // If either detailRenderer function or record of renderers are not available,\n  // return null\n  if (!rendererIdentifier || !renderers) {\n    return undefined;\n  }\n\n  const rendererKey =\n    typeof rendererIdentifier === 'function' ? rendererIdentifier(message) : rendererIdentifier;\n\n  // If rendererKey is null or undefined, then we need to use default rendering\n  // so return null\n  if (rendererKey == null) {\n    return undefined;\n  }\n\n  // If the returned render key is a string but does not exist in the provided\n  // record of renderers, throw an error\n  if (!(rendererKey in renderers)) {\n    throwError(\n      `${rendererKey} is not a valid template name for the message with key=${message.key}`,\n      type\n    );\n  }\n\n  // Else, fetch and return the renderer\n  return renderers[rendererKey];\n}\n\n/**\n * Fetches a renderer for the current message if one is provided.\n * Proxies the said renderer to exclude the index in the payload.\n *\n * @param message The item context for the current message\n * @param rendererIdentifier Identifier of the current renderer\n * @param renderers All available renderers\n * @returns The renderer for rendering the custom content\n */\nfunction getRendererWithoutIndex<K, D, R extends object>(\n  message: Item<K, D>,\n  rendererIdentifier?: string | ((item: Item<K, D>) => string | undefined),\n  renderers?: Record<string, (data: R) => ComponentChildren>,\n  type?: string\n) {\n  const renderer = getRenderer(message, rendererIdentifier, renderers, type);\n  if (typeof renderer === 'function') {\n    return (data: R) => {\n      const dataCopy = { ...data };\n      if ('index' in dataCopy) {\n        delete (dataCopy as any)['index'];\n      }\n      return renderer.call(null, dataCopy);\n    };\n  }\n  return renderer;\n}\n\n/**\n * Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n *\n * @param severity The message severity\n * @returns calculated style class based on the severity\n */\nfunction severityBasedStyleClass(severity: MessageSeverity, variant: MessageVariant) {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none' ? `oj-c-message${variant}-${severity}` : '';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n};\n"],"names":["MessageLogger","error","message","type","Logger","warn","info","log","throwError","Error","getRenderer","rendererIdentifier","renderers","rendererKey","key","renderer","data","dataCopy","call","severity","isValidValueForProp","async","sound","playAudioFromURL","playDefaultNotificationSound","variant"],"mappings":"2IAiBA,MAAMA,EAAgB,CACpBC,MAAO,CAACC,EAAiBC,EAAO,WAAaC,EAAMA,OAACH,MAAM,eAAeE,OAAUD,KACnFG,KAAM,CAACH,EAAiBC,EAAO,WAAaC,EAAMA,OAACC,KAAK,eAAeF,OAAUD,KACjFI,KAAM,CAACJ,EAAiBC,EAAO,WAAaC,EAAMA,OAACE,KAAK,eAAeH,OAAUD,KACjFK,IAAK,CAACL,EAAiBC,EAAO,WAAaC,EAAMA,OAACG,IAAI,eAAeJ,OAAUD,MA4CjF,SAASM,EAAWN,EAAiBC,EAAO,UAC1C,MAAM,IAAIM,MAAM,eAAeN,QAAWD,IAC5C,CAUA,SAASQ,EACPR,EACAS,EACAC,EACAT,GAIA,IAAKQ,IAAuBC,EAC1B,OAGF,MAAMC,EAC0B,mBAAvBF,EAAoCA,EAAmBT,GAAWS,EAI3E,OAAmB,MAAfE,GAMEA,KAAeD,GACnBJ,EACE,GAAGK,2DAAqEX,EAAQY,MAChFX,GAKGS,EAAUC,SAdjB,CAeF,2CAWA,SACEX,EACAS,EACAC,EACAT,GAEA,MAAMY,EAAWL,EAAYR,EAASS,EAAoBC,EAAWT,GACrE,MAAwB,mBAAbY,EACDC,IACN,MAAMC,EAAW,IAAKD,GAItB,MAHI,UAAWC,UACLA,EAAwB,MAE3BF,EAASG,KAAK,KAAMD,EAAS,EAGjCF,CACT,yBAoBA,SACEI,GAGA,OADwBC,EAAAA,oBAAoBD,EAAU,aACf,SAAbA,CAC5B,cAnIAE,eAAyBC,GACvB,GAAc,SAAVA,EAMJ,GAAc,YAAVA,EAYJ,UACQC,EAAAA,iBAAiBD,EACxB,CAAC,MAAOrB,GAEPD,EAAcK,KAAK,yCAAyCiB,MAAUrB,KACvE,MAhBC,IACEuB,EAAAA,8BACD,CAAC,MAAOvB,GAGPD,EAAcK,KAAK,qCAAqCJ,KACzD,CAWL,4BA0FA,SAAiCkB,EAA2BM,GAE1D,OADwBL,EAAAA,oBAAoBD,EAAU,aACf,SAAbA,EAAsB,eAAeM,KAAWN,IAAa,EACzF"}

package/amd/MessagesManager-9c22a890.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useMessagesContext', './useAnimation-36a9a58b'], (function(n,e,t,i,a,r,s,o){"use strict";const c={};function u({animationStates:n=c,initialAnimationStyles:t,onEntering:r,onExiting:u,...d}){const[l,g]=i.useState("entering"),m=i.useRef(),x=i.useRef(),{controller:v,nodeRef:y}=o.useAnimation(l,{animationStates:n,isAnimatedOnMount:!0,onAnimationEnd:i.useCallback((()=>{m.current?.(),m.current=void 0,x.current?.(),x.current=void 0}),[])}),{addBusyState:k}=s.useMessagesContext(),A=i.useCallback(((e,t,i)=>{m.current&&(m.current=void 0,v.cancel()),x.current?.(),x.current=void 0,r?.(e,void 0,i),g("entering"),void 0!==n.entering||void 0!==n["exiting => entering"]?(m.current=t,x.current=k?.("messages animating")):t?.()}),[n,v,k,r]),S=i.useCallback(((e,t,i)=>{m.current&&(m.current=void 0,v.cancel()),x.current?.(),x.current=void 0,u?.(e,void 0,i),g("exiting"),void 0!==n.exiting||void 0!==n["entering => exiting"]?(m.current=t,x.current=k?.("messages animating")):t?.()}),[n,v,k,u]);return i.useLayoutEffect((()=>()=>x.current?.()),[]),e.jsx("div",{ref:y,style:t,children:e.jsx(a.Transition,{...d,onEntering:A,onExiting:S})})}n.MessagesManager=function({data:n,animationStates:r,children:s,initialAnimationStyles:o,onMessageWillRemove:c}){const d=i.useCallback((async(n,e)=>{e&&c?.(e.key,e.index,n)}),[c]);return e.jsx(a.TransitionGroup,{elementType:t.Fragment,children:n.map(((n,t)=>e.jsx(u,{animationStates:r,initialAnimationStyles:o,metadata:{index:t,key:n.key},onExited:d,children:s?.({index:t,item:n})},n.key)))})}}));
+//# sourceMappingURL=MessagesManager-9c22a890.js.map

package/amd/MessagesManager-9c22a890.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesManager-9c22a890.js","sources":["../../src/PRIVATE_Message/MessageTransition.tsx","../../src/PRIVATE_Message/MessagesManager.tsx"],"sourcesContent":["import { JSX, RenderableProps } from 'preact';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { Transition, TransitionProps } from '../PRIVATE_TransitionGroup';\n\ntype State = 'entering' | 'exiting';\ntype AnimationStates = UseAnimationConfig<State, HTMLDivElement>['animationStates'];\ntype AnimationCallback = UseAnimationConfig<State, HTMLDivElement>['onAnimationEnd'];\ntype Props = RenderableProps<TransitionProps> & {\n  animationStates?: AnimationStates;\n  initialAnimationStyles?: JSX.HTMLAttributes<HTMLDivElement>['style'];\n};\n\nconst DEFAULT_ANIMATION_STATES = {};\n\n/**\n * A intermediary component that handles animation for the messages component.\n *\n * The expected flow is as follows:\n * 1. message removed from the data\n * 2. onExiting called and a callback is passed which needs to be called to complete the transition\n * 3. state set to \"exiting\" in this component\n * 4. triggers useAnimation to perform the exit animation\n * 5. onAnimationEnd is called after the animation, which invokes the callback provided earlier\n * 6. onExited is called (done when the callback mentioned above is called)\n * 7. message is removed from the UI\n *\n * @param param0 Props of the message component\n */\nexport function MessageTransition({\n  animationStates = DEFAULT_ANIMATION_STATES,\n  initialAnimationStyles,\n  onEntering,\n  onExiting,\n  ...transitionProps\n}: Props) {\n  const [state, setState] = useState<State>('entering');\n  const animationCallbackRef = useRef<() => void>();\n  const busyStateResolveRef = useRef<() => void>();\n  const { controller, nodeRef } = useAnimation(state, {\n    animationStates,\n    isAnimatedOnMount: true,\n    onAnimationEnd: useCallback<NonNullable<AnimationCallback>>(() => {\n      // resolve animation callbacks & busyStates\n      animationCallbackRef.current?.();\n      animationCallbackRef.current = undefined;\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n    }, [])\n  });\n  const { addBusyState } = useMessagesContext();\n\n  const onEnteringCallback = useCallback<NonNullable<TransitionProps['onEntering']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onEntering?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('entering');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['entering'] === undefined &&\n        animationStates['exiting => entering'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onEntering]\n  );\n\n  const onExitingCallback = useCallback<NonNullable<TransitionProps['onExiting']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onExiting?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('exiting');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['exiting'] === undefined &&\n        animationStates['entering => exiting'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onExiting]\n  );\n\n  // if animation is interrupted, the busyState may be left hanging. So clear that on unmount\n  // Note: When using a class-based component inside a functional component, the timings of\n  // componentDidMount and useEffect might differ. So, in order to guarantee the registration\n  // of the cleanup function, use useLayoutEffect instead of useEffect. This way we can make sure\n  // the cleanup registers at all times.\n  useLayoutEffect(() => () => busyStateResolveRef.current?.(), []);\n\n  return (\n    <div ref={nodeRef} style={initialAnimationStyles}>\n      <Transition\n        {...transitionProps}\n        onEntering={onEnteringCallback}\n        onExiting={onExitingCallback}\n      />\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, ComponentProps, Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { TransitionGroup } from '../PRIVATE_TransitionGroup';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageTransition } from './MessageTransition';\n\n/**\n * Metadata passed on to the Transition component\n */\ntype TransitionMetadata<K> = {\n  index: number;\n  key: K;\n};\n\n/**\n * Type of the render context passed on to render individual message\n */\ntype MessageRenderContext<Key, Data> = {\n  /**\n   * The index of the current message\n   */\n  index: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n};\n\ntype PickedPropsFromMessageTransition = Pick<\n  ComponentProps<typeof MessageTransition>,\n  'animationStates' | 'initialAnimationStyles'\n>;\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = PickedPropsFromMessageTransition & {\n  /**\n   * A render function that renders individual child.\n   */\n  children?: (context: MessageRenderContext<Key, Data>) => ComponentChild;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A callback function that gets called before a message is removed\n   */\n  onMessageWillRemove?: (key: Key, index: number, node?: Element) => void;\n};\n\n/**\n * The component that renders individual messages for the provided data.\n */\nexport function MessagesManager<K extends string | number = string | number, D = any>({\n  data,\n  animationStates,\n  children,\n  initialAnimationStyles,\n  onMessageWillRemove\n}: Props<K, D>) {\n  /**\n   * Handles when a message has finished to exit.\n   *\n   * @param node The corresponding message element\n   * @param callback A callback function to be called after the animation is complete\n   */\n  const handleExited = useCallback(\n    async (node?: Element, metadata?: TransitionMetadata<K>) => {\n      metadata && onMessageWillRemove?.(metadata.key, metadata.index, node);\n    },\n    [onMessageWillRemove]\n  );\n\n  return (\n    <TransitionGroup elementType={Fragment}>\n      {data.map((item, index) => (\n        <MessageTransition\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          key={item.key}\n          metadata={{ index, key: item.key }}\n          onExited={handleExited}>\n          {children?.({ index, item })}\n        </MessageTransition>\n      ))}\n    </TransitionGroup>\n  );\n}\n"],"names":["DEFAULT_ANIMATION_STATES","MessageTransition","animationStates","initialAnimationStyles","onEntering","onExiting","transitionProps","state","setState","useState","animationCallbackRef","useRef","busyStateResolveRef","controller","nodeRef","useAnimation","isAnimatedOnMount","onAnimationEnd","useCallback","current","undefined","addBusyState","useMessagesContext","onEnteringCallback","node","callback","metadata","cancel","onExitingCallback","useLayoutEffect","_jsx","ref","style","children","Transition","data","onMessageWillRemove","handleExited","async","key","index","TransitionGroup","elementType","Fragment","map","item","onExited"],"mappings":"gOAcA,MAAMA,EAA2B,CAAA,WAgBjBC,GAAkBC,gBAChCA,EAAkBF,EAAwBG,uBAC1CA,EAAsBC,WACtBA,EAAUC,UACVA,KACGC,IAEH,MAAOC,EAAOC,GAAYC,EAAQA,SAAQ,YACpCC,EAAuBC,EAAAA,SACvBC,EAAsBD,EAAAA,UACtBE,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,aAAaR,EAAO,CAClDL,kBACAc,mBAAmB,EACnBC,eAAgBC,EAAWA,aAAiC,KAE1DR,EAAqBS,YACrBT,EAAqBS,aAAUC,EAC/BR,EAAoBO,YACpBP,EAAoBO,aAAUC,CAAS,GACtC,OAECC,aAAEA,GAAiBC,EAAAA,qBAEnBC,EAAqBL,EAAWA,aACpC,CAACM,EAAMC,EAAUC,KAEXhB,EAAqBS,UACvBT,EAAqBS,aAAUC,EAC/BP,EAAWc,UAIbf,EAAoBO,YACpBP,EAAoBO,aAAUC,EAE9BhB,IAAaoB,OAAMJ,EAAWM,GAE9BlB,EAAS,iBAIyBY,IAAhClB,EAA0B,eACiBkB,IAA3ClB,EAAgB,wBAKlBQ,EAAqBS,QAAUM,EAC/Bb,EAAoBO,QAAUE,IAAe,uBAJ3CI,KAIgE,GAEpE,CAACvB,EAAiBW,EAAYQ,EAAcjB,IAGxCwB,EAAoBV,EAAWA,aACnC,CAACM,EAAMC,EAAUC,KAEXhB,EAAqBS,UACvBT,EAAqBS,aAAUC,EAC/BP,EAAWc,UAIbf,EAAoBO,YACpBP,EAAoBO,aAAUC,EAE9Bf,IAAYmB,OAAMJ,EAAWM,GAE7BlB,EAAS,gBAIwBY,IAA/BlB,EAAyB,cACkBkB,IAA3ClB,EAAgB,wBAKlBQ,EAAqBS,QAAUM,EAC/Bb,EAAoBO,QAAUE,IAAe,uBAJ3CI,KAIgE,GAEpE,CAACvB,EAAiBW,EAAYQ,EAAchB,IAU9C,OAFAwB,EAAAA,iBAAgB,IAAM,IAAMjB,EAAoBO,aAAa,IAG3DW,EAAAA,IAAK,MAAA,CAAAC,IAAKjB,EAASkB,MAAO7B,EAAsB8B,SAC9CH,EAAAA,IAACI,EAAAA,eACK5B,EACJF,WAAYmB,EACZlB,UAAWuB,KAInB,mBCjEgB,UAAsEO,KACpFA,EAAIjC,gBACJA,EAAe+B,SACfA,EAAQ9B,uBACRA,EAAsBiC,oBACtBA,IAQA,MAAMC,EAAenB,EAAAA,aACnBoB,MAAOd,EAAgBE,KACrBA,GAAYU,IAAsBV,EAASa,IAAKb,EAASc,MAAOhB,EAAK,GAEvE,CAACY,IAGH,OACEN,EAAAA,IAACW,EAAAA,gBAAe,CAACC,YAAaC,EAAAA,SAAQV,SACnCE,EAAKS,KAAI,CAACC,EAAML,IACfV,EAAAA,IAAC7B,EAAiB,CAChBC,gBAAiBA,EACjBC,uBAAwBA,EAExBuB,SAAU,CAAEc,QAAOD,IAAKM,EAAKN,KAC7BO,SAAUT,WACTJ,IAAW,CAAEO,QAAOK,UAHhBA,EAAKN,QAQpB"}

package/amd/Modal-6566ca5b.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useModal-d279b8b3', './UNSAFE_Layer', './UNSAFE_Modal/themes/ModalStyles.css'], (function(e,t,r,n,o,s){"use strict";const l=r.forwardRef((({variant:e="scrim"},r)=>{const n=s.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:r,class:n})}));function a(e){const t=[];let r=e.previousSibling;for(;null!=r;)1===r.nodeType&&t.push(r),r=r.previousSibling;for(r=e.nextSibling;null!=r;)1===r.nodeType&&t.push(r),r=r.nextSibling;return t}function i(e){if(!e.modalRef)return[];const t=[];let r=e.modalRef.parentElement;do{if(!r)break;a(r).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),r=r.parentElement}while(r&&"body"!==r.tagName.toLowerCase());return t}const d=new class{constructor(){this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)&&(this.modals.push({modal:e,ariaHiddenChildren:i(e)}),1===this.modals.length)){const t=this._getOwnerDocument(e.modalRef).body,r=window.innerWidth-document.documentElement.clientWidth;if(r>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${r}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${r}px`)}this.styleBackup.push({property:"overflow",value:t.style.overflow}),this.styleBackup.push({property:"overflow-x",value:t.style.overflowX}),this.styleBackup.push({property:"overflow-y",value:t.style.overflowY}),t.style.overflow="hidden"}}pop(e){const t=this._findModalIndex(e);if(-1===t)return;if(t!==this.modals.length-1)return;const r=this.modals.pop();var n;if(r&&(n=r?.ariaHiddenChildren,n.forEach((e=>{e.removeAttribute("aria-hidden")}))),0===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:r})=>{t.style.setProperty(e,r)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((r,n)=>{r.modal!==e||(t=n)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}};e.Modal=({children:e,isOpen:a,onBackdropClick:i,backdropVariant:u})=>{const c=d,{backdropRef:p}=n.useModal({isOpen:a,onBackdropClick:i}),h=r.useRef(null),f=r.useRef({}),m=()=>(f.current.modalRef=h.current,f.current);return r.useEffect((()=>{a&&h.current?c?.push(m()):f.current.modalRef&&c?.pop(m())}),[a,h.current]),r.useEffect((()=>()=>{f.current.modalRef&&c?.pop(m())}),[]),a?t.jsx(o.Layer,{children:t.jsxs("div",{ref:h,class:s.baseStyle,children:[t.jsx(l,{ref:p,variant:u}),e]})}):null}}));
+//# sourceMappingURL=Modal-6566ca5b.js.map

package/amd/Modal-6566ca5b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-6566ca5b.js","sources":["../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalManager.ts","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n   */\n  variant?: 'scrim' | 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n  ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const variantClasses = multiVariantStyles({\n      backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n    });\n\n    return <div ref={ref} class={variantClasses} />;\n  }\n);\n\nexport default ModalBackdrop;\n","interface Modal {\n  modalRef?: HTMLDivElement | null;\n}\n\n/**\n * CSS property backup type.\n */\ntype StyleBackup = Array<{\n  property: string;\n  value: string;\n}>;\n\n/**\n * ModalDescriptor. Associates an open Modal with overlayed aria-hidden children.\n */\ntype ModalDescriptor = {\n  modal: Modal;\n  ariaHiddenChildren: Element[];\n};\n\n/**\n * Returns an array of element's siblings.\n *\n * @param elem\n * @returns\n */\nfunction getSiblings(elem: Element): Element[] {\n  const siblings: Element[] = [];\n  let sibling = elem.previousSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.previousSibling;\n  }\n  sibling = elem.nextSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.nextSibling;\n  }\n  return siblings;\n}\n\n/**\n * Sets aria-hidden=true on Modal ancestors and siblings.\n *\n * @param modal\n * @returns An array of modified elements.\n */\nfunction setAriaHiddenOnBackgroundElements(modal: Modal) {\n  if (!modal.modalRef) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.modalRef.parentElement as Element;\n\n  do {\n    if (!node) {\n      break;\n    }\n    const siblings = getSiblings(node);\n    siblings.forEach((elem: Element) => {\n      if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n        ariaHiddenElements.push(elem);\n        elem.setAttribute('aria-hidden', 'true');\n      }\n    });\n    node = node.parentElement;\n  } while (node && node.tagName.toLowerCase() !== 'body');\n\n  return ariaHiddenElements;\n}\n\n/**\n * Resets the aria-hidden state on previously aria-hidden elements.\n *\n * @param elements\n */\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n  elements.forEach((elem) => {\n    elem.removeAttribute('aria-hidden');\n  });\n}\n\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: ModalDescriptor[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\n  }\n\n  /**\n   * Registers a modal with ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  push(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex !== -1) {\n      // Do not try to register the same modal multiple times\n      return;\n    }\n\n    this.modals.push({\n      modal: modal,\n      ariaHiddenChildren: setAriaHiddenOnBackgroundElements(modal)\n    });\n\n    // if this is the first modal in the container, block container scrolling\n    if (this.modals.length === 1) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n      if (scrollBarWidth > 1) {\n        // in RTL, scrollbar is on the left\n        const scrollBarLeft =\n          Math.round(document.documentElement.getBoundingClientRect().left) +\n          document.documentElement.scrollLeft;\n\n        if (scrollBarLeft) {\n          this.styleBackup.push({\n            property: 'padding-left',\n            value: scrollContainer.style.paddingLeft\n          });\n          scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n        } else {\n          this.styleBackup.push({\n            property: 'padding-right',\n            value: scrollContainer.style.paddingRight\n          });\n          scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n        }\n      }\n\n      this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n      this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n      this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n      scrollContainer.style.overflow = 'hidden';\n    }\n  }\n\n  /**\n   * Unegisters a modal from ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  pop(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex === -1) {\n      // modal to be removed not found!'\n      return;\n    }\n\n    if (modalIndex !== this.modals.length - 1) {\n      // trying to remove modal out of order!\n      return;\n    }\n\n    const modalDescriptor = this.modals.pop();\n\n    if (modalDescriptor) {\n      resetAriaHiddenOnBackgroundElements(modalDescriptor?.ariaHiddenChildren);\n    }\n\n    // if this was the last modal in the container, restore its overflow props\n    if (this.modals.length === 0) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      this.styleBackup.forEach(({ property, value }) => {\n        scrollContainer.style.setProperty(property, value);\n      });\n    }\n  }\n\n  isTopModal(modal: Modal): boolean {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n\n  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem.modal === modal) {\n        index = idx;\n        return;\n      }\n    });\n    return index;\n  }\n\n  private _getOwnerDocument(node: Node | null | undefined): Document {\n    return (node && node.ownerDocument) || document;\n  }\n}\n","import { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Determines if the modal is active.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n     */\n    backdropVariant?: 'scrim' | 'transparent';\n    /**\n     * A callback to be invoked when a click on the modal backdrop occurs.\n     */\n    onBackdropClick?: () => void;\n  };\n\n/**\n * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n */\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n  // get the global ModalContext instance\n  const modalManager = globalModalManager;\n\n  const { backdropRef } = useModal({ isOpen, onBackdropClick });\n  // main modal element ref\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  // modal ref cache, required to lookup the item in modal manger when the actual ref is unmounted\n  const modal = useRef<{\n    modalRef?: typeof modalRef.current;\n  }>({});\n\n  // populates and returns the modal ref cache\n  const getModal = () => {\n    modal.current.modalRef = modalRef.current;\n    return modal.current;\n  };\n\n  useEffect(() => {\n    if (isOpen && modalRef.current) {\n      modalManager?.push(getModal());\n    } else {\n      if (modal.current.modalRef) {\n        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalRef.current]);\n\n  useEffect(() => {\n    return () => {\n      if (modal.current.modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, []);\n\n  return isOpen ? (\n    <Layer>\n      <div ref={modalRef} class={baseStyle}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","getSiblings","elem","siblings","sibling","previousSibling","nodeType","push","nextSibling","setAriaHiddenOnBackgroundElements","modal","modalRef","ariaHiddenElements","node","parentElement","forEach","tagName","toLowerCase","getAttribute","setAttribute","globalModalManager","constructor","this","modals","styleBackup","_findModalIndex","ariaHiddenChildren","length","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","document","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","pop","modalIndex","modalDescriptor","elements","removeAttribute","setProperty","isTopModal","index","idx","ownerDocument","children","isOpen","onBackdropClick","backdropVariant","modalManager","backdropRef","useModal","useRef","getModal","current","useEffect","Layer","_jsxs","baseStyle"],"mappings":"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"}

package/amd/NavigationListItem-0d20146b.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './utils/PRIVATE_collectionUtils', './utils/UNSAFE_mergeProps', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useCurrentKey', './UNSAFE_Text', './hooks/UNSAFE_usePress', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInteractionStyle', './hooks/UNSAFE_useComponentTheme', 'preact', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme', './flexitem-f4d8540e', './classNames-c6cc4719', './Text-4733b962'], (function(e,t,n,s,i,o,r,l,a,c,u,d,m,y,v,g,h,C,f,S){"use strict";const p=y.createContext(null);const R=e=>{const t=n.useRef(!0);t.current&&(t.current=!1,e())},b=v.mergeInterpolations([...Object.values(C.flexitemInterpolations)]),{class:N,...A}=b({alignSelf:"center"}),x="oj-c-navigationlist-item",F="."+x;function E({itemRef:e,itemKey:t}){const{onSelectionChange:s,selection:i,currentKey:r,showFocusRing:l,containsActiveElement:a,firstItemRenderedKey:u,onCurrentKeyChange:y}=n.useContext(p),v=r===t;R((()=>{void 0===r&&u&&void 0===u.current&&(u.current=t)}));const g=i===t,{interactionProps:C,applyPseudoHoverStyle:S,applyHoverStyle:b,applyActiveStyle:F}=d.useInteractionStyle(),{classes:E,styles:{labelContainerClasses:K}}=m.useComponentTheme(h.NavigationListItemRedwoodTheme,{focusRing:l?"isFocusRing":"notFocusRing",current:v?"isCurrent":"notCurrtent",selected:g?"isSelected":"notSelected",hybridHover:b?"isHybridHover":"notHybridHover",pseudoHover:S?"isPseudoHover":"notPseudoHover",active:F?"isActive":"notActive"});n.useLayoutEffect((()=>{a?.()&&v&&e?.current?.focus()}),[v,a]);const{pressProps:I}=c.usePress((()=>{s?.({value:t})})),P={onFocus:()=>{void 0===r&&y({value:t})}};return{itemHandlers:o.mergeProps(C,I,P),itemClasses:f.classNames([E,x]),isItemFocusable:!!(v||u?.current===t&&void 0===r),isSelected:g,labelContainerClasses:f.classNames([K,N]),labelContainerStyle:A}}e.NavigationList=function({children:e,selection:a,onSelectionChange:c,"aria-label":u,"aria-labelledby":d}){const m=n.useRef(null),{firstItemRenderedKey:y,showFocusRing:v,currentKey:g,onCurrentKeyChange:h,containsActiveElement:C,containerHandlers:f}=function({containerRef:e,selection:t}){const s=n.useRef(),[a,c]=n.useState(t),u=n.useCallback((({value:e})=>{c(e)}),[]),{currentKeyProps:d}=l.useCurrentKey((e=>i.keyExtractor(e,F)),!1,i.getPrevNextKey(e.current,a,!0,F),i.getPrevNextKey(e.current,a,!1,F),void 0,void 0,a,u),[m,y]=r.useCollectionFocusRing((t=>!!e.current?.contains(t)),["ArrowUp","ArrowDown"]);return{firstItemRenderedKey:s,showFocusRing:m,currentKey:a,onCurrentKeyChange:u,containsActiveElement:n.useCallback((()=>!!e?.current?.contains(document.activeElement)),[]),containerHandlers:o.mergeProps(y,d)}}({containerRef:m,selection:a});return t.jsx("ul",{"aria-label":u,"aria-labelledby":d,role:"listbox",ref:m,tabIndex:e?-1:0,...f,class:s.navigationListStyles.uListStyle,children:t.jsx(p.Provider,{value:{selection:a,onSelectionChange:c,onCurrentKeyChange:h,currentKey:g,showFocusRing:v,containsActiveElement:C,firstItemRenderedKey:y},children:e})})},e.NavigationListItem=function({itemKey:e,label:s}){const i=n.useRef(null),{isItemFocusable:o,itemHandlers:r,itemClasses:l,isSelected:a,labelContainerClasses:c,labelContainerStyle:u}=E({itemRef:i,itemKey:e});return t.jsx("li",{role:"option",...r,"data-oj-key":e,class:l,tabIndex:o?0:-1,"aria-selected":a,ref:i,children:s&&t.jsx("span",{class:c,style:u,children:t.jsx(S.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:s})})})}}));
+//# sourceMappingURL=NavigationListItem-0d20146b.js.map

package/amd/NavigationListItem-0d20146b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListItem-0d20146b.js","sources":["../../src/UNSAFE_NavigationList/NavigationListContext.ts","../../src/UNSAFE_NavigationList/useNavigationListItem.ts","../../src/UNSAFE_NavigationList/useNavigationListContext.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationList';\nimport { MutableRefObject } from 'preact/compat';\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  containsActiveElement: () => boolean;\n  firstItemRenderedKey?: MutableRefObject<K | undefined>;\n  onCurrentKeyChange: Required<NavigationListProps<K>>['onSelectionChange'];\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","import { useLayoutEffect, MutableRef, useRef } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\n\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from './themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\n//Little hook to run some function before first render\nexport const useWillMount = (callback: () => void) => {\n  const willMount = useRef(true);\n\n  if (willMount.current) {\n    willMount.current = false;\n    callback();\n  }\n};\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\n// default style class for items in NavigationList\nexport const ITEM_STYLE_CLASS = 'oj-c-navigationlist-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nexport function useNavigationListItem<K extends string | number>({\n  itemRef,\n  itemKey\n}: {\n  itemRef: MutableRef<HTMLLIElement>;\n  itemKey: K;\n}) {\n  const {\n    onSelectionChange,\n    selection,\n    currentKey,\n    showFocusRing,\n    containsActiveElement,\n    firstItemRenderedKey,\n    onCurrentKeyChange\n  } = useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  useWillMount(() => {\n    if (\n      currentKey === undefined &&\n      firstItemRenderedKey &&\n      firstItemRenderedKey.current === undefined\n    ) {\n      firstItemRenderedKey.current = itemKey;\n    }\n  });\n\n  const isSelected = selection === itemKey;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const {\n    classes: listItemClasses,\n    styles: { labelContainerClasses }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive'\n    }\n  );\n\n  useLayoutEffect(() => {\n    //We just focus the item if the container is the active element\n    if (containsActiveElement?.() && isCurrent) {\n      itemRef?.current?.focus();\n    }\n  }, [isCurrent, containsActiveElement]);\n\n  //Item handlers\n  const handlePress = () => {\n    onSelectionChange?.({ value: itemKey as K });\n  };\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  // We have to update current key if there no initial selection\n  const onFocus = () => {\n    if (currentKey === undefined) {\n      onCurrentKeyChange({ value: itemKey as K });\n    }\n  };\n\n  const onFocusProps = { onFocus };\n\n  return {\n    itemHandlers: mergeProps(interactionProps, pressProps, onFocusProps),\n    itemClasses: classNames([listItemClasses, ITEM_STYLE_CLASS]),\n    isItemFocusable:\n      isCurrent || (firstItemRenderedKey?.current === itemKey && currentKey === undefined)\n        ? true\n        : false,\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { ComponentChildren } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\n\nimport { NavigationListContext } from './NavigationListContext';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { useNavigationList } from './useNavigationList';\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListProps<K extends string | number> = {\n  /**\n   * A set of NavigationListItem(s) that NavigationList will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when selection has changed\n   */\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible navigationList.\n   */\n  'aria-label'?: string;\n\n  /**\n   * Specifies some a relation between navigationList and other element. Based on this specifies some\n   * screen reader text. Set it to create an accesible navigationList.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport function NavigationList<K extends string | number>({\n  children,\n  selection,\n  onSelectionChange,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelLedBy\n}: NavigationListProps<K>) {\n  const containerRef = useRef<HTMLUListElement>(null);\n\n  const {\n    firstItemRenderedKey,\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    containsActiveElement,\n    containerHandlers\n  } = useNavigationList({\n    containerRef: containerRef as MutableRef<HTMLUListElement>,\n    selection\n  });\n\n  return (\n    <ul\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelLedBy}\n      role=\"listbox\"\n      ref={containerRef}\n      tabIndex={children ? -1 : 0}\n      {...containerHandlers}\n      class={navigationListStyles.uListStyle}>\n      <NavigationListContext.Provider\n        value={{\n          selection,\n          onSelectionChange,\n          onCurrentKeyChange,\n          currentKey,\n          showFocusRing,\n          containsActiveElement,\n          firstItemRenderedKey\n        }}>\n        {children}\n      </NavigationListContext.Provider>\n    </ul>\n  );\n}\n","import { useState, useCallback, MutableRef, useRef } from 'preact/hooks';\n\nimport { keyExtractor, getPrevNextKey } from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { ITEM_SELECTOR } from './useNavigationListItem';\n\nimport { NavigationListContextProps } from './NavigationListContext';\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection\n}: {\n  containerRef: MutableRef<HTMLUListElement>;\n  selection?: K;\n}) {\n  //Ref used to track if the first item was already rendered\n  const firstItemRenderedKey = useRef<K>();\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback(({ value }: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKey(containerRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(containerRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!containerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  const containsActiveElement = useCallback(() => {\n    return !!containerRef?.current?.contains(document.activeElement);\n  }, []);\n\n  return {\n    firstItemRenderedKey,\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    containsActiveElement,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps)\n  };\n}\n","import { useRef, MutableRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem\n   */\n  label?: string;\n};\n\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label\n}: NavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    isItemFocusable,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle\n  } = useNavigationListItem({\n    itemRef: itemRef as MutableRef<HTMLLIElement>,\n    itemKey\n  });\n\n  return (\n    <li\n      role=\"option\"\n      {...itemHandlers}\n      data-oj-key={itemKey}\n      class={itemClasses}\n      tabIndex={isItemFocusable ? 0 : -1}\n      aria-selected={isSelected}\n      ref={itemRef}>\n      {label && (\n        <span class={labelContainerClasses} style={labelContainerStyle}>\n          <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n            {label}\n          </Text>\n        </span>\n      )}\n    </li>\n  );\n}\n"],"names":["NavigationListContext","createContext","useWillMount","callback","willMount","useRef","current","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyle","alignSelf","ITEM_STYLE_CLASS","ITEM_SELECTOR","useNavigationListItem","itemRef","itemKey","onSelectionChange","selection","currentKey","showFocusRing","containsActiveElement","firstItemRenderedKey","onCurrentKeyChange","useContext","isCurrent","undefined","isSelected","interactionProps","applyPseudoHoverStyle","applyHoverStyle","applyActiveStyle","useInteractionStyle","classes","listItemClasses","styles","labelContainerClasses","useComponentTheme","NavigationListItemRedwoodTheme","focusRing","selected","hybridHover","pseudoHover","active","useLayoutEffect","focus","pressProps","usePress","value","onFocusProps","onFocus","itemHandlers","mergeProps","itemClasses","classNames","isItemFocusable","labelContainerStyle","children","ariaLabel","ariaLabelLedBy","containerRef","containerHandlers","setCurrentKey","useState","useCallback","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","focusRingProps","useCollectionFocusRing","elem","contains","document","activeElement","useNavigationList","_jsx","role","ref","tabIndex","navigationListStyles","uListStyle","Provider","label","jsx","style","Text","size","weight","variant"],"mappings":"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"}

package/amd/NavigationListItemVariants.styles.css

@@ -1,26 +1,26 @@
-.NavigationListItemVariants_multiVariantStyles_selected_isSelected__16ggl234 {
+.NavigationListItemVariants_multiVariantStyles_selected_isSelected__13shj7v4 {
   background-color: var(--backgroundColorSelected__1497t56a);
   border-color: var(--borderColorSelected__1497t56b);
   color: var(--labelColorSelected__1497t569);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_0__16ggl23c:not(:active) {
+.NavigationListItemVariants_multiVariantStyles_compound_0__13shj7vc:not(:active) {
   background-color: var(--backgroundColorHover__1497t567);
   border-color: var(--borderColorHover__1497t568);
   color: var(--labelColorHover__1497t566);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_2__16ggl23e {
+.NavigationListItemVariants_multiVariantStyles_compound_2__13shj7ve {
   background-color: var(--backgroundColorHover__1497t567);
   border-color: var(--borderColorHover__1497t568);
   color: var(--labelColorHover__1497t566);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_3__16ggl23f {
+.NavigationListItemVariants_multiVariantStyles_compound_3__13shj7vf {
   outline-style: dotted;
   outline-offset: -1px;
   outline-width: 1px;
   outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus);
 }
 @media (hover: hover) {
-  .NavigationListItemVariants_multiVariantStyles_compound_1__16ggl23d:hover:not(:active) {
+  .NavigationListItemVariants_multiVariantStyles_compound_1__13shj7vd:hover:not(:active) {
     background-color: var(--backgroundColorHover__1497t567);
     border-color: var(--borderColorHover__1497t568);
     color: var(--labelColorHover__1497t566);

package/amd/NavigationListItemVariants.styles2.css

@@ -1,26 +1,26 @@
-.NavigationListItemVariants_multiVariantStyles_selected_isSelected__13shj7v4 {
+.NavigationListItemVariants_multiVariantStyles_selected_isSelected__16ggl234 {
   background-color: var(--backgroundColorSelected__1497t56a);
   border-color: var(--borderColorSelected__1497t56b);
   color: var(--labelColorSelected__1497t569);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_0__13shj7vc:not(:active) {
+.NavigationListItemVariants_multiVariantStyles_compound_0__16ggl23c:not(:active) {
   background-color: var(--backgroundColorHover__1497t567);
   border-color: var(--borderColorHover__1497t568);
   color: var(--labelColorHover__1497t566);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_2__13shj7ve {
+.NavigationListItemVariants_multiVariantStyles_compound_2__16ggl23e {
   background-color: var(--backgroundColorHover__1497t567);
   border-color: var(--borderColorHover__1497t568);
   color: var(--labelColorHover__1497t566);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_3__13shj7vf {
+.NavigationListItemVariants_multiVariantStyles_compound_3__16ggl23f {
   outline-style: dotted;
   outline-offset: -1px;
   outline-width: 1px;
   outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus);
 }
 @media (hover: hover) {
-  .NavigationListItemVariants_multiVariantStyles_compound_1__13shj7vd:hover:not(:active) {
+  .NavigationListItemVariants_multiVariantStyles_compound_1__16ggl23d:hover:not(:active) {
     background-color: var(--backgroundColorHover__1497t567);
     border-color: var(--borderColorHover__1497t568);
     color: var(--labelColorHover__1497t566);

package/amd/NumberInputText-b3d8c244.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './hooks/UNSAFE_usePrefixSuffix', './UNSAFE_TextField', './UNSAFE_UserAssistance', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useToggle', './UNSAFE_IconButton', './PRIVATE_ThemedIcons/IncrementIcon', './PRIVATE_ThemedIcons/DecrementIcon', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './index-4e4341e9', './index-f84f6993', './IconButton-8a163411', './UNSAFE_Grid', './hooks/UNSAFE_useCurrentValueReducer', './Label-d333c754', './ReadonlyTextFieldInput-735cd324', './TextFieldInput-ae1a90e4', './clientHints-fbfc14a7'], (function(e,s,n,t,i,r,a,o,l,u,d,c,p,b,x,f,v,h,S,m,F,A,y,T,C,D,E,R,U){"use strict";function g({direction:e,isDisabled:n,onStep:i,variant:r}){const a=m.useTranslationBundle("@oracle/oraclejet-preact"),o=a.inputNumber_increase(),l=a.inputNumber_decrease(),u="increase"===e?o:l,d=t.useCallback((()=>{i?.({direction:e})}),[i,e]),c="arrowup"===r?s.jsx(F.SvgChevronUp,{}):s.jsx(A.SvgChevronDown,{});return s.jsx(S.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(y.IconButton,{isDisabled:n,tooltip:u,onAction:d,variant:"borderless",children:c})})}function w({children:e}){return s.jsx(T.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const I=n.forwardRef((({"aria-describedby":e,"aria-valuemax":n,"aria-valuemin":u,"aria-valuenow":b,"aria-valuetext":f,assistiveText:v,autoComplete:h="off",autoFocus:S=!1,helpSourceLink:m,helpSourceText:F,isDisabled:A,isReadonly:y,isRequired:T=!1,isRequiredShown:U,isStepDownDisabled:I,isStepUpDisabled:j,hasSteppers:P=!1,label:_,labelEdge:N,labelStartWidth:L,messages:V,placeholder:B,prefix:H,suffix:q,textAlign:M,userAssistanceDensity:K,value:W,variant:G="default",virtualKeyboard:z,onInput:J,onCommit:O,onSpin:Q,onSpinComplete:X,onStep:Y},Z)=>{const{currentCommitValue:$,dispatch:ee}=C.useCurrentValueReducer({value:W}),se=t.useCallback((e=>{ee({type:"input",payload:e.value}),J?.(e)}),[J,ee]),ne=t.useCallback((e=>{ee({type:"commit",payload:e.value}),O?.(e)}),[O,ee]),{isDisabled:te,isReadonly:ie,labelEdge:re,labelStartWidth:ae,textAlign:oe,userAssistanceDensity:le}=r.useFormContext(),ue=A??te,de=y??ie,ce=N??re,pe=L??ae,be=M??oe,xe=K??le,{enabledElementRef:fe,focusProps:ve,isFocused:he,readonlyElementRef:Se}=i.useFocusableTextField({isDisabled:ue,isReadonly:de,ref:Z}),{hoverProps:me}=o.useHover({isDisabled:de||ue||!1}),{baseId:Fe,formFieldContext:Ae,inputProps:ye,labelProps:Te,textFieldProps:Ce,userAssistanceProps:De}=l.useTextField({ariaDescribedBy:e,helpSourceLink:m,helpSourceText:F,isDisabled:ue,isFocused:he,isReadonly:de,isRequiredShown:U,labelEdge:ce,messages:V,styleVariant:G,userAssistanceDensity:xe,value:W}),Ee=ue||I,Re=ue||j,{steppers:Ue,stepHandlerProps:ge}=(({hasSteppers:e,inputRef:n,isStepDownDisabled:i,isStepUpDisabled:r,onSpin:a,onSpinComplete:o,onStep:l})=>{const{bool:u,setTrue:d,setFalse:c}=x.useToggle(!1),{bool:p,setTrue:b,setFalse:f}=x.useToggle(!1),v=t.useRef(null),h=t.useRef(null),S=t.useRef("increase"),m=t.useRef(!1),F=t.useCallback((e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),e.stopPropagation(),u||"ArrowDown"===e.key&&i||"ArrowUp"===e.key&&r||(S.current="ArrowDown"===e.key?"decrease":"increase",d(),l?.({direction:S.current})))}),[u,l,i,r,d]),A=t.useCallback((e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(p&&(m.current=!0),c(),f(),e.stopPropagation())}),[p,c,f]);t.useEffect((()=>(u&&!v.current&&(v.current=setTimeout((()=>{b()}),500)),()=>{v.current&&(clearTimeout(v.current),v.current=null)})),[u,b]),t.useEffect((()=>(p?h.current||(h.current=setInterval((()=>{"increase"===S.current&&r||"decrease"===S.current&&i?(f(),m.current=!0):a?.({direction:S.current})}),40)):h.current&&(clearInterval(h.current),h.current=null),()=>{h.current&&(clearInterval(h.current),h.current=null)})),[p,i,r,a,f]),t.useEffect((()=>{!p&&m.current&&(m.current=!1,o?.())}),[p,o]);const y=t.useCallback((e=>{n.current?.focus(),l?.(e)}),[l,n]),T=t.useCallback((e=>{e.preventDefault(),e.stopPropagation()}),[]);return{steppers:e?s.jsxs(w,{children:[s.jsx("div",{onMouseDown:e=>i&&T(e),"aria-hidden":"true",children:s.jsx(g,{direction:"decrease",isDisabled:i,onStep:y,variant:"arrowdown"})}),s.jsx("div",{onMouseDown:e=>r&&T(e),"aria-hidden":"true",children:s.jsx(g,{direction:"increase",isDisabled:r,onStep:y,variant:"arrowup"})})]}):void 0,stepHandlerProps:e?{onKeyDown:F,onKeyUp:A}:{}}})({hasSteppers:P,inputRef:fe,isStepDownDisabled:Ee,isStepUpDisabled:Re,onSpin:Q,onSpinComplete:X,onStep:Y}),{renderedPrefix:we,renderedSuffix:Ie,text:ke,ariaLabelledBy:je}=d.usePrefixSuffix({baseId:Fe,hasEndContent:void 0!==Ue,hasInsideLabel:void 0!==_&&"inside"===ce,hasStartContent:!1,hasValue:Ae.hasValue,isDisabled:ue,isFocused:he,labelId:Te.id,prefix:H,suffix:q,value:W}),Pe="none"!==ce?s.jsx(D.Label,{...Te,children:_}):void 0,_e={label:"none"!==ce?Pe:void 0,labelEdge:"none"!==ce?ce:void 0,labelStartWidth:"none"!==ce?pe:void 0},Ne="none"===ce?_:void 0,Le="efficient"===xe||"reflow"===xe?ue||de?"efficient"!==xe?void 0:s.jsx(p.InlineUserAssistance,{userAssistanceDensity:xe,...De}):s.jsx(p.InlineUserAssistance,{assistiveText:v,fieldLabel:_,helpSourceLink:m,helpSourceText:F,messages:V,isRequiredShown:U,userAssistanceDensity:xe,...De}):void 0,Ve=t.useRef(null),Be="compact"===xe?s.jsx(p.CompactUserAssistance,{anchorRef:Ve,messages:V,assistiveText:v,...De}):void 0;if(de)return s.jsx(a.FormFieldContext.Provider,{value:Ae,children:s.jsx(c.ReadonlyTextField,{role:"presentation",compactUserAssistance:Be,inlineUserAssistance:Le,onBlur:ve.onfocusout,onFocus:ve.onfocusin,ref:Ve,..._e,children:s.jsx(E.ReadonlyTextFieldInput,{"aria-describedby":ye["aria-describedby"],"aria-label":Ne,"aria-labelledby":Te.id,as:"div",autoFocus:S,elementRef:Se,textAlign:be,value:ke,hasEmptyLabel:""===_&&"none"===ce,hasInsideLabel:void 0!==_&&"inside"===ce})})});const He=void 0===b||b.toString()!==f?f:void 0,qe=s.jsxs(s.Fragment,{children:[we,s.jsx(R.TextFieldInput,{"aria-labelledby":je,"aria-label":Ne,"aria-valuemax":n,"aria-valuemin":u,"aria-valuenow":b,"aria-valuetext":He,autoComplete:h,autoFocus:S,currentCommitValue:$,hasEmptyLabel:""===_&&"none"===ce,hasEndContent:void 0!==Ue,hasInsideLabel:void 0!==Pe&&"inside"===ce,hasPrefix:void 0!==we,hasStartContent:!1,hasSuffix:void 0!==Ie,inputRef:fe,isRequired:T,placeholder:B,role:P?"spinbutton":void 0,textAlign:be,type:k()?z:void 0,value:ue?ke:W,onCommit:ne,onInput:se,...ye,...ge}),Ie]});return s.jsx(a.FormFieldContext.Provider,{value:Ae,children:s.jsx(c.TextField,{endContent:Ue,compactUserAssistance:Be,inlineUserAssistance:Le,mainContent:qe,onBlur:ve.onfocusout,onFocus:ve.onfocusin,mainFieldRef:Ve,...Ce,..._e,...me})})}));function k(){const e=U.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=I}));
+//# sourceMappingURL=NumberInputText-b3d8c244.js.map