@oracle/oraclejet-preact 15.0.2 → 15.0.4

package/amd/PRIVATE_Message.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageCloseButton-80b9e135', './classNames-c6cc4719', './MessageDetail-ed317948', './MessageFormattingUtils-1561035a', './MessageStartIcon-0eacd752', './MessageSummary-1a256c77', './MessageTimestamp-bb896a80', './MessageUtils-400d4d6a', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-0a2755ad', './MessagesManager-9c22a890', './Message.types-f79bf67b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './Common/themes/themeContract.css', './_curry1-5cea534a', './utils/UNSAFE_mergeInterpolations', './_curry3-f55dd1d6', './_curry2-c02a6898', './_has-de06828b', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-72d42d0f', './utils/UNSAFE_interpolations/flexbox', './flexbox-03b175aa', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4d8540e', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-8a163411', 'preact', './UNSAFE_BaseButton', './BaseButton-ff511180', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-fbfc14a7', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-78784b76', './UNSAFE_Text', './Text-4733b962', './UNSAFE_Text/themes/TextStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-851238a6', './index-0f1e12db', './hooks/UNSAFE_useUser', './index-7d808afa', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-36a9a58b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-f27746d9', './UNSAFE_Icon/themes/IconStyle.css', 'module', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-96bfcb78', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function(e,s,t,a,o,n,r,i,l,c,m,u,d,S,g,F,h,E,A,_,U,N,y,T,p,M,f,I,x,B,b,C,k,v,V,R,P,w,j,D,H,L,O,W,z,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,oe,ne,re,ie,le,ce,me,ue,de,Se,ge,Fe,he,Ee,Ae,_e,Ue,Ne,ye,Te,pe,Me,fe,Ie,xe,Be,be,Ce,ke,ve,Ve,Re,Pe,we,je,De,He,Le,Oe,We,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,as,os,ns,rs,is,ls,cs,ms,us){"use strict";function ds({item:e,renderer:t}){const a=l.classNames([r.messageStartIconStyles.base,r.messageStartIconStyles.toast,r.messageStartIconStyles.customToast]);return s.jsx("div",{class:a,role:"presentation",children:t(e)})}function Ss({children:e,variant:t="banner"}){const a=l.classNames([r.messageHeaderStyles.base,r.messageHeaderStyles[t]]);return s.jsx("div",{role:"presentation",class:a,children:e})}function gs(e){return m.isValidValueForProp(e,"severity")&&"none"!==e}const Fs=5e3;e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=m.formatTimestamp,e.isValidValueForProp=m.isValidValueForProp,e.MessageStartIcon=u.MessageStartIcon,e.MessageSummary=d.MessageSummary,e.MessageTimestamp=S.MessageTimestamp,e.getRenderer=g.getRenderer,e.getRendererWithoutIndex=g.getRendererWithoutIndex,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesManager=A.MessagesManager,e.severities=_.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,iconRenderer:n,index:A=-1,item:_,onClose:U,messageRef:N=(()=>{}),variant:y="pageBanner",translations:T}){const{closeAffordance:p="on",severity:M="error",sound:f,summary:I,timestamp:x}=_.data,{autoTimeout:B="off"}=_.data,b=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(y),C=t.useCallback((()=>{U?.(_)}),[_,U]),k=t.useCallback((e=>{"Escape"===e.key&&"on"===p&&U?.(_)}),[p,_,U]),v="toast"===b&&"off"!==B,V=t.useRef(),R="on"===B?Fs:"number"==typeof B?B:Fs,P=t.useCallback((()=>{V.current||(V.current=new o.Timer(C,R))}),[C,R]),w=t.useCallback((()=>{V.current&&(V.current.clear(),V.current=void 0)}),[]),j=t.useCallback((()=>{V.current?.pause()}),[]),D=t.useCallback((()=>{V.current?.resume()}),[]);t.useEffect((()=>(m.isValidValueForProp(f)&&g.playSound(f),v&&P(),()=>{w()})),[]);const{variantClasses:H}=F.useComponentTheme(h.MessageBannerRedwoodTheme,{severity:M}),L=l.classNames(["banner"===b&&H,r.messageStyles.base[b],"toast"!==y&&g.severityBasedStyleClass(M,b),"sectionBanner"===y&&r.messageStyles.section]),O=l.classNames([r.messageStyles.content.base,r.messageStyles.content[b]]);return s.jsx("div",{ref:N,class:L,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:k,onfocusin:j,onfocusout:D,children:s.jsxs("div",{class:O,children:[n?s.jsx(ds,{item:{..._,index:A},renderer:n}):gs(M)?s.jsx(u.MessageStartIcon,{severity:M,variant:b,translations:T}):null,s.jsxs(E.Flex,{direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x",children:[s.jsxs(Ss,{variant:b,children:[s.jsx(d.MessageSummary,{variant:b,text:I}),m.isValidValueForProp(x,"timestamp")&&"toast"!==y&&s.jsx(S.MessageTimestamp,{variant:b,value:x})]}),s.jsx(c.MessageDetail,{variant:b,item:{..._,index:A},renderer:a})]}),"on"===p&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:T?.close,variant:b,onAction:C})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageCloseButton-ffd4fd3c', './classNames-9bbd55a1', './MessageDetail-45a275de', './MessageFormattingUtils-ed3e4245', './MessageStartIcon-ee51f157', './MessageSummary-0c4e1ac7', './MessageTimestamp-94a2f6cb', './MessageUtils-45b46e1c', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-44a43d4b', './MessagesManager-6aa065fa', './Message.types-bcd2892a', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-660e6564', './Common/themes/themeContract.css', './_curry1-8d670ed2', './utils/UNSAFE_mergeInterpolations', './_curry3-ffc07984', './_curry2-8489a571', './_has-6763283b', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-6428669c', './utils/UNSAFE_interpolations/flexbox', './flexbox-2a8465ce', './utils/UNSAFE_interpolations/flexitem', './flexitem-4184e4ca', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-093c7ef9', 'preact', './UNSAFE_BaseButton', './BaseButton-d10cad22', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-5b4e191b', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-c5c8a33f', './UNSAFE_Text', './Text-0faeafbc', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-154a4307', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-bbae41d5', './index-83dffd44', './hooks/UNSAFE_useUser', './index-7d284134', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-d887a09a', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-dfcea3a4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-f317b422', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-985b1e09', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-82b3d679', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function(e,s,t,a,o,n,r,i,l,c,m,u,d,S,g,F,h,E,A,_,y,U,N,T,p,M,f,I,x,B,b,k,C,v,V,R,P,j,w,D,H,L,O,W,$,z,G,K,q,J,Q,X,Y,Z,ee,se,te,ae,oe,ne,re,ie,le,ce,me,ue,de,Se,ge,Fe,he,Ee,Ae,_e,ye,Ue,Ne,Te,pe,Me,fe,Ie,xe,Be,be,ke,Ce,ve,Ve,Re,Pe,je,we,De,He,Le,Oe,We,$e,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,es,ss,ts,as,os,ns,rs,is,ls,cs,ms,us){"use strict";function ds({item:e,renderer:t}){const a=l.classNames([r.messageStartIconStyles.base,r.messageStartIconStyles.toast,r.messageStartIconStyles.customToast]);return s.jsx("div",{class:a,role:"presentation","data-oj-message-custom-icon":"",children:t(e)})}function Ss({children:e,variant:t="banner"}){const a=l.classNames([r.messageHeaderStyles.base,r.messageHeaderStyles[t]]);return s.jsx("div",{role:"presentation",class:a,children:e})}function gs(e){return m.isValidValueForProp(e,"severity")&&"none"!==e}const Fs=5e3;e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=m.formatTimestamp,e.isValidValueForProp=m.isValidValueForProp,e.MessageStartIcon=u.MessageStartIcon,e.MessageSummary=d.MessageSummary,e.MessageTimestamp=S.MessageTimestamp,e.getRenderer=g.getRenderer,e.getRendererWithoutIndex=g.getRendererWithoutIndex,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesManager=A.MessagesManager,e.severities=_.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,iconRenderer:n,index:A=-1,item:_,onClose:y,messageRef:U=(()=>{}),variant:N="pageBanner",translations:T}){const{closeAffordance:p="on",severity:M="error",sound:f,summary:I,timestamp:x}=_.data,{autoTimeout:B="off"}=_.data,b=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(N),k=t.useCallback((()=>{y?.(_)}),[_,y]),C=t.useCallback((e=>{"Escape"===e.key&&"on"===p&&y?.(_)}),[p,_,y]),v="toast"===b&&"off"!==B,V=t.useRef(),R="on"===B?Fs:"number"==typeof B?B:Fs,P=t.useCallback((()=>{V.current||(V.current=new o.Timer(k,R))}),[k,R]),j=t.useCallback((()=>{V.current&&(V.current.clear(),V.current=void 0)}),[]),w=t.useCallback((()=>{V.current?.pause()}),[]),D=t.useCallback((()=>{V.current?.resume()}),[]);t.useEffect((()=>(m.isValidValueForProp(f)&&g.playSound(f),v&&P(),()=>{j()})),[]);const{variantClasses:H}=F.useComponentTheme(h.MessageBannerRedwoodTheme,{severity:M}),L=l.classNames(["banner"===b&&H,r.messageStyles.base[b],"toast"!==N&&g.severityBasedStyleClass(M,b),"sectionBanner"===N&&r.messageStyles.section]),O=l.classNames([r.messageStyles.content.base,r.messageStyles.content[b]]);return s.jsx("div",{ref:U,class:L,role:"alert","aria-atomic":"true","data-oj-key":`${typeof _.key}-${_.key}`,tabIndex:0,onKeyUp:C,onfocusin:w,onfocusout:D,children:s.jsxs("div",{class:O,children:[n?s.jsx(ds,{item:{..._,index:A},renderer:n}):gs(M)?s.jsx(u.MessageStartIcon,{severity:M,variant:b,translations:T}):null,s.jsxs(E.Flex,{direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x",children:[s.jsxs(Ss,{variant:b,children:[s.jsx(d.MessageSummary,{variant:b,text:I}),m.isValidValueForProp(x,"timestamp")&&"toast"!==N&&s.jsx(S.MessageTimestamp,{variant:b,value:x})]}),s.jsx(c.MessageDetail,{variant:b,item:{..._,index:A},renderer:a})]}),"on"===p&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:T?.close,variant:b,onAction:k})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_Message.js.map

package/amd/PRIVATE_Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageStartIconStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem } from './Message.types';\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast,\n    messageStartIconStyles.customToast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageHeaderStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\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 { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { messageStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageBannerVariantOptions } from '../UNSAFE_MessageBanner';\nimport { MessageBannerRedwoodTheme } from '../UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme';\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 Message component.\n */\nexport type MessageItem = {\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  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\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 timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\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  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\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 * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\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\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const { variantClasses } = useComponentTheme<MessageBannerVariantOptions>(\n    MessageBannerRedwoodTheme,\n    {\n      severity\n    }\n  );\n\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n  const rootClasses = cx([\n    baseVariant === 'banner' && variantClasses,\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["MessageCustomStartIcon","item","renderer","classes","classNames","messageStartIconStyles","base","toast","customToast","_jsx","class","role","children","MessageHeader","variant","rootClasses","messageHeaderStyles","jsx","isSeverityIconNeeded","severity","isValidValueForProp","DEFAULT_TIMEOUT","MIN_SECONDS","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","autoTimeout","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","key","shouldTimeout","currentTimerRef","useRef","timeoutDuration","startTimer","current","Timer","clearTimer","clear","undefined","pauseTimer","pause","resumeTimer","resume","useEffect","playSound","variantClasses","useComponentTheme","MessageBannerRedwoodTheme","cx","messageStyles","severityBasedStyleClass","section","contentClasses","content","ref","tabIndex","onKeyUp","onfocusin","onfocusout","_jsxs","MessageStartIcon","Flex","direction","flex","gap","jsxs","MessageSummary","text","MessageTimestamp","value","MessageDetail","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageStartIconStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem } from './Message.types';\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast,\n    messageStartIconStyles.customToast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\" data-oj-message-custom-icon=\"\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageHeaderStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\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 { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { messageStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageBannerVariantOptions } from '../UNSAFE_MessageBanner';\nimport { MessageBannerRedwoodTheme } from '../UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme';\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 Message component.\n */\nexport type MessageItem = {\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  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\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 timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\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  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\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 * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\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\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const { variantClasses } = useComponentTheme<MessageBannerVariantOptions>(\n    MessageBannerRedwoodTheme,\n    {\n      severity\n    }\n  );\n\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n  const rootClasses = cx([\n    baseVariant === 'banner' && variantClasses,\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      data-oj-key={`${typeof item.key}-${item.key}`}\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["MessageCustomStartIcon","item","renderer","classes","classNames","messageStartIconStyles","base","toast","customToast","_jsx","jsx","class","role","MessageHeader","children","variant","rootClasses","messageHeaderStyles","isSeverityIconNeeded","severity","isValidValueForProp","DEFAULT_TIMEOUT","MIN_SECONDS","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","autoTimeout","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","key","shouldTimeout","currentTimerRef","useRef","timeoutDuration","startTimer","current","Timer","clearTimer","clear","undefined","pauseTimer","pause","resumeTimer","resume","useEffect","playSound","variantClasses","useComponentTheme","MessageBannerRedwoodTheme","cx","messageStyles","severityBasedStyleClass","section","contentClasses","content","ref","tabIndex","onKeyUp","onfocusin","onfocusout","_jsxs","MessageStartIcon","Flex","direction","flex","gap","jsxs","MessageSummary","text","MessageTimestamp","value","MessageDetail","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"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"}

package/amd/PRIVATE_MessageLayer.js

@@ -1,2 +1,2 @@
-define(['exports', './index-63aaeea5', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Flex', './Flex-0a2755ad', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './Common/themes/themeContract.css', './_curry1-5cea534a', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-c6cc4719', './_curry3-f55dd1d6', './_curry2-c02a6898', './_has-de06828b', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-72d42d0f', './utils/UNSAFE_interpolations/flexbox', './flexbox-03b175aa', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4d8540e', './UNSAFE_WindowOverlay', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'module', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', 'preact/hooks', './index-7d808afa', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './UNSAFE_Layer', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme'], (function(e,s,o,a,t,i,r,l,n,d,m,c,_,y,S,F,N,U,h,u,A,E,w,p,v,x,O,W,f,C,b,g,k,T,L,M,j,B,I,z,P,R,V,q,D,G,H,J,K,Q){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './index-84f27a8e', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Flex', './Flex-44a43d4b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-660e6564', './Common/themes/themeContract.css', './_curry1-8d670ed2', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-9bbd55a1', './_curry3-ffc07984', './_curry2-8489a571', './_has-6763283b', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-6428669c', './utils/UNSAFE_interpolations/flexbox', './flexbox-2a8465ce', './utils/UNSAFE_interpolations/flexitem', './flexitem-4184e4ca', './UNSAFE_WindowOverlay', './vanilla-extract-dynamic.esm-d887a09a', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', 'preact/hooks', './index-7d284134', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-154a4307', './UNSAFE_Layer', './useThemeInterpolations-dfcea3a4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme'], (function(e,s,o,t,a,i,r,l,n,m,d,c,_,y,S,F,N,U,h,u,A,E,w,p,v,x,O,W,f,b,C,g,k,T,L,M,j,B,I,z,P,R,V,q,D,G,H,J,K,Q){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_MessageLayer.js.map

package/amd/PRIVATE_SelectCommon.css

@@ -1,16 +1,16 @@
-._1npz66g{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._1l4xmvu{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+.ih2jnq{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+._23ve3m{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+._1m9bdxx{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1m9bdxx:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._1ub7wur{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-._4c65sg{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;}
-._116esxq{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.ultw8n{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.ppzlql{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+._150tcfq{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
 
-._28qefd{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._1oedlze{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
 
-._1yarbfi{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-._1urnr2m{width:2.75rem;height:2.75rem;line-height:2.75rem;}
-._15ebk5n{width:2.25rem;height:2.25rem;line-height:2.25rem;}
-.myrj0b{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.myrj0b:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
-._18syyyc{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.m3s16k{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;}
+._142xy6r{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._171ns33{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.t7vrke{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
 
-.jusy6v{border-top-color:rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.1);border-top-style:solid;border-top-width:1px;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._17fjk9j{border-top-color:rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.1);border-top-style:solid;border-top-width:1px;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}

package/amd/PRIVATE_SelectCommon.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./PRIVATE_SelectCommon.css', './UNSAFE_HighlightText', './PRIVATE_List', './UNSAFE_Flex', './UNSAFE_Skeleton', './utils/UNSAFE_logger', './Flex-0a2755ad', './HighlightText-7a45ac49', './List-46e8c21b', './SkeletonContainer-03fc1284', './Skeleton-d603045f', './UNSAFE_Floating', './UNSAFE_Layer', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './utils/UNSAFE_arrayUtils', './Floating-851238a6', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/DropdownArrowIcon', './utils/UNSAFE_classNames', './classNames-c6cc4719', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useFormFieldContext', './UNSAFE_UserAssistance', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_WindowOverlay', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './UNSAFE_Divider', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './Divider-9dbc0f92', './utils/PRIVATE_clientHints', './clientHints-fbfc14a7', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useComponentTheme', './_curry1-5cea534a', './_curry2-c02a6898', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_curry3-f55dd1d6', './_has-de06828b', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4d8540e', './keys-72d42d0f', './PRIVATE_List/themes/ListStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'module', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-8bbff451', './PRIVATE_Collection', './Collection-1d11beed', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-8fd5cb99', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-33bb474d', './utils/PRIVATE_tabbableUtils', './_arity-d203ca27', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-7d808afa', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-f27746d9', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-36a9a58b', './hooks/UNSAFE_useThemeInterpolations', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './index-0f1e12db', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'module', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-03b175aa', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'module', './InlineHelpSource-971e057c', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-fb099f4f', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'module', './MessageCloseButton-80b9e135', './UNSAFE_IconButton', './IconButton-8a163411', './UNSAFE_BaseButton', './BaseButton-ff511180', './UNSAFE_ButtonLayout', './ButtonLayout-78784b76', './UNSAFE_Text', './Text-4733b962', './UNSAFE_Text/themes/TextStyles.css', 'module', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-ed317948', './MessageFormattingUtils-1561035a', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-96bfcb78', './Message.types-f79bf67b', './MessageStartIcon-0eacd752', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-1a256c77', './MessageTimestamp-bb896a80', './MessageUtils-400d4d6a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'module', './MessagesManager-9c22a890', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-035096e4', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-1ff8855c', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'module', './CompactHelpSource-d0796baf', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-c30de616', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'module', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'module', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'module', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', 'module', 'module'], (function(e,s,t,o,n,a,i,l,r,c,d,u,h,m,S,A,E,_,p,F,T,y,U,N,g,w,f,b,C,I,x,k,R,P,M,v,D,L,V,B,O,j,H,G,K,W,z,q,Y,$,J,Q,X,Z,ee,se,te,oe,ne,ae,ie,le,re,ce,de,ue,he,me,Se,Ae,Ee,_e,pe,Fe,Te,ye,Ue,Ne,ge,we,fe,be,Ce,Ie,xe,ke,Re,Pe,Me,ve,De,Le,Ve,Be,Oe,je,He,Ge,Ke,We,ze,qe,Ye,$e,Je,Qe,Xe,Ze,es,ss,ts,os,ns,as,is,ls,rs,cs,ds,us,hs,ms,Ss,As,Es,_s,ps,Fs,Ts,ys,Us,Ns,gs,ws,fs,bs,Cs,Is,xs,ks,Rs,Ps,Ms,vs,Ds,Ls,Vs,Bs,Os,js,Hs,Gs,Ks,Ws,zs,qs,Ys,$s,Js,Qs,Xs,Zs,et,st,tt,ot,nt,at,it,lt,rt,ct,dt,ut,ht,mt,St,At,Et,_t,pt,Ft,Tt,yt,Ut,Nt,gt,wt,ft,bt,Ct,It,xt,kt,Rt,Pt,Mt,vt,Dt,Lt,Vt,Bt,Ot,jt,Ht,Gt,Kt,Wt,zt,qt,Yt,$t,Jt,Qt,Xt,Zt,eo,so,to,oo,no,ao,io,lo,ro,co,uo,ho,mo,So,Ao,Eo,_o,po,Fo,To,yo,Uo){"use strict";function No(e,s){if("string"!=typeof s)return s(e);if(e.data?.hasOwnProperty(s)){const t=e.data[s];return String(t)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+s)}const go="_1npz66g",wo=()=>{};const fo=s.jsx(h.SkeletonContainer,{minimumCount:3,children:()=>s.jsx(c.Flex,{height:"12x",align:"center",children:s.jsx(m.Skeleton,{height:"4x"})})}),bo={TAB:"Tab",ENTER:"Enter",NUMPAD_ENTER:"NumpadEnter",ESC:"Escape",SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",SHIFT_LEFT:"ShiftLeft",SHIFT_RIGHT:"ShiftRight",CTRL_LEFT:"ControlLeft",CTRL_RIGHT:"ControlRight",ALT_LEFT:"AltLeft",ALT_RIGHT:"AltRight",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",HOME:"Home",END:"End",BACKSPACE:"Backspace",DELETE:"Delete"},Co=e=>{switch(e.code){case bo.SHIFT_LEFT:case bo.SHIFT_RIGHT:case bo.CTRL_LEFT:case bo.CTRL_RIGHT:case bo.ALT_LEFT:case bo.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},Io=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),xo=e=>Co(e)||Io(e),ko=e=>0===e.button&&!e.ctrlKey,Ro=e=>{e.currentTarget===e.target&&e.preventDefault()},Po=e=>e?.ownerDocument??document,Mo=({isDisabled:e=!1,ref:s,handler:o})=>{t.useEffect((()=>{const t=_.coerceArray(s);if(!o||e||t.length>0&&t.findIndex((e=>null===e.current))>-1)return;const n=e=>{((e,s)=>{const t=e.target;if(t&&!Po(t).contains(t))return!1;return s.every((e=>!e.current?.contains(t)))})(e,t)&&o?.(e)},a=t[0],i=Po(a.current);return i?(i.addEventListener("mousedown",n,!0),()=>{i.removeEventListener("mousedown",n,!0)}):void 0}),[e,o,s])},vo="bottom-start";const Do={base:"_1yarbfi",sizeMd:"_1urnr2m",sizeSm:"_15ebk5n",enabled:"myrj0b",disabled:"_18syyyc"},Lo=()=>{};const Vo={base:"_4c65sg",topGap:"_116esxq",bottomGap:"ultw8n",loading:"ppzlql"};const Bo="jusy6v";const Oo="_28qefd";function jo({children:e,id:t,isOpen:o}){return o?s.jsx(A.Layer,{children:s.jsx(b.WindowOverlay,{children:s.jsx("div",{id:t,class:C.mobileDropdownStyles.base,role:"dialog","aria-modal":"true",children:s.jsx(c.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:e})})})}):null}e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:n,data:a,itemRenderer:i,itemText:l,onCurrentKeyChange:r,onItemAction:h,onLoadRange:m=wo,onSelectionChange:S,searchText:A,selectedKeys:E,selectionMode:_}){const p=t.useCallback((e=>{const t={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:A,selectedKeys:E,onSelectionChange:({target:e,value:s})=>{S?.({target:e,value:{all:!1,keys:s}})}},o={data:e.data,key:e.metadata.key,metadata:e.metadata};return i?i(t):s.jsxs(c.Flex,{children:[e.selector&&e.selector(),s.jsx("div",{class:go,children:s.jsx(d.HighlightText,{matchText:A,children:No(o,l)})})]})}),[i,l,S,A,E]),F=t.useMemo((()=>({all:!1,keys:E??new Set})),[E]);return s.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentKey:n,data:a??null,loadingIndicator:fo,onCurrentKeyChange:r,onItemAction:h,onLoadRange:m,onSelectionChange:S,role:"listbox",selectedKeys:F,selectionMode:_,children:e=>p(e)})},e.Dropdown=function({anchorRef:e,children:o,dropdownRef:n,id:a,isOpen:i,onAutoDismiss:l,onPosition:r}){const[c,d]=t.useState(vo);t.useEffect((()=>{i||d(vo)}),[i,d]);const u=t.useCallback((e=>{d(e.placement),r?.(e)}),[r,d]),h=t.useCallback((e=>{l?.(e)}),[l]),m=t.useCallback((e=>{if(!e.defaultPrevented&&!xo(e))switch(e.code){case bo.ESC:case bo.TAB:h(e)}}),[h]);Mo({isDisabled:!i,ref:[e,n],handler:h});const S=i?{minWidth:`${e.current?.offsetWidth}px`}:{};return i?s.jsx(A.Layer,{logicalParentRef:e,children:s.jsx(p.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:n,placement:c,offsetValue:{mainAxis:4,crossAxis:0},onPosition:u,children:s.jsx("div",{class:E.dropdownStyles.base,id:a,style:S,onKeyDown:m,onMouseDown:Ro,children:o})})}):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:o,size:n="md"}){const a=t.useCallback((e=>{e.preventDefault()}),[]),{pressProps:i}=F.usePress(o??Lo,{isDisabled:e}),l=U.classNames([Do.base,"sm"===n?Do.sizeSm:Do.sizeMd,e?Do.disabled:Do.enabled]);return s.jsx("span",{"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:a,...i,children:s.jsx(T.DropdownArrowIcon,{})})},e.DropdownList=function({children:e,hasBottomGap:t=!0,isLoading:o=!1}){const n=U.classNames([Vo.base,Vo.topGap,t&&Vo.bottomGap,o&&Vo.loading]);return s.jsx(N.CollectionGestureContext.Provider,{value:"embedded",children:s.jsx("div",{class:n,onMouseDown:Ro,children:e})})},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(g.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Bo,onMouseDown:o,children:s.jsx(w.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=f.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:Oo,onMouseDown:Ro,children:e.select_noMatchesFound()})},e.KEYS=bo,e.MobileDropdown=jo,e.SelectMobileDropdown=function({children:e,footer:t,header:o,id:n,isOpen:a}){return s.jsxs(jo,{id:n,isOpen:a,children:[o,s.jsx(k.Divider,{}),s.jsx("div",{class:x.selectMobileDropdownStyles.content,children:e}),s.jsx(k.Divider,{}),t]})},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=Co,e.isControlOrFunctionKey=xo,e.isFunctionKey=Io,e.isMobile=function(){const e=P.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===P.getClientHints().deviceType},e.isSimpleClick=ko,e.isTablet=function(){return"tablet"===P.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=Ro,e.renderItemText=No,e.useSelectCommon=function({data:e,inputRef:s,isFocused:o,onFilter:n}){const a=t.useRef(null),i=t.useRef(null),[l,r]=t.useState(!1),[c,d]=t.useState(!1),[u,h]=t.useState({rowKey:void 0}),[m,S]=t.useState(),[A,E]=t.useState(!1),[_,p]=t.useState(),[F,T]=t.useState(),y=t.useCallback((e=>{!e.defaultPrevented&&ko(e)&&(l||r(!0),setTimeout((function(){s.current?.focus()}),0))}),[s,l]),U=t.useCallback((()=>{r(!l),s.current?.focus()}),[s,l]),N=t.useCallback((e=>{if(l)switch(r(!1),e?.type){case"keydown":if(e.code===bo.ESC)s.current?.focus();break;case"mousedown":i.current?.contains(document.activeElement)&&s.current?.focus()}}),[s,l]),g=t.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),w=t.useCallback((s=>{if(l){const s=i.current?.querySelector('[tabindex="0"]');s?.focus(),void 0!==e&&void 0===u.rowKey&&h({rowKey:e?.data?.[0]?.metadata?.key})}else r(!0);s.preventDefault()}),[u,e,l]),f=t.useCallback((e=>{if(!xo(e))switch(e.code){case bo.PAGE_UP:case bo.PAGE_DOWN:return void e.preventDefault();case bo.UP:case bo.DOWN:e.preventDefault();break;case bo.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}}),[l]),b=t.useCallback((e=>{if(!xo(e))switch(e.code){case bo.UP:case bo.DOWN:w(e)}}),[w]),C=t.useCallback((e=>{l||r(!0),E(!0),p(e.value);const s=e.value?.trim();T(s),n?.({searchText:s})}),[l,n]),I=t.useCallback((e=>{h({rowKey:e.value})}),[]),x=t.useCallback((()=>{E(!1),p(""),T("")}),[]);return t.useEffect((()=>{l||o||!A||x()}),[l,o,A,x]),t.useEffect((()=>{l&&!A&&n?.({searchText:void 0})}),[l,A,n]),t.useEffect((()=>{l||d(!1)}),[l]),{currentRow:u,dropdownRef:i,handleDropdownArrowClick:U,handleDropdownAutoDismiss:N,handleDropdownPosition:g,handleInput:C,handleMainFieldKeyDown:f,handleMainFieldKeyUp:b,handleUpDownArrowKeys:w,isDropdownAbove:c,isDropdownOpen:l,isFocused:o||l,isUserFiltering:A,mainFieldRef:a,onCurrentKeyChange:I,onMouseDown:y,searchText:F,selectedKeys:m,setCurrentRow:h,setDropdownOpen:r,setSelectedKeys:S,setUserInput:p,stopFiltering:x,userInput:_}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./PRIVATE_SelectCommon.css', './UNSAFE_HighlightText', './PRIVATE_List', './UNSAFE_Flex', './UNSAFE_Skeleton', './utils/UNSAFE_logger', './Flex-44a43d4b', './HighlightText-6fab2f26', './List-051b4a40', './SkeletonContainer-400040e7', './Skeleton-52622e90', './UNSAFE_Floating', './UNSAFE_Layer', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './utils/UNSAFE_arrayUtils', './Floating-bbae41d5', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/DropdownArrowIcon', './utils/UNSAFE_classNames', './classNames-9bbd55a1', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useFormFieldContext', './UNSAFE_UserAssistance', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_WindowOverlay', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './UNSAFE_Divider', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './Divider-7fa72dc8', './utils/PRIVATE_clientHints', './clientHints-5b4e191b', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useComponentTheme', './_curry1-8d670ed2', './_curry2-8489a571', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_curry3-ffc07984', './_has-6763283b', './utils/UNSAFE_interpolations/flexitem', './flexitem-4184e4ca', './keys-6428669c', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-154a4307', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-4dd19a85', './PRIVATE_Collection', './Collection-20e496d4', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-0ae2dae6', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-07a6d066', './utils/PRIVATE_tabbableUtils', './_arity-855961bb', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-7d284134', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-985b1e09', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-660e6564', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-f317b422', './hooks/UNSAFE_useThemeInterpolations', './useThemeInterpolations-dfcea3a4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './index-83dffd44', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-d887a09a', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-2a8465ce', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'css!./dropdownStyles.styles.css', './InlineHelpSource-d9bb8e86', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-0a124b03', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-ffd4fd3c', './UNSAFE_IconButton', './IconButton-093c7ef9', './UNSAFE_BaseButton', './BaseButton-d10cad22', './UNSAFE_ButtonLayout', './ButtonLayout-c5c8a33f', './UNSAFE_Text', './Text-0faeafbc', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-45a275de', './MessageFormattingUtils-ed3e4245', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-82b3d679', './Message.types-bcd2892a', './MessageStartIcon-ee51f157', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-0c4e1ac7', './MessageTimestamp-94a2f6cb', './MessageUtils-45b46e1c', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-6aa065fa', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-5a8bbd31', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-b3ccfd87', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './CompactHelpSource-dc9e03e8', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-446161c3', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', 'css!./mobileDropdownStyles.styles.css', 'css!./selectMobileDropdownStyles.styles.css'], (function(e,s,t,o,n,a,i,l,r,c,d,u,h,m,S,A,E,_,F,p,T,U,y,N,g,w,b,f,C,I,x,k,R,P,M,v,D,L,V,B,O,j,H,G,K,W,z,q,Y,$,J,Q,X,Z,ee,se,te,oe,ne,ae,ie,le,re,ce,de,ue,he,me,Se,Ae,Ee,_e,Fe,pe,Te,Ue,ye,Ne,ge,we,be,fe,Ce,Ie,xe,ke,Re,Pe,Me,ve,De,Le,Ve,Be,Oe,je,He,Ge,Ke,We,ze,qe,Ye,$e,Je,Qe,Xe,Ze,es,ss,ts,os,ns,as,is,ls,rs,cs,ds,us,hs,ms,Ss,As,Es,_s,Fs,ps,Ts,Us,ys,Ns,gs,ws,bs,fs,Cs,Is,xs,ks,Rs,Ps,Ms,vs,Ds,Ls,Vs,Bs,Os,js,Hs,Gs,Ks,Ws,zs,qs,Ys,$s,Js,Qs,Xs,Zs,et,st,tt,ot,nt,at,it,lt,rt,ct,dt,ut,ht,mt,St,At,Et,_t,Ft,pt,Tt,Ut,yt,Nt,gt,wt,bt,ft,Ct,It,xt,kt,Rt,Pt,Mt,vt,Dt,Lt,Vt,Bt,Ot,jt,Ht,Gt,Kt,Wt,zt,qt,Yt,$t,Jt,Qt,Xt,Zt,eo,so,to,oo,no,ao,io,lo,ro,co,uo,ho,mo,So,Ao,Eo,_o,Fo,po,To,Uo,yo){"use strict";function No(e,s){if("string"!=typeof s)return s(e);if(e.data?.hasOwnProperty(s)){const t=e.data[s];return String(t)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+s)}const go="_1oedlze",wo=()=>{};const bo=s.jsx(h.SkeletonContainer,{minimumCount:3,children:()=>s.jsx(c.Flex,{height:"12x",align:"center",children:s.jsx(m.Skeleton,{height:"4x"})})}),fo={TAB:"Tab",ENTER:"Enter",NUMPAD_ENTER:"NumpadEnter",ESC:"Escape",SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",SHIFT_LEFT:"ShiftLeft",SHIFT_RIGHT:"ShiftRight",CTRL_LEFT:"ControlLeft",CTRL_RIGHT:"ControlRight",ALT_LEFT:"AltLeft",ALT_RIGHT:"AltRight",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",HOME:"Home",END:"End",BACKSPACE:"Backspace",DELETE:"Delete"},Co=e=>{switch(e.code){case fo.SHIFT_LEFT:case fo.SHIFT_RIGHT:case fo.CTRL_LEFT:case fo.CTRL_RIGHT:case fo.ALT_LEFT:case fo.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},Io=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),xo=e=>Co(e)||Io(e),ko=e=>0===e.button&&!e.ctrlKey,Ro=e=>{e.currentTarget===e.target&&e.preventDefault()},Po=e=>e?.ownerDocument??document,Mo=({isDisabled:e=!1,ref:s,handler:o})=>{t.useEffect((()=>{const t=_.coerceArray(s);if(!o||e||t.length>0&&t.findIndex((e=>null===e.current))>-1)return;const n=e=>{((e,s)=>{const t=e.target;if(t&&!Po(t).contains(t))return!1;return s.every((e=>!e.current?.contains(t)))})(e,t)&&o?.(e)},a=t[0],i=Po(a.current);return i?(i.addEventListener("mousedown",n,!0),()=>{i.removeEventListener("mousedown",n,!0)}):void 0}),[e,o,s])},vo="bottom-start";const Do={base:"_1l4xmvu",sizeMd:"ih2jnq",sizeSm:"_23ve3m",enabled:"_1m9bdxx",disabled:"_1ub7wur"},Lo=()=>{};const Vo={base:"m3s16k",topGap:"_142xy6r",bottomGap:"_171ns33",loading:"t7vrke"};const Bo="_17fjk9j";const Oo="_150tcfq";function jo({children:e,id:t,isOpen:o}){return o?s.jsx(A.Layer,{children:s.jsx(f.WindowOverlay,{children:s.jsx("div",{id:t,class:C.mobileDropdownStyles.base,role:"dialog","aria-modal":"true",children:s.jsx(c.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:e})})})}):null}e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:n,data:a,itemRenderer:i,itemText:l,onCurrentKeyChange:r,onItemAction:h,onLoadRange:m=wo,onSelectionChange:S,searchText:A,selectedKeys:E,selectionMode:_}){const F=t.useCallback((e=>{const t={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:A,selectedKeys:E,onSelectionChange:({target:e,value:s})=>{S?.({target:e,value:{all:!1,keys:s}})}},o={data:e.data,key:e.metadata.key,metadata:e.metadata};return i?i(t):s.jsxs(c.Flex,{children:[e.selector&&e.selector(),s.jsx("div",{class:go,children:s.jsx(d.HighlightText,{matchText:A,children:No(o,l)})})]})}),[i,l,S,A,E]),p=t.useMemo((()=>({all:!1,keys:E??new Set})),[E]);return s.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentKey:n,data:a??null,loadingIndicator:bo,onCurrentKeyChange:r,onItemAction:h,onLoadRange:m,onSelectionChange:S,role:"listbox",selectedKeys:p,selectionMode:_,children:e=>F(e)})},e.Dropdown=function({anchorRef:e,children:o,dropdownRef:n,id:a,isOpen:i,onAutoDismiss:l,onPosition:r}){const[c,d]=t.useState(vo);t.useEffect((()=>{i||d(vo)}),[i,d]);const u=t.useCallback((e=>{d(e.placement),r?.(e)}),[r,d]),h=t.useCallback((e=>{l?.(e)}),[l]),m=t.useCallback((e=>{if(!e.defaultPrevented&&!xo(e))switch(e.code){case fo.ESC:case fo.TAB:h(e)}}),[h]);Mo({isDisabled:!i,ref:[e,n],handler:h});const S=i?{minWidth:`${e.current?.offsetWidth}px`}:{};return i?s.jsx(A.Layer,{logicalParentRef:e,children:s.jsx(F.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:n,placement:c,offsetValue:{mainAxis:4,crossAxis:0},onPosition:u,children:s.jsx("div",{class:E.dropdownStyles.base,id:a,style:S,onKeyDown:m,onMouseDown:Ro,children:o})})}):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:o,size:n="md"}){const a=t.useCallback((e=>{e.preventDefault()}),[]),{pressProps:i}=p.usePress(o??Lo,{isDisabled:e}),l=y.classNames([Do.base,"sm"===n?Do.sizeSm:Do.sizeMd,e?Do.disabled:Do.enabled]);return s.jsx("span",{"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:a,...i,children:s.jsx(T.DropdownArrowIcon,{})})},e.DropdownList=function({children:e,hasBottomGap:t=!0,isLoading:o=!1}){const n=y.classNames([Vo.base,Vo.topGap,t&&Vo.bottomGap,o&&Vo.loading]);return s.jsx(N.CollectionGestureContext.Provider,{value:"embedded",children:s.jsx("div",{class:n,onMouseDown:Ro,children:e})})},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(g.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Bo,onMouseDown:o,children:s.jsx(w.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=b.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:Oo,onMouseDown:Ro,children:e.select_noMatchesFound()})},e.KEYS=fo,e.MobileDropdown=jo,e.SelectMobileDropdown=function({children:e,footer:t,header:o,id:n,isOpen:a}){return s.jsxs(jo,{id:n,isOpen:a,children:[o,s.jsx(k.Divider,{}),s.jsx("div",{class:x.selectMobileDropdownStyles.content,children:e}),s.jsx(k.Divider,{}),t]})},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=Co,e.isControlOrFunctionKey=xo,e.isFunctionKey=Io,e.isMobile=function(){const e=P.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===P.getClientHints().deviceType},e.isSimpleClick=ko,e.isTablet=function(){return"tablet"===P.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=Ro,e.renderItemText=No,e.useSelectCommon=function({data:e,inputRef:s,isFocused:o,onFilter:n}){const a=t.useRef(null),i=t.useRef(null),[l,r]=t.useState(!1),[c,d]=t.useState(!1),[u,h]=t.useState({rowKey:void 0}),[m,S]=t.useState(),[A,E]=t.useState(!1),[_,F]=t.useState(),[p,T]=t.useState(),U=t.useCallback((e=>{!e.defaultPrevented&&ko(e)&&(l||r(!0),setTimeout((function(){s.current?.focus()}),0))}),[s,l]),y=t.useCallback((()=>{r(!l),s.current?.focus()}),[s,l]),N=t.useCallback((e=>{if(l)switch(r(!1),e?.type){case"keydown":if(e.code===fo.ESC)s.current?.focus();break;case"mousedown":i.current?.contains(document.activeElement)&&s.current?.focus()}}),[s,l]),g=t.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),w=t.useCallback((s=>{if(l){const s=i.current?.querySelector('[tabindex="0"]');s?.focus(),void 0!==e&&void 0===u.rowKey&&h({rowKey:e?.data?.[0]?.metadata?.key})}else r(!0);s.preventDefault()}),[u,e,l]),b=t.useCallback((e=>{if(!xo(e))switch(e.code){case fo.PAGE_UP:case fo.PAGE_DOWN:return void e.preventDefault();case fo.UP:case fo.DOWN:e.preventDefault();break;case fo.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}}),[l]),f=t.useCallback((e=>{if(!xo(e))switch(e.code){case fo.UP:case fo.DOWN:w(e)}}),[w]),C=t.useCallback((e=>{l||r(!0),E(!0),F(e.value);const s=e.value?.trim();T(s),n?.({searchText:s})}),[l,n]),I=t.useCallback((e=>{h({rowKey:e.value})}),[]),x=t.useCallback((()=>{E(!1),F(""),T("")}),[]);return t.useEffect((()=>{l||o||!A||x()}),[l,o,A,x]),t.useEffect((()=>{l&&!A&&n?.({searchText:void 0})}),[l,A,n]),t.useEffect((()=>{l||d(!1)}),[l]),{currentRow:u,dropdownRef:i,handleDropdownArrowClick:y,handleDropdownAutoDismiss:N,handleDropdownPosition:g,handleInput:C,handleMainFieldKeyDown:b,handleMainFieldKeyUp:f,handleUpDownArrowKeys:w,isDropdownAbove:c,isDropdownOpen:l,isFocused:o||l,isUserFiltering:A,mainFieldRef:a,onCurrentKeyChange:I,onMouseDown:U,searchText:p,selectedKeys:m,setCurrentRow:h,setDropdownOpen:r,setSelectedKeys:S,setUserInput:F,stopFiltering:x,userInput:_}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_SelectCommon.js.map

package/amd/PRIVATE_SelectCommon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_SelectCommon.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/useOutsideMousedown.ts","../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx","../../src/PRIVATE_SelectCommon/selectUtils.ts","../../src/PRIVATE_SelectCommon/useSelectCommon.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Logger } from '../utils/UNSAFE_logger';\nimport { ItemTextFunctionType, ItemTextType } from '../utils/UNSAFE_selectUtils';\n\nexport function renderItemText<K, D>(item: Item<K, D>, itemText: ItemTextType<K, D>) {\n  // if item-text is a string and the data has the specified field, return it;\n  // otherwise log an error\n  if (typeof itemText === 'string') {\n    if ((item.data as any)?.hasOwnProperty(itemText)) {\n      const retData = item.data[itemText];\n      return String(retData);\n    }\n    Logger.error('SelectMultiple: itemText specifies field that does not exist: ' + itemText);\n    // return undefined if the field doesn't exist\n    return undefined;\n  }\n  // if item-text is a function, call it to create a display label\n  return (itemText as ItemTextFunctionType<K, D>)(item);\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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  CurrentKeyDetail,\n  DataState,\n  ItemActionDetail,\n  ListItemContext,\n  Metadata,\n  SelectionDetail\n} from '../UNSAFE_Collection';\nimport { HighlightText } from '../UNSAFE_HighlightText';\nimport { List, SkeletonContainer } from '../PRIVATE_List';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Keys } from '../utils/UNSAFE_keys';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { renderItemText } from './itemTextUtils';\n\nconst itemStyles = cssProps`${{\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n}}`;\n\ntype PickedPropsFromList = Pick<\n  ComponentProps<typeof List>,\n  'aria-label' | 'currentItemVariant' | 'selectionMode'\n>;\n\n// pick the props from the ListItemContext instead of extending it directly so that we\n// don't automatically expose any new props that may be added to it\ntype PickedPropsFromListItemContext<K, D> = Pick<\n  ListItemContext<K, D>,\n  'data' | 'index' | 'selector'\n>;\ntype ItemRendererSelectionDetail<K> = {\n  value: Set<K>;\n  target: EventTarget | null;\n};\ntype ItemRendererMetadata<K> = Pick<Metadata<K>, 'key' | 'suggestion'>;\ntype ItemRendererProps<K, D> = PickedPropsFromListItemContext<K, D> & {\n  metadata: ItemRendererMetadata<K>;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onSelectionChange?: (detail: ItemRendererSelectionDetail<K>) => void;\n};\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\n  itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n  itemText: ItemTextType<K, D>;\n  // props from List that we constrain or unconstrain\n  currentKey?: K;\n  data?: DataState<K, D> | null;\n  onCurrentKeyChange?: (detail: CurrentKeyDetail<K>) => void;\n  onItemAction?: (detail: ItemActionDetail<K, D>) => void;\n  onLoadRange?: ComponentProps<typeof List>['onLoadRange'];\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n};\n\nconst noOp = () => {};\n\nexport function DefaultList<K extends string | number, D extends Record<string, any>>({\n  'aria-label': ariaLabel,\n  currentItemVariant,\n  currentKey,\n  data,\n  itemRenderer,\n  itemText,\n  onCurrentKeyChange,\n  onItemAction,\n  onLoadRange = noOp,\n  onSelectionChange,\n  searchText,\n  selectedKeys,\n  selectionMode\n}: Props<K, D>) {\n  const listItemRenderer = useCallback(\n    (listItemContext: ListItemContext<K, D>) => {\n      // specify the listItemContext props that we want to expose individually instead of\n      // spreading the whole object so that we don't automatically include any new props that\n      // may be added to it\n      const itemRendererProps: ItemRendererProps<K, D> = {\n        data: listItemContext.data,\n        index: listItemContext.index,\n        metadata: listItemContext.metadata,\n        selector: listItemContext.selector,\n        searchText,\n        selectedKeys,\n        onSelectionChange: ({ target, value }) => {\n          onSelectionChange?.({\n            target,\n            value: { all: false, keys: value }\n          });\n        }\n      };\n      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      return itemRenderer ? (\n        itemRenderer(itemRendererProps)\n      ) : (\n        <Flex>\n          {listItemContext.selector && listItemContext.selector()}\n          <div class={itemStyles}>\n            <HighlightText matchText={searchText}>\n              {renderItemText(itemContext, itemText) as string}\n            </HighlightText>\n          </div>\n        </Flex>\n      );\n    },\n    [itemRenderer, itemText, onSelectionChange, searchText, selectedKeys]\n  );\n\n  const keys = useMemo(() => {\n    return { all: false, keys: selectedKeys ?? new Set<K>() };\n  }, [selectedKeys]) as Keys<K>;\n\n  return (\n    <List<K, D>\n      aria-label={ariaLabel}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentKey={currentKey}\n      data={data ?? null}\n      loadingIndicator={loadingIndicator}\n      onCurrentKeyChange={onCurrentKeyChange}\n      onItemAction={onItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={onSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n\n/**\n * Custom 3 Skeleton loader for select multiple\n * TODO: to remove this once https://jira.oraclecorp.com/jira/browse/JET-51527 is solved\n */\nconst loadingIndicator = (\n  <SkeletonContainer minimumCount={3}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","export const KEYS = {\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  NUMPAD_ENTER: 'NumpadEnter',\n  ESC: 'Escape',\n  SPACE: 'Space',\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  SHIFT_LEFT: 'ShiftLeft',\n  SHIFT_RIGHT: 'ShiftRight',\n  CTRL_LEFT: 'ControlLeft',\n  CTRL_RIGHT: 'ControlRight',\n  ALT_LEFT: 'AltLeft',\n  ALT_RIGHT: 'AltRight',\n  PAGE_UP: 'PageUp',\n  PAGE_DOWN: 'PageDown',\n  HOME: 'Home',\n  END: 'End',\n  BACKSPACE: 'Backspace',\n  DELETE: 'Delete'\n};\n\nexport const isControlKey = (event: KeyboardEvent) => {\n  switch (event.code) {\n    case KEYS.SHIFT_LEFT:\n    case KEYS.SHIFT_RIGHT:\n    case KEYS.CTRL_LEFT:\n    case KEYS.CTRL_RIGHT:\n    case KEYS.ALT_LEFT:\n    case KEYS.ALT_RIGHT:\n      return true;\n    default:\n      return event.metaKey || event.ctrlKey;\n  }\n};\n\nexport const isFunctionKey = (event: KeyboardEvent) => {\n  return /\\bF([1-9]|1[0-2])\\b/i.test(event.code);\n};\n\nexport const isControlOrFunctionKey = (event: KeyboardEvent) => {\n  return isControlKey(event) || isFunctionKey(event);\n};\n\nexport const isSimpleClick = (event: MouseEvent) => {\n  return event.button === 0 && !event.ctrlKey;\n};\n\nexport const preventDefault = (event: Event) => {\n  event.preventDefault();\n};\n\nexport const preventDefaultForCurrentTarget = (event: MouseEvent) => {\n  if (event.currentTarget === event.target) {\n    event.preventDefault();\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 */\n\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../utils/UNSAFE_arrayUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every((elRef) => !elRef.current?.contains(target));\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useEffect, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS, isControlOrFunctionKey, preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from './useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n\n  useEffect(() => {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }, [isOpen, setPlacement]);\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\n  const offsetValue = { mainAxis: 4, crossAxis: 0 };\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={{\n          isMaxHeightAdjusted: true,\n          maxHeightCeiling: 400\n        }}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={offsetValue}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { DropdownArrowIcon } from '../PRIVATE_ThemedIcons/DropdownArrowIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isDisabled?: boolean;\n  onClick?: () => void;\n  size?: 'md' | 'sm';\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var (--oj-button-borderless-chrome-text-color-disabled) once it is available\nconst ojButtonBorderlessChromeTextColorDisabled =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst rootStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    fontSize: ojButtonIconSize\n  }}`,\n\n  sizeMd: cssProps`${{\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight\n  }}`,\n\n  sizeSm: cssProps`${{\n    width: ojButtonSmHeight,\n    height: ojButtonSmHeight,\n    lineHeight: ojButtonSmHeight\n  }}`,\n\n  enabled: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`,\n\n  disabled: cssProps`${{\n    color: ojButtonBorderlessChromeTextColorDisabled\n  }}`\n};\n\nconst noop = () => {};\n\nexport function DropdownArrow({ isDisabled = false, onClick, size = 'md' }: Props) {\n  const preventDefault = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop, { isDisabled });\n\n  const styleClasses = classNames([\n    rootStyles.base,\n    size === 'sm' ? rootStyles.sizeSm : rootStyles.sizeMd,\n    isDisabled ? rootStyles.disabled : rootStyles.enabled\n  ]);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={styleClasses}\n      tabIndex={-1}\n      onMouseDown={preventDefault}\n      {...pressProps}>\n      <DropdownArrowIcon />\n    </span>\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { CollectionGestureContext } from '../hooks/PRIVATE_useCollectionGestureContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\n\nconst rootStyles = {\n  base: cssProps`${{\n    paddingLeft: '0',\n    paddingRight: '0',\n    margin: '1px 0 2px 0',\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'auto',\n    // '-webkit-tap-highlight-color': 'transparent',\n    boxSizing: 'border-box',\n\n    display: 'flex',\n    flexDirection: 'column'\n  }}`,\n\n  // TODO: These should really be applied directly to the child ListView so that the content\n  // displays under the padding when scrolled, but we can't apply styles to the child collection.\n  // TODO: Also need to figure out how to determine whether the collection is a ListView (in\n  // the collectionRenderer case) in order to apply this styling.\n  topGap: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  bottomGap: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n\n  loading: cssProps`${{\n    minHeight: 'calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  hasBottomGap?: boolean;\n  isLoading?: boolean;\n};\n\nexport function DropdownList({ children, hasBottomGap = true, isLoading = false }: Props) {\n  const styleClasses = classNames([\n    rootStyles.base,\n    rootStyles.topGap,\n    hasBottomGap && rootStyles.bottomGap,\n    isLoading && rootStyles.loading\n  ]);\n  return (\n    <CollectionGestureContext.Provider value={'embedded'}>\n      <div class={styleClasses} onMouseDown={preventDefaultForCurrentTarget}>\n        {children}\n      </div>\n    </CollectionGestureContext.Provider>\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nconst rootStyles = cssProps`${{\n  borderTopColor: 'rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.1)',\n  borderTopStyle: 'solid',\n  borderTopWidth: '1px',\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n}}`;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={rootStyles} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\n\nconst rootStyles = cssProps`${{\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n}}`;\n\nexport function EmptyResults() {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // TODO: figure out whether we need a separate resource string for this message;\n  // (JET-53984 - Preact Select* components: empty results message)\n\n  // call preventDefault for mousedown on this div so that focus does not transfer from\n  // the input\n  return (\n    <div class={rootStyles} onMouseDown={preventDefaultForCurrentTarget}>\n      {translations.select_noMatchesFound()}\n    </div>\n  );\n}\n","import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div id={id} class={mobileDropdownStyles.base} role=\"dialog\" aria-modal=\"true\">\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Divider } from '../UNSAFE_Divider';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n};\n\nexport function SelectMobileDropdown({ children, footer, header, id, isOpen }: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen}>\n      {header}\n      <Divider />\n      {/* TODO: Add overflow support to View and use it here */}\n      {/* https://jira.oraclecorp.com/jira/browse/JET-58299 */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Divider />\n      {footer}\n    </MobileDropdown>\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 */\n\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { DataState } from '../UNSAFE_Collection';\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nexport function isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\n/**\n * Helper function to determine whether the current device is a phone\n * @returns true if running on a phone, false otherwise\n */\nexport function isPhone() {\n  return getClientHints().deviceType === 'phone';\n}\n\n/**\n * Helper function to determine whether the current device is a tablet\n * @returns true if running on a tablet, false otherwise\n */\nexport function isTablet() {\n  return getClientHints().deviceType === 'tablet';\n}\n\nexport function isBeforeDataFetch<K, D>(data: DataState<K, D>) {\n  return data.sizePrecision === 'atLeast' && data.totalSize === 0;\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 */\n\nimport { Ref, useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { CurrentKeyDetail, DataState } from '../UNSAFE_Collection';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { isControlOrFunctionKey, isSimpleClick, KEYS } from './eventUtils';\n\ntype UseSelectCommonProps<K, D> = {\n  data?: DataState<K, D> | null;\n  inputRef: Ref<HTMLElement>;\n  isFocused?: boolean;\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n};\n\n/**\n * Hook that manages state and behavior for a Select* component.  This hook creates state\n * variables and event listeners, returning properties to apply to components internally\n * rendered by a Select* component, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isFocused Specifies whether the component has focus.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n *\n * @returns Component state and event listeners.\n */\nexport function useSelectCommon<K, D>({\n  data,\n  inputRef,\n  isFocused,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const mainFieldRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [isDropdownOpen, setDropdownOpen] = useState(false);\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [currentRow, setCurrentRow] = useState<{ rowKey?: K }>({\n    rowKey: undefined\n  });\n  const [selectedKeys, setSelectedKeys] = useState<Set<K>>();\n  const [isUserFiltering, setUserFiltering] = useState(false);\n  const [userInput, setUserInput] = useState<string>();\n  const [searchText, setSearchText] = useState<string>();\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent) => {\n      // const target = event.target as HTMLElement;\n      if (event.defaultPrevented || !isSimpleClick(event)) {\n        return;\n      }\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      // this is needed to focus the input when clicking on the inside label when there is no\n      // value;  otherwise the component looks focused but doesn't actually have physical focus\n      setTimeout(function () {\n        inputRef.current?.focus();\n      }, 0);\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownArrowClick = useCallback(() => {\n    setDropdownOpen(!isDropdownOpen);\n\n    // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes\n    inputRef.current?.focus();\n  }, [inputRef, isDropdownOpen]);\n\n  const handleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        setDropdownOpen(false);\n\n        switch (event?.type) {\n          case 'keydown':\n            const keyboardEvent = event as KeyboardEvent;\n            switch (keyboardEvent.code) {\n              case KEYS.ESC:\n                // focus the input when the user cancels out of the dropdown\n                inputRef.current?.focus();\n                break;\n              default:\n                break;\n            }\n            break;\n          case 'mousedown':\n            // if focus is in the dropdown, focus the input before the dropdown is hidden so that\n            // focus will transfer correctly when the target is not focusable;\n            // otherwise the text cursor appears in the input again\n            if (dropdownRef.current?.contains(document.activeElement)) {\n              inputRef.current?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownPosition = useCallback((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n\n  const handleUpDownArrowKeys = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      } else {\n        // transfer physical focus into the dropdown\n        const firstFocusableElem = dropdownRef.current?.querySelector('[tabindex=\"0\"]');\n        (firstFocusableElem as HTMLElement)?.focus();\n\n        // if there is no current item set, make the first item current\n        if (data !== undefined && currentRow.rowKey === undefined) {\n          setCurrentRow({ rowKey: data?.data?.[0]?.metadata?.key });\n        }\n      }\n\n      // prevent the page from scrolling\n      event.preventDefault();\n    },\n    [currentRow, data, isDropdownOpen]\n  );\n\n  const handleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // const target = event.target as HTMLElement;\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.PAGE_UP:\n        case KEYS.PAGE_DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n\n          return;\n\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n          break;\n\n        case KEYS.ESC:\n          if (isDropdownOpen) {\n            setDropdownOpen(false);\n\n            event.preventDefault();\n\n            // JET-53183 - core pack compat: stop propagation of handled events\n            // we don't want a parent collection component to stop editing the row when we close\n            // the dropdown\n            event.stopPropagation();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleMainFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          handleUpDownArrowKeys(event);\n          break;\n\n        default:\n          break;\n      }\n    },\n    [handleUpDownArrowKeys]\n  );\n\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      setUserFiltering(true);\n      setUserInput(detail.value);\n      const str = detail.value?.trim();\n      setSearchText(str);\n      onFilter?.({ searchText: str });\n    },\n    [isDropdownOpen, onFilter]\n  );\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K>) => {\n    setCurrentRow({ rowKey: detail.value });\n  }, []);\n\n  const stopFiltering = useCallback(() => {\n    setUserFiltering(false);\n    setUserInput('');\n    setSearchText('');\n  }, []);\n\n  // the user is not actively filtering if the dropdown is closed and the component doesn't\n  // have focus\n  useEffect(() => {\n    if (!isDropdownOpen && !isFocused && isUserFiltering) {\n      stopFiltering();\n    }\n  }, [isDropdownOpen, isFocused, isUserFiltering, stopFiltering]);\n\n  // need to call onFilter with undefined searchText when the dropdown opens and the\n  // user is NOT filtering\n  useEffect(() => {\n    if (isDropdownOpen && !isUserFiltering) {\n      onFilter?.({ searchText: undefined });\n    }\n  }, [isDropdownOpen, isUserFiltering, onFilter]);\n\n  // when the dropdown closes, reset the isDropdownAbove flag\n  useEffect(() => {\n    if (!isDropdownOpen) {\n      setDropdownAbove(false);\n    }\n  }, [isDropdownOpen]);\n\n  return {\n    currentRow,\n    dropdownRef,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss,\n    handleDropdownPosition,\n    handleInput,\n    handleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    handleUpDownArrowKeys,\n    isDropdownAbove,\n    isDropdownOpen,\n    // the field should remain to look focused while the dropdown is open,\n    // in case physical focus is in the dropdown\n    isFocused: isFocused || isDropdownOpen,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    selectedKeys,\n    setCurrentRow,\n    setDropdownOpen,\n    setSelectedKeys,\n    setUserInput,\n    stopFiltering,\n    userInput\n  };\n}\n"],"names":["renderItemText","item","itemText","data","hasOwnProperty","retData","String","Logger","error","itemStyles","noOp","loadingIndicator","_jsx","jsx","SkeletonContainer","minimumCount","children","KEYS","TAB","ENTER","NUMPAD_ENTER","ESC","SPACE","LEFT","UP","RIGHT","DOWN","SHIFT_LEFT","SHIFT_RIGHT","CTRL_LEFT","CTRL_RIGHT","ALT_LEFT","ALT_RIGHT","PAGE_UP","PAGE_DOWN","HOME","END","BACKSPACE","DELETE","isControlKey","event","code","metaKey","ctrlKey","isFunctionKey","test","isControlOrFunctionKey","isSimpleClick","button","preventDefaultForCurrentTarget","currentTarget","target","preventDefault","getDocument","node","ownerDocument","document","useOutsideMousedown","isDisabled","disabled","ref","handler","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","contains","every","isPointOutside","firstElRef","doc","addEventListener","removeEventListener","DEFAULT_PLACEMENT","rootStyles","noop","MobileDropdown","id","isOpen","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","Flex","width","height","maxHeight","direction","ariaLabel","currentItemVariant","currentKey","itemRenderer","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","itemRendererProps","itemContext","key","metadata","keys","useMemo","all","Set","List","allowTabbableMode","context","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","handlePosition","positionData","handleAutoDismiss","handleKeyDown","defaultPrevented","inlineStyle","minWidth","offsetWidth","logicalParentRef","Floating","sizeOptions","isMaxHeightAdjusted","maxHeightCeiling","offsetValue","mainAxis","crossAxis","dropdownStyles","style","onKeyDown","onClick","size","pressProps","usePress","sizeSm","sizeMd","hasBottomGap","isLoading","topGap","props","handleMouseDown","tagName","FormFieldContext","Provider","value","isFocused","InlineUserAssistance","translations","useTranslationBundle","select_noMatchesFound","footer","header","_jsxs","jsxs","Divider","selectMobileDropdownStyles","content","sizePrecision","totalSize","deviceType","getClientHints","inputRef","onFilter","mainFieldRef","useRef","isDropdownOpen","setDropdownOpen","isDropdownAbove","setDropdownAbove","currentRow","setCurrentRow","rowKey","undefined","setSelectedKeys","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","type","activeElement","handleDropdownPosition","startsWith","handleUpDownArrowKeys","firstFocusableElem","querySelector","handleMainFieldKeyDown","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","trim","stopFiltering"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_SelectCommon.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/useOutsideMousedown.ts","../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx","../../src/PRIVATE_SelectCommon/selectUtils.ts","../../src/PRIVATE_SelectCommon/useSelectCommon.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Logger } from '../utils/UNSAFE_logger';\nimport { ItemTextFunctionType, ItemTextType } from '../utils/UNSAFE_selectUtils';\n\nexport function renderItemText<K, D>(item: Item<K, D>, itemText: ItemTextType<K, D>) {\n  // if item-text is a string and the data has the specified field, return it;\n  // otherwise log an error\n  if (typeof itemText === 'string') {\n    if ((item.data as any)?.hasOwnProperty(itemText)) {\n      const retData = item.data[itemText];\n      return String(retData);\n    }\n    Logger.error('SelectMultiple: itemText specifies field that does not exist: ' + itemText);\n    // return undefined if the field doesn't exist\n    return undefined;\n  }\n  // if item-text is a function, call it to create a display label\n  return (itemText as ItemTextFunctionType<K, D>)(item);\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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  CurrentKeyDetail,\n  DataState,\n  ItemActionDetail,\n  ListItemContext,\n  Metadata,\n  SelectionDetail\n} from '../UNSAFE_Collection';\nimport { HighlightText } from '../UNSAFE_HighlightText';\nimport { List, SkeletonContainer } from '../PRIVATE_List';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Keys } from '../utils/UNSAFE_keys';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { renderItemText } from './itemTextUtils';\n\nconst itemStyles = cssProps`${{\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n}}`;\n\ntype PickedPropsFromList = Pick<\n  ComponentProps<typeof List>,\n  'aria-label' | 'currentItemVariant' | 'selectionMode'\n>;\n\n// pick the props from the ListItemContext instead of extending it directly so that we\n// don't automatically expose any new props that may be added to it\ntype PickedPropsFromListItemContext<K, D> = Pick<\n  ListItemContext<K, D>,\n  'data' | 'index' | 'selector'\n>;\ntype ItemRendererSelectionDetail<K> = {\n  value: Set<K>;\n  target: EventTarget | null;\n};\ntype ItemRendererMetadata<K> = Pick<Metadata<K>, 'key' | 'suggestion'>;\ntype ItemRendererProps<K, D> = PickedPropsFromListItemContext<K, D> & {\n  metadata: ItemRendererMetadata<K>;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onSelectionChange?: (detail: ItemRendererSelectionDetail<K>) => void;\n};\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\n  itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n  itemText: ItemTextType<K, D>;\n  // props from List that we constrain or unconstrain\n  currentKey?: K;\n  data?: DataState<K, D> | null;\n  onCurrentKeyChange?: (detail: CurrentKeyDetail<K>) => void;\n  onItemAction?: (detail: ItemActionDetail<K, D>) => void;\n  onLoadRange?: ComponentProps<typeof List>['onLoadRange'];\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n};\n\nconst noOp = () => {};\n\nexport function DefaultList<K extends string | number, D extends Record<string, any>>({\n  'aria-label': ariaLabel,\n  currentItemVariant,\n  currentKey,\n  data,\n  itemRenderer,\n  itemText,\n  onCurrentKeyChange,\n  onItemAction,\n  onLoadRange = noOp,\n  onSelectionChange,\n  searchText,\n  selectedKeys,\n  selectionMode\n}: Props<K, D>) {\n  const listItemRenderer = useCallback(\n    (listItemContext: ListItemContext<K, D>) => {\n      // specify the listItemContext props that we want to expose individually instead of\n      // spreading the whole object so that we don't automatically include any new props that\n      // may be added to it\n      const itemRendererProps: ItemRendererProps<K, D> = {\n        data: listItemContext.data,\n        index: listItemContext.index,\n        metadata: listItemContext.metadata,\n        selector: listItemContext.selector,\n        searchText,\n        selectedKeys,\n        onSelectionChange: ({ target, value }) => {\n          onSelectionChange?.({\n            target,\n            value: { all: false, keys: value }\n          });\n        }\n      };\n      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      return itemRenderer ? (\n        itemRenderer(itemRendererProps)\n      ) : (\n        <Flex>\n          {listItemContext.selector && listItemContext.selector()}\n          <div class={itemStyles}>\n            <HighlightText matchText={searchText}>\n              {renderItemText(itemContext, itemText) as string}\n            </HighlightText>\n          </div>\n        </Flex>\n      );\n    },\n    [itemRenderer, itemText, onSelectionChange, searchText, selectedKeys]\n  );\n\n  const keys = useMemo(() => {\n    return { all: false, keys: selectedKeys ?? new Set<K>() };\n  }, [selectedKeys]) as Keys<K>;\n\n  return (\n    <List<K, D>\n      aria-label={ariaLabel}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentKey={currentKey}\n      data={data ?? null}\n      loadingIndicator={loadingIndicator}\n      onCurrentKeyChange={onCurrentKeyChange}\n      onItemAction={onItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={onSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n\n/**\n * Custom 3 Skeleton loader for select multiple\n * TODO: to remove this once https://jira.oraclecorp.com/jira/browse/JET-51527 is solved\n */\nconst loadingIndicator = (\n  <SkeletonContainer minimumCount={3}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","export const KEYS = {\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  NUMPAD_ENTER: 'NumpadEnter',\n  ESC: 'Escape',\n  SPACE: 'Space',\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  SHIFT_LEFT: 'ShiftLeft',\n  SHIFT_RIGHT: 'ShiftRight',\n  CTRL_LEFT: 'ControlLeft',\n  CTRL_RIGHT: 'ControlRight',\n  ALT_LEFT: 'AltLeft',\n  ALT_RIGHT: 'AltRight',\n  PAGE_UP: 'PageUp',\n  PAGE_DOWN: 'PageDown',\n  HOME: 'Home',\n  END: 'End',\n  BACKSPACE: 'Backspace',\n  DELETE: 'Delete'\n};\n\nexport const isControlKey = (event: KeyboardEvent) => {\n  switch (event.code) {\n    case KEYS.SHIFT_LEFT:\n    case KEYS.SHIFT_RIGHT:\n    case KEYS.CTRL_LEFT:\n    case KEYS.CTRL_RIGHT:\n    case KEYS.ALT_LEFT:\n    case KEYS.ALT_RIGHT:\n      return true;\n    default:\n      return event.metaKey || event.ctrlKey;\n  }\n};\n\nexport const isFunctionKey = (event: KeyboardEvent) => {\n  return /\\bF([1-9]|1[0-2])\\b/i.test(event.code);\n};\n\nexport const isControlOrFunctionKey = (event: KeyboardEvent) => {\n  return isControlKey(event) || isFunctionKey(event);\n};\n\nexport const isSimpleClick = (event: MouseEvent) => {\n  return event.button === 0 && !event.ctrlKey;\n};\n\nexport const preventDefault = (event: Event) => {\n  event.preventDefault();\n};\n\nexport const preventDefaultForCurrentTarget = (event: MouseEvent) => {\n  if (event.currentTarget === event.target) {\n    event.preventDefault();\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 */\n\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../utils/UNSAFE_arrayUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every((elRef) => !elRef.current?.contains(target));\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useEffect, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS, isControlOrFunctionKey, preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from './useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n\n  useEffect(() => {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }, [isOpen, setPlacement]);\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\n  const offsetValue = { mainAxis: 4, crossAxis: 0 };\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={{\n          isMaxHeightAdjusted: true,\n          maxHeightCeiling: 400\n        }}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={offsetValue}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { DropdownArrowIcon } from '../PRIVATE_ThemedIcons/DropdownArrowIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isDisabled?: boolean;\n  onClick?: () => void;\n  size?: 'md' | 'sm';\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var (--oj-button-borderless-chrome-text-color-disabled) once it is available\nconst ojButtonBorderlessChromeTextColorDisabled =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst rootStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    fontSize: ojButtonIconSize\n  }}`,\n\n  sizeMd: cssProps`${{\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight\n  }}`,\n\n  sizeSm: cssProps`${{\n    width: ojButtonSmHeight,\n    height: ojButtonSmHeight,\n    lineHeight: ojButtonSmHeight\n  }}`,\n\n  enabled: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`,\n\n  disabled: cssProps`${{\n    color: ojButtonBorderlessChromeTextColorDisabled\n  }}`\n};\n\nconst noop = () => {};\n\nexport function DropdownArrow({ isDisabled = false, onClick, size = 'md' }: Props) {\n  const preventDefault = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop, { isDisabled });\n\n  const styleClasses = classNames([\n    rootStyles.base,\n    size === 'sm' ? rootStyles.sizeSm : rootStyles.sizeMd,\n    isDisabled ? rootStyles.disabled : rootStyles.enabled\n  ]);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={styleClasses}\n      tabIndex={-1}\n      onMouseDown={preventDefault}\n      {...pressProps}>\n      <DropdownArrowIcon />\n    </span>\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { CollectionGestureContext } from '../hooks/PRIVATE_useCollectionGestureContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\n\nconst rootStyles = {\n  base: cssProps`${{\n    paddingLeft: '0',\n    paddingRight: '0',\n    margin: '1px 0 2px 0',\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'auto',\n    // '-webkit-tap-highlight-color': 'transparent',\n    boxSizing: 'border-box',\n\n    display: 'flex',\n    flexDirection: 'column'\n  }}`,\n\n  // TODO: These should really be applied directly to the child ListView so that the content\n  // displays under the padding when scrolled, but we can't apply styles to the child collection.\n  // TODO: Also need to figure out how to determine whether the collection is a ListView (in\n  // the collectionRenderer case) in order to apply this styling.\n  topGap: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  bottomGap: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n\n  loading: cssProps`${{\n    minHeight: 'calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  hasBottomGap?: boolean;\n  isLoading?: boolean;\n};\n\nexport function DropdownList({ children, hasBottomGap = true, isLoading = false }: Props) {\n  const styleClasses = classNames([\n    rootStyles.base,\n    rootStyles.topGap,\n    hasBottomGap && rootStyles.bottomGap,\n    isLoading && rootStyles.loading\n  ]);\n  return (\n    <CollectionGestureContext.Provider value={'embedded'}>\n      <div class={styleClasses} onMouseDown={preventDefaultForCurrentTarget}>\n        {children}\n      </div>\n    </CollectionGestureContext.Provider>\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nconst rootStyles = cssProps`${{\n  borderTopColor: 'rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.1)',\n  borderTopStyle: 'solid',\n  borderTopWidth: '1px',\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n}}`;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={rootStyles} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\n\nconst rootStyles = cssProps`${{\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n}}`;\n\nexport function EmptyResults() {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // TODO: figure out whether we need a separate resource string for this message;\n  // (JET-53984 - Preact Select* components: empty results message)\n\n  // call preventDefault for mousedown on this div so that focus does not transfer from\n  // the input\n  return (\n    <div class={rootStyles} onMouseDown={preventDefaultForCurrentTarget}>\n      {translations.select_noMatchesFound()}\n    </div>\n  );\n}\n","import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div id={id} class={mobileDropdownStyles.base} role=\"dialog\" aria-modal=\"true\">\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Divider } from '../UNSAFE_Divider';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n};\n\nexport function SelectMobileDropdown({ children, footer, header, id, isOpen }: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen}>\n      {header}\n      <Divider />\n      {/* TODO: Add overflow support to View and use it here */}\n      {/* https://jira.oraclecorp.com/jira/browse/JET-58299 */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Divider />\n      {footer}\n    </MobileDropdown>\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 */\n\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { DataState } from '../UNSAFE_Collection';\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nexport function isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\n/**\n * Helper function to determine whether the current device is a phone\n * @returns true if running on a phone, false otherwise\n */\nexport function isPhone() {\n  return getClientHints().deviceType === 'phone';\n}\n\n/**\n * Helper function to determine whether the current device is a tablet\n * @returns true if running on a tablet, false otherwise\n */\nexport function isTablet() {\n  return getClientHints().deviceType === 'tablet';\n}\n\nexport function isBeforeDataFetch<K, D>(data: DataState<K, D>) {\n  return data.sizePrecision === 'atLeast' && data.totalSize === 0;\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 */\n\nimport { Ref, useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { CurrentKeyDetail, DataState } from '../UNSAFE_Collection';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { isControlOrFunctionKey, isSimpleClick, KEYS } from './eventUtils';\n\ntype UseSelectCommonProps<K, D> = {\n  data?: DataState<K, D> | null;\n  inputRef: Ref<HTMLElement>;\n  isFocused?: boolean;\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n};\n\n/**\n * Hook that manages state and behavior for a Select* component.  This hook creates state\n * variables and event listeners, returning properties to apply to components internally\n * rendered by a Select* component, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isFocused Specifies whether the component has focus.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n *\n * @returns Component state and event listeners.\n */\nexport function useSelectCommon<K, D>({\n  data,\n  inputRef,\n  isFocused,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const mainFieldRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [isDropdownOpen, setDropdownOpen] = useState(false);\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [currentRow, setCurrentRow] = useState<{ rowKey?: K }>({\n    rowKey: undefined\n  });\n  const [selectedKeys, setSelectedKeys] = useState<Set<K>>();\n  const [isUserFiltering, setUserFiltering] = useState(false);\n  const [userInput, setUserInput] = useState<string>();\n  const [searchText, setSearchText] = useState<string>();\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent) => {\n      // const target = event.target as HTMLElement;\n      if (event.defaultPrevented || !isSimpleClick(event)) {\n        return;\n      }\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      // this is needed to focus the input when clicking on the inside label when there is no\n      // value;  otherwise the component looks focused but doesn't actually have physical focus\n      setTimeout(function () {\n        inputRef.current?.focus();\n      }, 0);\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownArrowClick = useCallback(() => {\n    setDropdownOpen(!isDropdownOpen);\n\n    // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes\n    inputRef.current?.focus();\n  }, [inputRef, isDropdownOpen]);\n\n  const handleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        setDropdownOpen(false);\n\n        switch (event?.type) {\n          case 'keydown':\n            const keyboardEvent = event as KeyboardEvent;\n            switch (keyboardEvent.code) {\n              case KEYS.ESC:\n                // focus the input when the user cancels out of the dropdown\n                inputRef.current?.focus();\n                break;\n              default:\n                break;\n            }\n            break;\n          case 'mousedown':\n            // if focus is in the dropdown, focus the input before the dropdown is hidden so that\n            // focus will transfer correctly when the target is not focusable;\n            // otherwise the text cursor appears in the input again\n            if (dropdownRef.current?.contains(document.activeElement)) {\n              inputRef.current?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownPosition = useCallback((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n\n  const handleUpDownArrowKeys = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      } else {\n        // transfer physical focus into the dropdown\n        const firstFocusableElem = dropdownRef.current?.querySelector('[tabindex=\"0\"]');\n        (firstFocusableElem as HTMLElement)?.focus();\n\n        // if there is no current item set, make the first item current\n        if (data !== undefined && currentRow.rowKey === undefined) {\n          setCurrentRow({ rowKey: data?.data?.[0]?.metadata?.key });\n        }\n      }\n\n      // prevent the page from scrolling\n      event.preventDefault();\n    },\n    [currentRow, data, isDropdownOpen]\n  );\n\n  const handleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // const target = event.target as HTMLElement;\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.PAGE_UP:\n        case KEYS.PAGE_DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n\n          return;\n\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n          break;\n\n        case KEYS.ESC:\n          if (isDropdownOpen) {\n            setDropdownOpen(false);\n\n            event.preventDefault();\n\n            // JET-53183 - core pack compat: stop propagation of handled events\n            // we don't want a parent collection component to stop editing the row when we close\n            // the dropdown\n            event.stopPropagation();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleMainFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          handleUpDownArrowKeys(event);\n          break;\n\n        default:\n          break;\n      }\n    },\n    [handleUpDownArrowKeys]\n  );\n\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      setUserFiltering(true);\n      setUserInput(detail.value);\n      const str = detail.value?.trim();\n      setSearchText(str);\n      onFilter?.({ searchText: str });\n    },\n    [isDropdownOpen, onFilter]\n  );\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K>) => {\n    setCurrentRow({ rowKey: detail.value });\n  }, []);\n\n  const stopFiltering = useCallback(() => {\n    setUserFiltering(false);\n    setUserInput('');\n    setSearchText('');\n  }, []);\n\n  // the user is not actively filtering if the dropdown is closed and the component doesn't\n  // have focus\n  useEffect(() => {\n    if (!isDropdownOpen && !isFocused && isUserFiltering) {\n      stopFiltering();\n    }\n  }, [isDropdownOpen, isFocused, isUserFiltering, stopFiltering]);\n\n  // need to call onFilter with undefined searchText when the dropdown opens and the\n  // user is NOT filtering\n  useEffect(() => {\n    if (isDropdownOpen && !isUserFiltering) {\n      onFilter?.({ searchText: undefined });\n    }\n  }, [isDropdownOpen, isUserFiltering, onFilter]);\n\n  // when the dropdown closes, reset the isDropdownAbove flag\n  useEffect(() => {\n    if (!isDropdownOpen) {\n      setDropdownAbove(false);\n    }\n  }, [isDropdownOpen]);\n\n  return {\n    currentRow,\n    dropdownRef,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss,\n    handleDropdownPosition,\n    handleInput,\n    handleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    handleUpDownArrowKeys,\n    isDropdownAbove,\n    isDropdownOpen,\n    // the field should remain to look focused while the dropdown is open,\n    // in case physical focus is in the dropdown\n    isFocused: isFocused || isDropdownOpen,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    selectedKeys,\n    setCurrentRow,\n    setDropdownOpen,\n    setSelectedKeys,\n    setUserInput,\n    stopFiltering,\n    userInput\n  };\n}\n"],"names":["renderItemText","item","itemText","data","hasOwnProperty","retData","String","Logger","error","itemStyles","noOp","loadingIndicator","_jsx","jsx","SkeletonContainer","minimumCount","children","KEYS","TAB","ENTER","NUMPAD_ENTER","ESC","SPACE","LEFT","UP","RIGHT","DOWN","SHIFT_LEFT","SHIFT_RIGHT","CTRL_LEFT","CTRL_RIGHT","ALT_LEFT","ALT_RIGHT","PAGE_UP","PAGE_DOWN","HOME","END","BACKSPACE","DELETE","isControlKey","event","code","metaKey","ctrlKey","isFunctionKey","test","isControlOrFunctionKey","isSimpleClick","button","preventDefaultForCurrentTarget","currentTarget","target","preventDefault","getDocument","node","ownerDocument","document","useOutsideMousedown","isDisabled","disabled","ref","handler","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","contains","every","isPointOutside","firstElRef","doc","addEventListener","removeEventListener","DEFAULT_PLACEMENT","rootStyles","noop","MobileDropdown","id","isOpen","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","Flex","width","height","maxHeight","direction","ariaLabel","currentItemVariant","currentKey","itemRenderer","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","itemRendererProps","itemContext","key","metadata","keys","useMemo","all","Set","List","allowTabbableMode","context","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","handlePosition","positionData","handleAutoDismiss","handleKeyDown","defaultPrevented","inlineStyle","minWidth","offsetWidth","logicalParentRef","Floating","sizeOptions","isMaxHeightAdjusted","maxHeightCeiling","offsetValue","mainAxis","crossAxis","dropdownStyles","style","onKeyDown","onClick","size","pressProps","usePress","sizeSm","sizeMd","hasBottomGap","isLoading","topGap","props","handleMouseDown","tagName","FormFieldContext","Provider","value","isFocused","InlineUserAssistance","translations","useTranslationBundle","select_noMatchesFound","footer","header","_jsxs","jsxs","Divider","selectMobileDropdownStyles","content","sizePrecision","totalSize","deviceType","getClientHints","inputRef","onFilter","mainFieldRef","useRef","isDropdownOpen","setDropdownOpen","isDropdownAbove","setDropdownAbove","currentRow","setCurrentRow","rowKey","undefined","setSelectedKeys","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","type","activeElement","handleDropdownPosition","startsWith","handleUpDownArrowKeys","firstFocusableElem","querySelector","handleMainFieldKeyDown","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","trim","stopFiltering"],"mappings":"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"}

package/amd/PRIVATE_ThemedIcons/CheckIcon.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-f27746d9', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-3096e431', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-851238a6', 'preact/compat', '../index-0f1e12db', '../hooks/UNSAFE_useUser', '../index-7d808afa', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-5cea534a', '../_curry2-c02a6898', '../utils/UNSAFE_classNames', '../classNames-c6cc4719', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', '../vanilla-extract-dynamic.esm-a9754e48', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-710109a5', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-f55dd1d6', '../_has-de06828b', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-36a9a58b', '../hooks/UNSAFE_useThemeInterpolations', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', '../UNSAFE_Icon/themes/IconStyle.css', 'module'], (function(e,o,s,t,l,n,i,a,c,h,r,F,m,S,_,u,A,U,E,N,d,p,T,g,k,y,C,I,f,w,x,b,j,v,B,V,P,R,z,L,M,O,H,q,D,G,J,K,Q,W,X,Y,Z,$,ee,oe,se,te,le,ne,ie,ae,ce,he,re){"use strict";e.CheckIcon=e=>o.jsx(t.Icon,{viewBox:"0 0 24 24",...e,children:o.jsx("g",{fill:"none",children:o.jsx("path",{d:"M21.207 6.707 9 18.914l-6.707-6.707 1.414-1.414L9 16.086 19.793 5.293l1.414 1.414z",fill:"currentcolor"})})}),Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-985b1e09', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-660e6564', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-bbae41d5', 'preact/compat', '../index-83dffd44', '../hooks/UNSAFE_useUser', '../index-7d284134', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-8d670ed2', '../_curry2-8489a571', '../utils/UNSAFE_classNames', '../classNames-9bbd55a1', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-154a4307', '../vanilla-extract-dynamic.esm-d887a09a', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-dfcea3a4', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-ffc07984', '../_has-6763283b', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-f317b422', '../hooks/UNSAFE_useThemeInterpolations', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,o,s,t,l,n,i,a,c,h,r,F,m,S,_,u,A,U,d,E,N,p,T,g,k,y,C,f,I,w,x,b,j,v,B,V,P,R,z,L,M,O,H,q,D,G,J,K,Q,W,X,Y,Z,$,ee,oe,se,te,le,ne,ie,ae,ce,he,re){"use strict";e.CheckIcon=e=>o.jsx(t.Icon,{viewBox:"0 0 24 24",...e,children:o.jsx("g",{fill:"none",children:o.jsx("path",{d:"M21.207 6.707 9 18.914l-6.707-6.707 1.414-1.414L9 16.086 19.793 5.293l1.414 1.414z",fill:"currentcolor"})})}),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=CheckIcon.js.map