@oracle/oraclejet-preact 14.0.6 → 14.1.0

package/amd/ListItemTextLayout-4aa65b0a.js.map

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

package/amd/ListView-204b0aac.js

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

package/amd/ListView-204b0aac.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListView-204b0aac.js","sources":["../../src/UNSAFE_ListView/ListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'accessibleSummary'\n  | 'children'\n  | 'currentKey'\n  | 'currentItemVariant'\n  | 'data'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * This component is nom-virtualized and renders all rows provided in the data prop.\n */\nexport function ListView<K extends string | number, D>(props: Props<K, D>) {\n  return (\n    <List isVirtualized={false} {...props}>\n      {props.children}\n    </List>\n  );\n}\n"],"names":["props","_jsx","jsx","List","Object","assign","isVirtualized","children"],"mappings":"qHAkCM,SAAiDA,GACrD,OACEC,EAAAC,IAACC,EAAIA,KAAAC,OAAAC,OAAA,CAACC,eAAe,GAAWN,YAC7BA,EAAMO"}

package/amd/LoadMoreCollection-b4c4c44b.js

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

package/amd/LoadMoreCollection-b4c4c44b.js.map

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

package/amd/Menu-cdfe9d77.js

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

package/amd/Menu-cdfe9d77.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu-cdfe9d77.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/Menu.tsx","../../src/UNSAFE_Menu/useMenuCurrentKey.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';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const firstItem = root.querySelector('[data-oj-menu-item-key]');\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1];\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNextKey = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n      return getKey(items[nextIndex]) || null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = (element: HTMLElement): string | null => {\n  const item = element.closest('[data-oj-menu-item-key]');\n  if (item) {\n    const key = getKey(item as HTMLElement);\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      onClose?.({ reason: 'tabbing' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape') {\n      onClose?.({ reason: 'cancel' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item. Using this flag removes issues\n    //related to focus visibilty on \"long press\"\n    const nextKey = keyExtractor(event.target as HTMLElement);\n    if (!nextKey) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { RefObject, ComponentChildren } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNextKey,\n  getFirstVisibleKey,\n  keyExtractor,\n  getLastVisibleKey,\n  getKeyboardCloseProps,\n  getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  accessibleLabel?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      reason: 'cancel' | 'tabbing' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\nconst styles = {\n  // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n  // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n  floatingContainer: cssProps`${{\n    maxWidth: '90vw',\n    width: 'max-content',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n  }}`,\n  menuContainer: cssProps`${{\n    outlineStyle: 'none',\n    // paddingTop and Bottom here so menuConatiner have same size as floatingContainer so click event has\n    // same clickable area and we can handle focus behavior\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nexport const Menu = ({\n  children,\n  isOpen = false,\n  anchorRef,\n  onClose,\n  accessibleLabel,\n  initialFocus = 'menu'\n}: MenuProps) => {\n  const floatingRef = useRef<HTMLElement | null>(null);\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n  const isOpenPrevValue = useRef<boolean>();\n\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  const [possibleFocus, setPossibleFocus] = useState<'pending' | 'menu' | 'firstItem'>('pending');\n\n  const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n    setCurrentKey(detail.value);\n    setPossibleFocus('firstItem');\n  }, []);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!menuContainerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown'],\n    (elem: Element) => {\n      const nextKey = keyExtractor(elem as HTMLElement);\n      return !!nextKey;\n    }\n  );\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    (element) => keyExtractor(element),\n    getPrevNextKey(menuContainerRef.current, true, currentKey),\n    getPrevNextKey(menuContainerRef.current, false, currentKey),\n    () => getFirstVisibleKey(menuContainerRef.current),\n    () => getLastVisibleKey(menuContainerRef.current),\n    currentKey,\n    changeKey\n  );\n\n  const useOutsideClickHandler = useCallback(\n    (e: MouseEvent) => {\n      onClose?.({ reason: 'outsideClick', target: e.target as Element });\n    },\n    [onClose]\n  );\n\n  useOutsideClick({\n    isDisabled: !isOpen,\n    ref: [floatingRef],\n    handler: useOutsideClickHandler\n  });\n\n  useEffect(() => {\n    if (isOpen === isOpenPrevValue.current) return;\n\n    if (isOpen) {\n      const menuContainer = menuContainerRef.current;\n      if (menuContainer) {\n        if (initialFocus === 'menu') {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused\n          setTimeout(() => {\n            menuContainer.focus();\n          }, 0);\n          setPossibleFocus('menu');\n        } else {\n          const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n          if (firstItemKey) {\n            changeKey({ value: firstItemKey });\n          } else {\n            setPossibleFocus('menu');\n          }\n        }\n      }\n    } else {\n      setPossibleFocus('pending');\n      setCurrentKey(undefined);\n    }\n\n    isOpenPrevValue.current = isOpen;\n  }, [isOpen, initialFocus, changeKey]);\n\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        class={styles.floatingContainer}\n        ref={floatingRef}\n        anchorRef={anchorRef}\n        placement=\"bottom-start\"\n        offsetValue={{\n          mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n          crossAxis: 0\n        }}>\n        <MenuContext.Provider\n          value={{\n            onClose,\n            currentKey,\n            showFocusRing\n          }}>\n          <div\n            style={{\n              minWidth: `${\n                anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n                  ? anchorRef.current.offsetWidth\n                  : MENU_MIN_WIDTH\n              }px`\n            }}\n            ref={menuContainerRef}\n            tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n            role=\"menu\"\n            aria-label={accessibleLabel}\n            class={styles.menuContainer}\n            {...mergeProps(\n              focusRingProps,\n              currentKeyProps,\n              getMenuPointerDown(),\n              getKeyboardCloseProps(onClose)\n            )}>\n            {children}\n          </div>\n        </MenuContext.Provider>\n      </Floating>\n    </Layer>\n  );\n};\n\nconst MENU_MIN_WIDTH = 200;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  keyExtractor: (element: HTMLElement) => string | null,\n  getPrevKey: () => string | null,\n  getNextKey: () => string | null,\n  getFirstVisibleKey: () => string | null,\n  getLastVisibleKey: () => string | null,\n  currentKey?: string,\n  onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        if (event.key === 'ArrowDown' && !event.shiftKey) {\n          const nextKey = getNextKey();\n          if (nextKey && currentKey != nextKey) {\n            onChange({ value: nextKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n          const prevKey = getPrevKey();\n          if (prevKey && currentKey != prevKey) {\n            onChange({ value: prevKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'Home') {\n          const firstKey = getFirstVisibleKey();\n          if (firstKey && currentKey != firstKey) {\n            onChange({ value: firstKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'End') {\n          const lastKey = getLastVisibleKey();\n          if (lastKey && currentKey != lastKey) {\n            onChange({ value: lastKey });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n  );\n  //Capture needed since usePress stop propagation, what produces not triggering this event.\n  //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (nextKey && currentKey != nextKey) {\n          onChange({ value: nextKey });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n"],"names":["getKey","item","dataset","getFirstVisibleKey","root","firstItem","querySelector","key","getPrevNextKey","isPrev","currentKey","items","Array","from","querySelectorAll","nextIndex","findIndex","itemsLastIndex","length","keyExtractor","element","closest","undefined","getKeyboardCloseProps","onClose","onKeyDown","event","reason","preventDefault","styles","MENU_MIN_WIDTH","children","isOpen","anchorRef","accessibleLabel","initialFocus","floatingRef","useRef","menuContainerRef","isOpenPrevValue","changeKey","useCallback","detail","setCurrentKey","value","_a","current","contains","elem","currentKeyProps","getPrevKey","getNextKey","getLastVisibleKey","onChange","shiftKey","firstKey","lastKey","prevKey","nextKey","onClickCapture","target","useMenuCurrentKey","lastItem","useOutsideClickHandler","e","useOutsideClick","handler","menuContainer","firstItemKey","_jsx","jsx","Layer","Object","assign","logicalParentRef","Floating","class","ref","placement","offsetValue","mainAxis","crossAxis","MenuContext","Provider","minWidth","offsetWidth","onPointerDown"],"mappings":"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"}

package/amd/MenuDivider-3a14aef5.js

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

package/amd/MenuDivider-3a14aef5.js.map

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

package/amd/MenuItem-2ab61cb2.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","preact/hooks","./UNSAFE_Text",'module',"./hooks/UNSAFE_useHover","./utils/UNSAFE_classNames","./hooks/UNSAFE_useId","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_usePress","./utils/PRIVATE_clientHints","preact","./clientHints-4d8618df","./classNames-14cea078","./Text-617f0e96"],function(e,n,s,t,o,a,i,r,c,l,u,d,m,C,h){"use strict";const b=d.createContext({onClose:()=>null,currentKey:void 0,showFocusRing:!1});const v={menuItemContainer:"f0ozz1",focused:"jr2m9e",variant:{default:{menuItemContainer:"qj55dn",hover:"vyzcnn",pseudohover:"_18ftjok"},destructive:{menuItemContainer:"nco6mz",hover:"_1v4lp15",pseudohover:"_1bm4u8c"}},iconLabelContainer:"mn0qrt",labelContainer:"_1efwirf",iconContainer:"_1fosh6m",startIconContainer:"cxhbh8",endIconContainer:"kh9n8o",disabledContainer:"_1c9z861"};const f=m.getClientHints().isHybrid;function j({label:e,onAction:t,startIcon:o,endIcon:i,role:u,isChecked:d,isDisabled:m=!1,variant:j="default"}){const{onClose:I,currentKey:p,showFocusRing:x}=s.useContext(b),_=r.useId(),N=s.useMemo(()=>`oj-menu-item-${_}`,[_]),g=p===N,k=s.useRef(null),{hoverProps:A,isHover:E}=a.useHover({isDisabled:!f}),{pressProps:F}=l.usePress(()=>{null==I||I({reason:"itemAction"}),null==t||t()},{isDisabled:m});s.useLayoutEffect(()=>{var e;g&&(null===(e=k.current)||void 0===e||e.focus())},[g]);const H=C.classNames([v.menuItemContainer,!m&&v.variant[j].menuItemContainer,m&&v.disabledContainer,!f&&!m&&v.variant[j].pseudohover,f&&E&&!m&&v.variant[j].hover,g&&!!x&&v.focused]),P=C.classNames([v.iconLabelContainer,v.iconContainer,v.startIconContainer]),y=C.classNames([v.iconLabelContainer,v.labelContainer]),z=C.classNames([v.iconLabelContainer,v.iconContainer,v.endIconContainer]);return n.jsxs("a",Object.assign({ref:k,class:H},c.mergeProps(A,F),{role:u,"data-oj-menu-item-key":N},m&&{"aria-disabled":!0},"menuitem"!==u&&{"aria-checked":d},{tabIndex:g?0:-1},{children:[o&&n.jsx("span",Object.assign({class:P},{children:o})),n.jsx("span",Object.assign({class:y},{children:n.jsx(h.Text,Object.assign({variant:"inherit",size:"md"},{children:e}))})),i&&n.jsx("span",Object.assign({class:z},{children:i}))]}))}e.BaseMenuItem=j,e.MenuContext=b,e.MenuItem=function(e){return n.jsx(j,Object.assign({},e,{role:"menuitem"}))}});
-//# sourceMappingURL=MenuItem-2ab61cb2.js.map

package/amd/MenuItem-2ab61cb2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem-2ab61cb2.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/useMenuContext.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  onClose: ComponentProps<typeof Menu>['onClose'];\n  currentKey?: string;\n  showFocusRing: boolean;\n};\n\n/**\n * Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContext = createContext<Props>({\n  onClose: () => null,\n  currentKey: undefined,\n  showFocusRing: false\n});\n\nexport { MenuContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useLayoutEffect, useRef, useMemo } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { useMenuContext } from './useMenuContext';\n\nconst styles = {\n  menuItemContainer: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important',\n    width: '100%',\n    paddingTop: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingBottom: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding)',\n    boxSizing: 'border-box',\n    minHeight: 'var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height)',\n    display: 'flex',\n    textAlign: 'start',\n    alignItems: 'center',\n    textDecorationLine: 'none !important',\n    outlineStyle: 'none'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineOffset: '1px',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n  }}`,\n  variant: {\n    default: {\n      menuItemContainer: cssProps`${{\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n      }}`,\n      hover: cssProps`${{\n        // @ts-ignore\n        '&:not(:active)': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n        }\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover:not(:active)': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n          }\n        }\n      }}`\n    },\n    destructive: {\n      menuItemContainer: cssProps`${{\n        //Not needed since hover and active share same style but active state style could change at some point\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low)'\n      }}`,\n      hover: cssProps`${{\n        backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n            color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n          }\n        }\n      }}`\n    }\n  },\n  iconLabelContainer: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  labelContainer: cssProps`${{\n    flexGrow: 1,\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  iconContainer: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  startIconContainer: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding)'\n  }}`,\n  endIconContainer: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding)'\n  }}`,\n  disabledContainer: cssProps`${{\n    cursor: 'default !important',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\ntype BaseMenuItemProps = (SimpleMenuItemProps | SelectMenuItemProps) & BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n};\n\ntype SimpleMenuItemProps = {\n  role: 'menuitem';\n  variant?: 'default' | 'destructive';\n  isChecked?: never;\n};\n\ntype SelectMenuItemProps = {\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  variant?: never;\n  isChecked?: boolean;\n};\n\ntype MenuItemProps = BaseBaseMenuItemProps & {\n  variant?: 'default' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  return <BaseMenuItem {...props} role=\"menuitem\"></BaseMenuItem>;\n}\n\nconst isHybrid = getClientHints().isHybrid;\n\nexport function BaseMenuItem({\n  label,\n  onAction,\n  startIcon,\n  endIcon,\n  role,\n  isChecked,\n  isDisabled = false,\n  variant = 'default'\n}: BaseMenuItemProps) {\n  const { onClose, currentKey, showFocusRing } = useMenuContext();\n\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  const isCurrent = currentKey === id;\n\n  const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n\n  const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n\n  const handleItemSelection = () => {\n    onClose?.({ reason: 'itemAction' });\n    onAction?.();\n  };\n\n  const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n  useLayoutEffect(() => {\n    if (isCurrent) {\n      menuItemRef.current?.focus();\n    }\n  }, [isCurrent]);\n\n  const menuItemContainerClasses = classNames([\n    styles.menuItemContainer,\n    !isDisabled && styles.variant[variant].menuItemContainer,\n    isDisabled && styles.disabledContainer,\n    !isHybrid && !isDisabled && styles.variant[variant].pseudohover,\n    isHybrid && isHover && !isDisabled && styles.variant[variant].hover,\n    isCurrent && !!showFocusRing && styles.focused\n  ]);\n\n  const startIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.startIconContainer\n  ]);\n\n  const labelContainerClasses = classNames([styles.iconLabelContainer, styles.labelContainer]);\n\n  const endIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.endIconContainer\n  ]);\n\n  return (\n    <a\n      ref={menuItemRef}\n      class={menuItemContainerClasses}\n      {...mergeProps(hoverProps, pressProps)}\n      role={role}\n      data-oj-menu-item-key={id}\n      {...(isDisabled && { 'aria-disabled': true })}\n      {...(role !== 'menuitem' && { 'aria-checked': isChecked })}\n      tabIndex={isCurrent ? 0 : -1}>\n      {startIcon && <span class={startIconContainerClasses}>{startIcon}</span>}\n      <span class={labelContainerClasses}>\n        <Text variant=\"inherit\" size=\"md\">\n          {label}\n        </Text>\n      </span>\n      {endIcon && <span class={endIconContainerClasses}>{endIcon}</span>}\n    </a>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\n\nimport { MenuContext } from './MenuContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useMenuContext() {\n  return useContext(MenuContext);\n}\n\nexport { useMenuContext };\n"],"names":["MenuContext","createContext","onClose","currentKey","undefined","showFocusRing","styles","variant","default","destructive","isHybrid","getClientHints","BaseMenuItem","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","useContext","uniqueID","useId","id","useMemo","isCurrent","menuItemRef","useRef","hoverProps","isHover","useHover","pressProps","usePress","_a","current","focus","menuItemContainer","pseudohover","hover","focused","iconLabelContainer","iconContainer","startIconContainer","labelContainerClasses","classNames","labelContainer","endIconContainer","props"],"mappings":"mXAsBM,MAAAA,EAAcC,EAAAA,cAAqB,CACvCC,QAAS,IAAM,KACfC,gBAAYC,EACZC,eAAe,ICJjB,MAAAC,EAAA,mBAAA,iBAAA,SAsBEC,QAAA,CACEC,QAAA,mBAAA,eAAA,iCAsBAC,YAAA,mBAAA,eAAA,uDA7CJ,wBAAA,yBAAA,8BAAA,0BAAA,uCA+HA,MAAAC,EAAAC,EAAAA,iBAAAD,SAEA,SAAAE,GAAAC,MAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAAC,KAAAA,EAAAC,UAAAA,EAAAC,WAAAA,GAAA,EAAAZ,QAAAA,EAAA,0DCpISa,EAAAA,WAAWpB,GDgJlBqB,EAAAC,EAAAA,QACAC,EAAAC,EAAAA,QAAA,IAAA,gBAAAH,IAAA,CAAAA,IACAI,EAAAtB,IAAAoB,EAEAG,EAAAC,SAAA,OAEAC,WAAAA,EAAAC,QAAAA,GAAAC,WAAA,CAAAX,YAAAT,KAOAqB,WAAAA,GAAAC,EAAAA,gDAHElB,MAAAA,GAAAA,KAGF,CAAAK,WAAAA,iCAGEM,IACE,QAAAQ,EAAAP,EAAAQ,eAAA,IAAAD,GAAAA,EAAAE,UAEJ,CAAAV,0BAGEnB,EAAA8B,6EAGA1B,IAAAS,GAAAb,EAAAC,QAAAA,GAAA8B,YACA3B,GAAAmB,IAAAV,GAAAb,EAAAC,QAAAA,GAAA+B,MACAb,KAAApB,GAAAC,EAAAiC,0BAIAjC,EAAAkC,mBACAlC,EAAAmC,cACAnC,EAAAoC,qBAGFC,EAAAC,EAAAA,WAAA,CAAAtC,EAAAkC,mBAAAlC,EAAAuC,iCAGEvC,EAAAkC,mBACAlC,EAAAmC,cACAnC,EAAAwC,weA3DJ,SAAAC"}

package/amd/Message.types-c19a2d25.js

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

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

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

package/amd/MessageCloseButton-970cbd82.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"./UNSAFE_Button","./index-2155a66c","./utils/UNSAFE_classNames","./Button-d575f4d8","./index-240ba9ad","./classNames-14cea078"],function(s,e,n,t,a,o,i,c,r){"use strict";const l={base:"_1269mut",banner:"_17t82u8",inline:void 0,toast:"p8l96p"};s.MessageCloseButton=function({onAction:s,buttonRenderer:n,title:t="Close",variant:a="banner"}){const o=n?n(t,s,a):e.jsx(i.Button,{startIcon:e.jsx(c.SvgIcoClose,{}),size:"sm",title:t,variant:"borderless",onAction:s}),u=r.classNames(["banner"===a&&"oj-c-messagebanner-close-icon",l.base,l[a]]);return e.jsx("div",Object.assign({class:u},{children:o}))}});
-//# sourceMappingURL=MessageCloseButton-970cbd82.js.map

package/amd/MessageCloseButton-970cbd82.js.map

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

package/amd/MessageDetail-ddfaa852.js

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

package/amd/MessageDetail-ddfaa852.js.map

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

package/amd/MessageFormattingUtils-fbc95605.js

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

package/amd/MessageFormattingUtils-fbc95605.js.map

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

package/amd/MessageLayer-a16ace03.js

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

package/amd/MessageLayer-a16ace03.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageLayer-a16ace03.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n\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\ntype Props = {\n  children: ComponentChildren;\n\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   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst styles = {\n  notificationPosition: cssProps`${{\n    position: 'absolute',\n    pointerEvents: 'initial',\n    width: 'max-content'\n  }}`,\n  ['top-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  top: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['top-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  ['bottom-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  bottom: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['bottom-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`\n} as const;\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n\n  let logicalPosition;\n  switch (position) {\n    case 'top-start':\n      logicalPosition = isLtr ? styles['top-left'] : styles['top-right'];\n      break;\n    case 'top-end':\n      logicalPosition = isLtr ? styles['top-right'] : styles['top-left'];\n      break;\n    case 'bottom-start':\n      logicalPosition = isLtr ? styles['bottom-left'] : styles['bottom-right'];\n      break;\n    case 'bottom-end':\n      logicalPosition = isLtr ? styles['bottom-right'] : styles['bottom-left'];\n      break;\n    default:\n      logicalPosition = styles[position];\n      break;\n  }\n\n  const positionClasses = classNames([styles.notificationPosition, logicalPosition]);\n\n  const offsetStyle =\n    typeof offset === 'number'\n      ? {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset}px`\n        }\n      : {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset?.vertical ?? 0}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset?.horizontal ?? 0}px`\n        };\n\n  return (\n    <WindowOverlay>\n      <div\n        class={positionClasses}\n        data-testid={testId}\n        style={offset !== undefined ? offsetStyle : undefined}>\n        <Flex direction=\"column\" gap=\"2x\">\n          {children}\n        </Flex>\n      </div>\n    </WindowOverlay>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["positions","stringLiteralArray","styles","children","offset","testId","position","direction","useUser","isLtr","logicalPosition","positionClasses","classNames","notificationPosition","offsetStyle","_a","vertical","_b","horizontal","_jsx","WindowOverlay","jsx","Object","assign","class","style","undefined","Flex","gap"],"mappings":"iQASAA,MAAAA,EAAAC,EAAAA,mBAAA,wHAmDAC,EAAA,sBAAA,SAME,WANF,eAAA,WAeE,YAfF,WAmBE,cAnBF,kBAAA,SA4BE,eAAA,0BAMF,EAAAC,SAAAA,EAAAC,OAAAA,EAAAC,OAAAA,EAAAC,SAAAA,EAAA,qBACE,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,EAEA,IAAAG,EACA,OAAAJ,GACE,IAAA,YACEI,EAAAD,EAAAP,EAAA,YAAAA,EAAA,mBAEF,IAAA,UACEQ,EAAAD,EAAAP,EAAA,aAAAA,EAAA,kBAEF,IAAA,eACEQ,EAAAD,EAAAP,EAAA,eAAAA,EAAA,sBAEF,IAAA,aACEQ,EAAAD,EAAAP,EAAA,gBAAAA,EAAA,qBAEF,QACEQ,EAAAR,EAAAI,GAIJ,MAAAK,EAAAC,EAAAA,WAAA,CAAAV,EAAAW,qBAAAH,IAEAI,EAAA,iBAAAV,EAEI,wIAIA,CACI,yDAAA,GAAA,QAAAW,EAAAX,MAAAA,OAAA,EAAAA,EAAAY,gBAAA,IAAAD,EAAAA,EAAA,MACA,2DAAA,GAAA,QAAAE,EAAAb,MAAAA,OAAA,EAAAA,EAAAc,kBAAA,IAAAD,EAAAA,EAAA,OAGR,OAAAE,EAAAA,IAAAC,EAAAA,cAAA,CAAAjB,SAAAgB,EAAAE,IAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAb,EAAA,cAAAN,EAAAoB,WAAAC,IAAAtB,EAAAU,OAAAY,GAAA,CAAAvB,SAAAgB,EAAAE,IAAAM,OAAAL,OAAAC,OAAA,CAAAhB,UAAA,SAAAqB,IAAA,MAAA,CAAAzB,SAAAA"}

package/amd/MessageStartIcon-0470534b.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./index-2155a66c","./UNSAFE_Flex","./index-240ba9ad","./Flex-95e67964","./classNames-14cea078"],function(n,e,s,a,i,r,t,c,l){"use strict";const o={banner:"xkzetb",inline:"y3reui",toast:"au7rfd"},g={confirmation:t.SvgIcoSuccessS,error:t.SvgIcoErrorS,info:t.SvgIcoInformationS,warning:t.SvgIcoWarningS},x="ycajl8";n.MessageStartIcon=function({severity:n,variant:s="banner",translations:a}){const i=g[n],r="inline"!==s?e.jsx(c.Flex,Object.assign({align:"center",height:"100%"},{children:e.jsx("span",Object.assign({class:x,role:"img",title:null==a?void 0:a[n]},{children:e.jsx(i,{})}))})):e.jsx("span",Object.assign({class:x,role:"img",title:null==a?void 0:a[n]},{children:e.jsx(i,{})}));return e.jsx("div",Object.assign({class:l.classNames(["banner"===s&&"oj-c-messagebanner-start-icon","_1ufr18h",o[s]]),role:"presentation"},{children:r}))}});
-//# sourceMappingURL=MessageStartIcon-0470534b.js.map

package/amd/MessageStartIcon-0470534b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageStartIcon-0470534b.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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport {\n  MessageConfirmationIcon,\n  MessageErrorIcon,\n  MessageInfoIcon,\n  MessageWarningIcon\n} from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\n\nconst messageStartIconStyles = cssProps`${{\n  marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  display: 'flex',\n  alignSelf: 'flex-start'\n}}`;\n\nconst severityIconStyles = {\n  banner: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color)',\n    fontSize: '1rem'\n  }}`,\n  toast: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\nconst containerStyles = cssProps`${{\n  height: '100%'\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={containerStyles} role=\"img\" title={translations?.[severity]}>\n          <IconComponent />\n        </span>\n      </Flex>\n    ) : (\n      <span class={containerStyles} 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,\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["severityIconStyles","severityIcons","confirmation","MessageConfirmationIcon","SvgIcoSuccessS","error","MessageErrorIcon","SvgIcoErrorS","info","MessageInfoIcon","SvgIcoInformationS","warning","MessageWarningIcon","containerStyles","severity","variant","translations","IconComponent","iconContent","_jsx","jsx","Flex","Object","assign","align","height","children","class","role","title","classNames"],"mappings":"uNAmBA,MAMAA,EAAA,QAAA,gBAAA,yBAkBAC,EAAA,CACEC,aAAAC,EADFC,eAEEC,MAAAC,EAFFC,aAGEC,KAAAC,EAHFC,mBAIEC,QAAAC,EAAAA,gBAGFC,EAAA,4BAgDA,UAAAC,SAAAA,EAAAC,QAAAA,EAAA,SAAAC,aAAAA,IACE,MAAAC,EAAAhB,EAAAa,GAEAI,EAAA,WAAAH,EAAAI,EAAAC,IAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,MAAA,SAAAC,OAAA,QAAA,CAAAC,SAAAP,EAAAC,IAAA,OAAAE,OAAAC,OAAA,CAAAI,MAAAd,EAAAe,KAAA,MAAAC,MAAAb,MAAAA,OAAA,EAAAA,EAAAF,IAAA,CAAAY,SAAAP,EAAAA,IAAAF,EAAA,UAAAE,EAAAC,IAAA,OAAAE,OAAAC,OAAA,CAAAI,MAAAd,EAAAe,KAAA,MAAAC,MAAAb,MAAAA,OAAA,EAAAA,EAAAF,IAAA,CAAAY,SAAAP,EAAAA,IAAAF,EAAA,OAiBA,OAAAE,MAAA,MAAAG,OAAAC,OAAA,CAAAI,MAAAG,EAAAA,WAAA,+CAnGF"}

package/amd/MessageSummary-71773382.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./classNames-14cea078"],function(s,a,e,n,i){"use strict";const r={base:"spriri",banner:"_1isatld",inline:"_1ony6qv",toast:"_1yvqisx"};s.MessageSummary=function({text:s,variant:e="banner"}){const n=i.classNames(["banner"===e&&"oj-c-messagebanner-summary",r.base,r[e]]);return a.jsx("div",Object.assign({role:"heading",class:n},{children:s}))}});
-//# sourceMappingURL=MessageSummary-71773382.js.map

package/amd/MessageSummary-71773382.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageSummary-71773382.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageSummaryStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    flex: '1',\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color)'\n  }}`,\n\n  inline: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n    fontWeight: '400',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n    lineHeight: 1.333\n  }}`,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color)'\n  }}`\n};\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  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":["messageSummaryStyles","text","variant","base","_jsx","Object","assign","role","class","classes","children"],"mappings":"uIAWA,MAAAA,EAAA,MAAA,gBAAA,kBAAA,8CA4CA,UAAAC,KAAAA,EAAAC,QAAAA,EAAA,4EAQIF,EAAAG,YAGF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,UAAAC,MAAAC,GAAA,CAAAC,SAAAT"}

package/amd/MessageTimestamp-2f08c777.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./MessageFormattingUtils-fbc95605","./classNames-14cea078"],function(s,a,e,n,t,i){"use strict";const c={banner:"_1muvx4q",inline:void 0,toast:void 0};s.MessageTimestamp=function({value:s,variant:e="banner"}){const n=i.classNames(["banner"===e&&"oj-c-messagebanner-timestamp",c[e]]),r=t.formatTimestamp(s);return a.jsx("div",Object.assign({class:n},{children:r}))}});
-//# sourceMappingURL=MessageTimestamp-2f08c777.js.map

package/amd/MessageTimestamp-2f08c777.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageTimestamp-2f08c777.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\nconst messageTimestampStyles = {\n  banner: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  inline: undefined,\n  toast: undefined\n};\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  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":["messageTimestampStyles","inline","undefined","toast","value","variant","formattedTimestamp","formatTimestamp","_jsx","Object","assign","class","classes","children"],"mappings":"6KAaA,MAAAA,EAAA,QAAA,WAMEC,YAAAC,EACAC,WAAAD,sBAqBF,UAAAE,MAAAA,EAAAC,QAAAA,EAAA,qFAYEC,EAAAC,kBAAAH,GACA,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAP"}

package/amd/MessageToast-0e3cd004.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"preact/hooks","./UNSAFE_Environment","./hooks/PRIVATE_useMessagesFocusManager","./hooks/UNSAFE_useBreakpointValues","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./PRIVATE_MessageLayer","./UNSAFE_Flex","./UNSAFE_FocusTrap","./UNSAFE_LiveRegion","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-14cea078","./MessageLayer-a16ace03","./FocusTrap-dea153a7","./Flex-95e67964","./MessagesManager-4b874934","./MessageUtils-9295af3b"],function(e,t,s,n,o,a,r,i,l,c,u,d,g,m,h,f,v,p,x,R,y){"use strict";m.stringLiteralArray(["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]);const b="_2me8or",j={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}}},E={opacity:0};e.MessageToast=function({data:e,detailRendererKey:s,iconRendererKey:c,renderers:u,onClose:d,offset:m,position:h}){var F,M,k,S;const T=n.useRef(new Map),A=n.useRef(null),_=n.useRef(null),N=n.useRef(null),[U,O]=n.useState(),[I,V]=n.useState(e.length>0),[L,P]=n.useState(!1),z=i.useTranslationBundle("@oracle/oraclejet-preact"),C=n.useRef(e.length),w=n.useRef(0);C.current=e.length,n.useImperativeHandle(N,()=>({focus:()=>{var t;return!!e.length&&(A.current=null!==(t=T.current.get(e[0].key))&&void 0!==t?t:null,P(!0),!0)},contains:t=>{var s,n;return!(!e.length||!t)&&(null!==(n=null===(s=_.current)||void 0===s?void 0:s.contains(t))&&void 0!==n&&n)}}),[e]);const{controller:B,handlers:D}=a.useMessageFocusManager(N,{onFocus:n.useCallback(()=>{O(z.message_navigationFromMessagesRegion())},[z]),onFocusLeave:n.useCallback(()=>{P(!1)},[])},{handleEscapeKey:!1}),W=n.useCallback((t,s,n)=>{var o;const a=null==n?void 0:n.contains(document.activeElement);if(0===C.current)return V(!1),P(!1),void(a&&setImmediate(()=>B.restorePriorFocus()));const r=s+1<e.length?s+1:s-1;if(r>-1&&a){const t=e[r].key;null===(o=T.current.get(t))||void 0===o||o.focus()}},[B,e]),K=n.useCallback(e=>t=>T.current.set(e,t),[]);n.useEffect(()=>{const t=w.current;if(w.current=e.length,e.length)return V(!0),e.length>t&&O(z.message_navigationToMessagesRegion()),void B.prioritize();O(t?z.messageToast_allMessagesClosed():"")},[B,e.length,z]);const H=r.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"}),$=r.useBreakpointValues({sm:{horizontal:"number"==typeof m?m:null!==(F=null==m?void 0:m.horizontal)&&void 0!==F?F:0,vertical:16+("number"==typeof m?m:null!==(M=null==m?void 0:m.horizontal)&&void 0!==M?M:0)},lg:{horizontal:"number"==typeof m?m:null!==(k=null==m?void 0:m.horizontal)&&void 0!==k?k:0,vertical:24+("number"==typeof m?m:null!==(S=null==m?void 0:m.horizontal)&&void 0!==S?S:0)}}),q=n.useMemo(()=>({close:z.close(),confirmation:z.confirmation(),error:z.error(),info:z.info(),warning:z.warn()}),[z]),G=f.classNames([b,"oj-c-colorscheme-dark","oj-color-invert"]);return I||0!==e.length?t.jsxs(o.EnvironmentProvider,Object.assign({environment:{colorScheme:"dark"}},{children:[t.jsx(v.MessageLayer,Object.assign({offset:$,position:h},{children:t.jsx("div",Object.assign({class:G,ref:_,tabIndex:-1},D,{children:t.jsx(p.FocusTrap,Object.assign({autoFocusRef:A,isDisabled:!L},{children:t.jsx(x.Flex,Object.assign({direction:"column",gap:"1x",align:"center",maxWidth:H},{children:t.jsx(R.MessagesManager,Object.assign({animationStates:j,initialAnimationStyles:E,data:e,onMessageWillRemove:W},{children:({index:e,item:n})=>t.jsx(l.Message,{messageRef:K(n.key),item:n,detailRenderer:y.getRendererWithoutIndex(n,s,u),iconRenderer:y.getRendererWithoutIndex(n,c,u),index:e,onClose:d,translations:q,variant:"toast"},n.key)}))}))}))}))})),t.jsx(g.LiveRegion,{children:U})]})):t.jsx(g.LiveRegion,{children:U})}});
-//# sourceMappingURL=MessageToast-0e3cd004.js.map

package/amd/MessageToast-0e3cd004.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageToast-0e3cd004.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 { cssProps } from '@oracle/oraclejet-cssprops';\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Size } from '../utils/UNSAFE_size';\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\nconst messageToastStyles = {\n  base: cssProps`${{\n    height: 'fit-content',\n    width: 'fit-content'\n  }}`\n} as const;\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?.horizontal ?? 0)\n    },\n    lg: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 24 + (typeof offset === 'number' ? offset : offset?.horizontal ?? 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  const rootClasses = classNames([\n    messageToastStyles.base,\n    // by default the toast messages are dark, so add the required classes\n    'oj-c-colorscheme-dark',\n    'oj-color-invert'\n  ]);\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  return (\n    <EnvironmentProvider environment={{ colorScheme: 'dark' }}>\n      <MessageLayer offset={paddedOffset} position={position}>\n        <div\n          class={rootClasses}\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","messageToastStyles","animationStates","entering","node","from","transform","offsetHeight","opacity","to","end","options","duration","exiting","initialAnimationStyles","data","detailRendererKey","iconRendererKey","renderers","onClose","offset","position","autoFocusRef","useRef","containerDivRef","focusHandleRef","shouldRender","setShouldRender","useState","length","translations","useTranslationBundle","prevDataLengthRef","dataLengthRef","current","useImperativeHandle","_a","messagesRef","get","key","contains","element","_b","onFocus","useCallback","setLiveRegionText","message_navigationFromMessagesRegion","onFocusLeave","handleEscapeKey","isClosedMessageFocused","closedMessageNode","document","activeElement","nextMessageIndexToFocus","index","controller","ref","set","previousDataLength","message_navigationToMessagesRegion","messageToast_allMessagesClosed","sm","md","lg","messageTranslations","useMemo","close","confirmation","error","info","warning","warn","_jsxs","EnvironmentProvider","Object","assign","environment","colorScheme","children","_jsx","jsx","MessageLayer","paddedOffset","class","rootClasses","tabIndex","handlers","FocusTrap","isDisabled","shouldTrapFocus","Flex","direction","gap","align","maxWidth","MessagesManager","onMessageWillRemove","handleNextFocus","item","Message","messageRef","setHTMLDivElement","detailRenderer","getRendererWithoutIndex","iconRenderer","variant","LiveRegion","liveRegionText"],"mappings":"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"}

package/amd/MessageUtils-9295af3b.js

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

package/amd/MessageUtils-9295af3b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageUtils-9295af3b.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>(\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","message","type","Logger","warn","throwError","Error","getRenderer","rendererIdentifier","renderers","rendererKey","key","renderer","data","dataCopy","Object","assign","call","severity","isValidValueForProp","async","sound","playAudioFromURL","error","playDefaultNotificationSound","variant"],"mappings":"0IAiBA,MAAMA,EAEE,CAACC,EAAiBC,EAAO,WAAaC,EAAMA,OAACC,KAAK,eAAeF,OAAUD,KA8CnF,SAASI,EAAWJ,EAAiBC,EAAO,UAC1C,MAAM,IAAII,MAAM,eAAeJ,QAAWD,KAW5C,SAASM,EACPN,EACAO,EACAC,EACAP,GAIA,IAAKM,IAAuBC,EAC1B,OAGF,MAAMC,EAC0B,mBAAvBF,EAAoCA,EAAmBP,GAAWO,EAI3E,OAAmB,MAAfE,GAMEA,KAAeD,GACnBJ,EACE,GAAGK,2DAAqET,EAAQU,MAChFT,GAKGO,EAAUC,SAdjB,4CA0BF,SACET,EACAO,EACAC,EACAP,GAEA,MAAMU,EAAWL,EAAYN,EAASO,EAAoBC,EAAWP,GACrE,MAAwB,mBAAbU,EACDC,IACN,MAAMC,EAAQC,OAAAC,OAAA,GAAQH,GAItB,MAHI,UAAWC,UACLA,EAAwB,MAE3BF,EAASK,KAAK,KAAMH,IAGxBF,0BAqBT,SACEM,GAGA,OADwBC,EAAAA,oBAAoBD,EAAU,aACf,SAAbA,eAlI5BE,eAAyBC,GACvB,GAAc,SAAVA,EAMJ,GAAc,YAAVA,EAYJ,UACQC,EAAAA,iBAAiBD,GACvB,MAAOE,GAEPvB,EAAmB,yCAAyCqB,MAAUE,WAftE,IACEC,EAAAA,+BACA,MAAOD,GAGPvB,EAAmB,qCAAqCuB,kCAsG9D,SAAiCL,EAA2BO,GAE1D,OADwBN,EAAAA,oBAAoBD,EAAU,aACf,SAAbA,EAAsB,eAAeO,KAAWP,IAAa"}

package/amd/MessagesManager-4b874934.js

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

package/amd/MessagesManager-4b874934.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessagesManager-4b874934.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","_a","animationStates","initialAnimationStyles","onEntering","onExiting","transitionProps","__rest","state","setState","useState","animationCallbackRef","useRef","busyStateResolveRef","controller","nodeRef","useAnimation","isAnimatedOnMount","onAnimationEnd","useCallback","current","call","undefined","_b","addBusyState","useMessagesContext","onEnteringCallback","node","callback","metadata","cancel","onExitingCallback","useLayoutEffect","_jsx","Object","assign","ref","style","children","jsx","Transition","data","onMessageWillRemove","handleExited","async","key","index","TransitionGroup","elementType","Fragment","map","item","onExited"],"mappings":"wPAcA,MAAMA,EAA2B,GAgB3B,SAAUC,EAAkBC,GAAA,IAAAC,gBAChCA,EAAkBH,EAAwBI,uBAC1CA,EAAsBC,WACtBA,EAAUC,UACVA,GAEMJ,EADHK,EAAeC,EAAAA,OAAAN,EALc,uEAOhC,MAAOO,EAAOC,GAAYC,EAAQA,SAAQ,YACpCC,EAAuBC,EAAAA,SACvBC,EAAsBD,EAAAA,UACtBE,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,aAAaR,EAAO,CAClDN,gBAAAA,EACAe,mBAAmB,EACnBC,eAAgBC,EAAWA,YAAiC,aAE9B,QAA5BlB,EAAAU,EAAqBS,eAAO,IAAAnB,GAAAA,EAAAoB,KAAAV,GAC5BA,EAAqBS,aAAUE,EACJ,QAA3BC,EAAAV,EAAoBO,eAAO,IAAAG,GAAAA,EAAAF,KAAAR,GAC3BA,EAAoBO,aAAUE,GAC7B,OAECE,aAAEA,GAAiBC,EAAAA,qBAEnBC,EAAqBP,EAAWA,YACpC,CAACQ,EAAMC,EAAUC,WAEXlB,EAAqBS,UACvBT,EAAqBS,aAAUE,EAC/BR,EAAWgB,UAIc,QAA3B7B,EAAAY,EAAoBO,eAAO,IAAAnB,GAAAA,EAAAoB,KAAAR,GAC3BA,EAAoBO,aAAUE,EAE9BlB,MAAAA,GAAAA,EAAauB,OAAML,EAAWO,GAE9BpB,EAAS,iBAIyBa,IAAhCpB,EAA0B,eACiBoB,IAA3CpB,EAAgB,wBAKlBS,EAAqBS,QAAUQ,EAC/Bf,EAAoBO,QAAUI,MAAAA,OAAY,EAAZA,EAAe,uBAJ3CI,MAAAA,GAAAA,KAMJ,CAAC1B,EAAiBY,EAAYU,EAAcpB,IAGxC2B,EAAoBZ,EAAWA,YACnC,CAACQ,EAAMC,EAAUC,WAEXlB,EAAqBS,UACvBT,EAAqBS,aAAUE,EAC/BR,EAAWgB,UAIc,QAA3B7B,EAAAY,EAAoBO,eAAO,IAAAnB,GAAAA,EAAAoB,KAAAR,GAC3BA,EAAoBO,aAAUE,EAE9BjB,MAAAA,GAAAA,EAAYsB,OAAML,EAAWO,GAE7BpB,EAAS,gBAIwBa,IAA/BpB,EAAyB,cACkBoB,IAA3CpB,EAAgB,wBAKlBS,EAAqBS,QAAUQ,EAC/Bf,EAAoBO,QAAUI,MAAAA,OAAY,EAAZA,EAAe,uBAJ3CI,MAAAA,GAAAA,KAMJ,CAAC1B,EAAiBY,EAAYU,EAAcnB,IAU9C,OAFA2B,kBAAgB,IAAM,WAAM,OAA+B,QAA/B/B,EAAAY,EAAoBO,eAAW,IAAAnB,OAAA,EAAAA,EAAAoB,KAAAR,IAAE,IAG3DoB,MAAK,MAAAC,OAAAC,OAAA,CAAAC,IAAKrB,EAASsB,MAAOlC,GAAsB,CAAAmC,SAC9CL,EAACM,IAAAC,8BACKlC,EAAe,CACnBF,WAAYsB,EACZrB,UAAW0B,0BC7DH,UAAsEU,KACpFA,EAAIvC,gBACJA,EAAeoC,SACfA,EAAQnC,uBACRA,EAAsBuC,oBACtBA,IAQA,MAAMC,EAAexB,EAAAA,YACnByB,MAAOjB,EAAgBE,KACrBA,IAAYa,MAAAA,GAAAA,EAAsBb,EAASgB,IAAKhB,EAASiB,MAAOnB,KAElE,CAACe,IAGH,OACET,MAACc,EAAAA,gBAAeb,OAAAC,OAAA,CAACa,YAAaC,EAAAA,UAC3B,CAAAX,SAAAG,EAAKS,IAAI,CAACC,EAAML,IACfb,EAACM,IAAAvC,iBACCE,gBAAiBA,EACjBC,uBAAwBA,EAExB0B,SAAU,CAAEiB,MAAAA,EAAOD,IAAKM,EAAKN,KAC7BO,SAAUT,GAAY,CAAAL,SACrBA,MAAAA,OAAA,EAAAA,EAAW,CAAEQ,MAAAA,EAAOK,KAAAA,MAHhBA,EAAKN"}

package/amd/MeterCircle-8a82db8e.js

@@ -1,2 +0,0 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","./hooks/UNSAFE_useUser",'module',"preact/hooks","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/PRIVATE_useDvtMeterEvents","./hooks/UNSAFE_useTabbableMode","./classNames-14cea078"],function(t,e,n,r,s,i,a,o,l,c,u,d,h){"use strict";function g({color:t,angle:e,radius:r,length:s,section:i="full"}){const a=c.getCenterCoord(i),o=`calc(${100*a.y}% - ((${Math.sin(2*e*Math.PI/360)} * ${r})))`,l=`calc(${100*a.x}%  + ((${Math.cos(2*e*Math.PI/360)} * ${r})))`;return n.jsx("div",{class:m.base,style:{left:l,top:o,width:`calc(${s})`,transform:`translate(0, -1px) rotate(${360-e}deg)`,backgroundColor:t||"var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)",borderBottom:"1px solid var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)"}})}const m={base:"_4vmqbh"};function f(t,e){if(!t)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=t.children[0],r=n.getBoundingClientRect();return Object.assign({width:Math.round(r.width),height:Math.round(r.height)},function(t,e,n){const r=t.clientWidth,s=t.clientHeight;if("bottom"===n||"top"===n)return{outerRadius:e.width/2,innerRadius:s};if("left"===n||"right"===n)return{outerRadius:e.height/2,innerRadius:r};return{innerRadius:r/2,outerRadius:e.width/2}}(n,r,e))}function p(t,e,n,r){return t*r/(n-e)}function x(t,e,n,r,s,i){return r+(i?1:-1)*p(t-e,e,n,s)}function b(t){return`var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-${t}-size)`}function R(t){return`var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-${t}-track-size)`}function v(t,e){return null!=e?`(${b(t)} * ${e/2})`:`(${b(t)} * 0.5 - ${R(t)})`}function _(t,e){return null!=e?`(${b(t)} * ${1-e} / 2)`:R(t)}function $(t,e){return`${_(t,e)} + ${{sm:"1rem",md:"0.75rem",lg:"0.5rem"}[t]}`}function C(t,e,n,r,s){const{min:i,max:a,startAngle:o,angleExtent:l,size:u,section:d,isRtl:h,innerRadius:g}=t,m=`calc(${_(u,s)})`,f=[],b=e.filter(t=>t.max>i&&t.max<=a).sort((t,e)=>t.max-e.max),R=b.length;for(let t=0;t<R;t++){const e=b[t],s=0===t?i:b[t-1].max,u=0===t?e.max:e.max-b[t-1].max;let v=x(s,i,a,o,l,h),_=p(u,i,a,l);const{startOffset:$,extentOffset:C}=P(g,l,0===t,e.max===a,h),z=c.getClipPath(v+$,_+C,h,d);if(f.push({clipPath:z,color:null==e?void 0:e.color,size:m,section:d}),t===R-1&&e.max<a&&n){v+=(h?1:-1)*_,_=p(a-e.max,i,a,l);const{startOffset:t,extentOffset:n}=P(g,l,!1,!0,h);f.push({clipPath:c.getClipPath(v+t,_+n,h,d),color:r,size:m,section:d})}}return f}function z(t,e,n,r,s,i){const{startAngle:a,angleExtent:o,size:l,section:u,isRtl:d}=t;return{section:u,color:e?"all"===n&&i?"var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)":r:"transparent",clipPath:c.getClipPath(a,o,d,u),size:`calc(${_(l,s)})`}}function E(t,e,n){const{value:r,min:s,max:i,startAngle:a,angleExtent:o,size:l,section:u,isRtl:d}=t,h=(r-s)*o/(i-s),g=Math.min(Math.max(0,e),1),m="left"===u||"right"===u,f="top"===u||"bottom"===u,p=`calc(${_(l,n)} * ${g})`,x=`${b(l)} - ((1 - ${g}) * ${_(l,n)})`,R=`(${x}) / 2`;return{section:u,width:m?`calc(${R})`:`calc(${x})`,height:f?`calc(${R})`:`calc(${x})`,size:p,clipPath:c.getClipPath(a,h,d,u)}}function P(t,e,n,r,s){if(!t)return{startOffset:0,extentOffset:0};const i=360/(2*Math.PI*t);let a=i/2*(s?1:-1),o=-1*i;return n&&e<360&&(a=0,o=-.5*i),r&&e<360&&(o=-.5*i),{startOffset:a,extentOffset:o}}const j={base:"_1gtmf4d",interactive:"gzxv1r"},O={full:"_1t2lzha",top:"_15im06r",bottom:"an5mqg",right:"_1up2lnv",left:"_4dd5wi",smtop:"gqcy0o",mdtop:"_1o2nthp",lgtop:"o8kp6z",smbottom:"_1xsdd0t",mdbottom:"_1hxd9od",lgbottom:"_1bvbh4h",smleft:"cth3bh",mdleft:"_1lypgi4",lgleft:"_13kqtuu",smright:"_9orba7",mdright:"gopv44",lgright:"gyd8g6",smfull:"_1azpg24",mdfull:"_18b9ldw",lgfull:"_8q30ai",lgHorizontal:"_105wnnx",lgVertical:"_1rwt8d7",smHorizontal:"_1okr9uu",smVertical:"_5ltykg",mdHorizontal:"oll1ig",mdVertical:"_1t43rfp",smFull:"zf173h",mdFull:"jwrv59",lgFull:"olz9vx",centerContent:"gypyfp",thresholds:"_1ht20f9"},M="_1purx0r",A={base:"cit7sf"},I={base:"m6mze7",sm:"_1w13xzz",md:"_6ugxte",lg:"_1asa0ag"},w={base:"_1adzvdy",full:"k5dhtw",top:"fb89qj",right:"_1vpxh8o",left:"_1imtxv8",bottom:"_1wfw6mj"};t.MeterCircle=function(t){var s,{max:o=100,min:m=0,value:p=0,step:b=1,size:R="lg",startAngle:_=90,angleExtent:P=360,isTrackRendered:T=!0,thresholdDisplay:y="all",indicatorSize:N=1}=t,k=e.__rest(t,["max","min","value","step","size","startAngle","angleExtent","isTrackRendered","thresholdDisplay","indicatorSize"]);c.validateRange(m,o,p,b);const{direction:q}=r.useUser(),S="rtl"===q,U=c.getCircleSection(_,P,S),V=i.useRef(f(null,U)),D=i.useRef(null),[F,B]=i.useState(!1);i.useEffect(()=>{(k.onCommit||k.onInput||k.children)&&(V.current=f(D.current,U),B(!0))},[R,k.onCommit,k.onInput,k.children]);const H=u.usePointerEvents(p,t=>{const e=D.current;if(t.target==e)return function(t,e,n,r,s,i,a,o,l){const u=s.current;if(!u)return;const d=c.getCenterCoord(o),{angle:h}=c.convertToPolar(u.width*d.x,u.height*d.y,t.offsetX,t.offsetY),g=c.getPositiveAngle(h);let m;if(l&&i+a>g&&(m=c.getPositiveAngle(h-i)/a*(n-e)),!l){const t=c.getPositiveAngle(i-g);t<=a&&(m=t*(n-e)/a)}return null!=m&&(m=Math.round(m/r)*r),m}(t,m,o,b,V,_,P,U,S)},D,k.onCommit,k.onInput),L=u.useKeyboardEvents(p,m,o,b,k.onCommit,k.onInput),{datatipContent:W,datatipProps:K}=u.useMeterDatatip(p,k.datatip,k.ariaDescribedBy),X=c.getMeterAriaProps(p,m,o,`${p}`,k.accessibleLabel,k.ariaLabelledBy,k.thresholds),Y=a.mergeProps(H,L,K,X),{trackColor:G,indicatorColor:J}=c.getTrackAndIndicatorColor(p,y,k.trackColor,k.indicatorColor,k.thresholds),Q="bottom"===U||"top"===U?"Horizontal":"left"===U||"right"===U?"Vertical":"Full",Z={min:m,max:o,value:p,startAngle:_,angleExtent:P,size:R,section:U,isRtl:S,innerRadius:V.current.innerRadius},tt=k.onCommit||k.onInput,{isTabbable:et}=d.useTabbableMode(),nt=function(t,e){const n=t.current;if(!n)return;const r=c.getCenterCoord(e),s=r.x*n.width,i=r.y*n.height;let a,o,l,u,d,h,g,m;return"top"===e||"bottom"===e||"full"===e?(g=2*n.innerRadius,m="full"===e?2*n.innerRadius:n.innerRadius,d=s-n.innerRadius,h="bottom"===e?0:i-n.innerRadius,l=Math.sqrt(2)*n.innerRadius,u="full"===e?l:n.innerRadius/Math.sqrt(2),a=s-n.innerRadius/Math.sqrt(2),o="bottom"===e?0:i-n.innerRadius/Math.sqrt(2)):(m=2*n.innerRadius,g=n.innerRadius,d="left"===e?s-n.innerRadius:0,h=i-n.innerRadius,u=Math.sqrt(2)*n.innerRadius,l=n.innerRadius/Math.sqrt(2),a="left"===e?s-n.innerRadius/Math.sqrt(2):0,o=i-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:d,y:h,width:g,height:m},innerBounds:{x:a,y:o,width:l,height:u}}}(V,U);return n.jsxs(n.Fragment,{children:[n.jsx("div",Object.assign({class:h.classNames([j.base,tt?j.interactive:""]),tabIndex:et?0:-1,role:"slider"},Y,{children:n.jsxs(l.CircleWrapper,Object.assign({ref:D,class:h.classNames([A.base,k.referenceLines&&k.referenceLines.length>0?O[`${R}${U}`]:"",O[`${R}${Q}`]])},{children:[n.jsx(l.CircleInner,Object.assign({class:h.classNames([I.base,O[U]])},z(Z,T,y,G,k.innerRadius,k.thresholds))),"all"===y&&k.thresholds&&C(Z,k.thresholds,T,G,k.innerRadius).map(t=>n.jsx(l.CircleInner,Object.assign({class:h.classNames([I.base,O[U],O.thresholds])},t))),n.jsx(l.CircleInner,Object.assign({color:J,class:h.classNames([w.base,w[U],O[U]])},E(Z,N,k.innerRadius))),null===(s=k.referenceLines)||void 0===s?void 0:s.map(t=>n.jsx(g,Object.assign({},function(t,e,n){const{min:r,max:s,startAngle:i,angleExtent:a,size:o,isRtl:l}=t;return{radius:v(o,n),length:$(o,n),angle:x(e.value,r,s,i,a,l),color:e.color}}(Z,t,k.innerRadius),{section:U}))),F&&k.children&&nt&&n.jsx("div",Object.assign({class:h.classNames([O.centerContent,M])},{children:k.children(nt)}))]}))})),W]})}});
-//# sourceMappingURL=MeterCircle-8a82db8e.js.map