@oracle/oraclejet-preact 15.1.6 → 15.1.8

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-15590caa', './classNames-aa5149b2', './MessageDetail-4cafab64', './MessageFormattingUtils-093f1c75', './MessageStartIcon-3152f034', './MessageSummary-3738a4fc', './MessageTimestamp-bc214811', './MessageUtils-ace098be', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-3dffb2fe', './MessagesManager-00522026', './Message.types-79c39556', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-a2f8a8de', './Common/themes/themeContract.css', './_curry1-384d0e55', './utils/UNSAFE_mergeInterpolations', './_curry3-d2c98fcb', './_curry2-baf68cff', './_has-a3915382', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-22ad7b6e', './utils/UNSAFE_interpolations/flexbox', './flexbox-9de25ae1', './utils/UNSAFE_interpolations/flexitem', './flexitem-0582bb78', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-86a4c2b2', 'preact', './UNSAFE_BaseButton', './BaseButton-c947b30a', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-05438b86', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-d0555796', './UNSAFE_Text', './Text-f1d091f6', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-7ad95134', './index-0ac8995a', './hooks/UNSAFE_useUser', './index-2932edea', './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-a4a0d37b', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-f538e02a', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-89f176dd', './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-6dabc5a9', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-7925f158', './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.styles2.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}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?5e3:"number"==typeof B?B:5e3,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})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageCloseButton-f4f2c9ea', './classNames-1293aae2', './MessageDetail-5556e0d1', './MessageFormattingUtils-2d103585', './MessageStartIcon-7b419742', './MessageSummary-f93e2223', './MessageTimestamp-1a2ac232', './MessageUtils-e7482fce', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-5d74acda', './MessagesManager-e24a028c', './Message.types-6ee9db5f', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3eb4785b', './Common/themes/themeContract.css', './_curry1-048cf1e9', './utils/UNSAFE_mergeInterpolations', './_curry3-cefac1ac', './_curry2-f7a9564c', './_has-1a530383', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-d0f88536', './utils/UNSAFE_interpolations/flexbox', './flexbox-4f8807a8', './utils/UNSAFE_interpolations/flexitem', './flexitem-a85d9e0a', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-98198f3c', 'preact', './UNSAFE_BaseButton', './BaseButton-c7ec58a5', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-fef42424', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-c7662985', './UNSAFE_Text', './Text-fe92b3df', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-015e6f07', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-379eb7a9', './index-dacbf0e0', './hooks/UNSAFE_useUser', './index-ee90a607', './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-c5364710', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-b6511573', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-277e232b', './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-06bc9afb', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-d918cef4', './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,f,M,I,x,B,k,C,b,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,fe,Me,Ie,xe,Be,ke,Ce,be,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}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:f="error",sound:M,summary:I,timestamp:x}=_.data,{autoTimeout:B="off"}=_.data,k=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(N),C=t.useCallback((()=>{y?.(_)}),[_,y]),b=t.useCallback((e=>{"Escape"===e.key&&"on"===p&&y?.(_)}),[p,_,y]),v="toast"===k&&"off"!==B,V=t.useRef(),R="on"===B?5e3:"number"==typeof B?B:5e3,P=t.useCallback((()=>{V.current||(V.current=new o.Timer(C,R))}),[C,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(M)&&g.playSound(M),v&&P(),()=>{j()})),[]);const{variantClasses:H}=F.useComponentTheme(h.MessageBannerRedwoodTheme,{severity:f}),L=l.classNames(["banner"===k&&H,r.messageStyles.base[k],"toast"!==N&&g.severityBasedStyleClass(f,k),"sectionBanner"===N&&r.messageStyles.section]),O=l.classNames([r.messageStyles.content.base,r.messageStyles.content[k]]);return s.jsx("div",{ref:U,class:L,role:"alert","aria-atomic":"true","data-oj-key":`${typeof _.key}-${_.key}`,tabIndex:0,onKeyUp:b,onfocusin:w,onfocusout:D,children:s.jsxs("div",{class:O,children:[n?s.jsx(ds,{item:{..._,index:A},renderer:n}):gs(f)?s.jsx(u.MessageStartIcon,{severity:f,variant:k,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:k,children:[s.jsx(d.MessageSummary,{variant:k,text:I}),m.isValidValueForProp(x,"timestamp")&&"toast"!==N&&s.jsx(S.MessageTimestamp,{variant:k,value:x})]}),s.jsx(c.MessageDetail,{variant:k,item:{..._,index:A},renderer:a})]}),"on"===p&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:T?.close,variant:k,onAction:C})]})})},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:  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// \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:  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","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","autoTimeout","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","key","shouldTimeout","currentTimerRef","useRef","timeoutDuration","MIN_SECONDS","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:  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// \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:  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","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","autoTimeout","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","key","shouldTimeout","currentTimerRef","useRef","timeoutDuration","MIN_SECONDS","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-b0256746', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Flex', './Flex-3dffb2fe', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-a2f8a8de', './Common/themes/themeContract.css', './_curry1-384d0e55', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-aa5149b2', './_curry3-d2c98fcb', './_curry2-baf68cff', './_has-a3915382', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-22ad7b6e', './utils/UNSAFE_interpolations/flexbox', './flexbox-9de25ae1', './utils/UNSAFE_interpolations/flexitem', './flexitem-0582bb78', './UNSAFE_WindowOverlay', './vanilla-extract-dynamic.esm-a4a0d37b', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', 'preact/hooks', './index-2932edea', '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-e7a4c5aa', './UNSAFE_Layer', './useThemeInterpolations-f538e02a', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme'], (function(e,s,o,a,t,i,r,l,n,m,d,c,_,y,S,F,N,U,h,u,A,E,w,p,v,f,x,O,W,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})}));
+define(['exports', './index-c2ca4395', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Flex', './Flex-5d74acda', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3eb4785b', './Common/themes/themeContract.css', './_curry1-048cf1e9', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-1293aae2', './_curry3-cefac1ac', './_curry2-f7a9564c', './_has-1a530383', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-d0f88536', './utils/UNSAFE_interpolations/flexbox', './flexbox-4f8807a8', './utils/UNSAFE_interpolations/flexitem', './flexitem-a85d9e0a', './UNSAFE_WindowOverlay', './vanilla-extract-dynamic.esm-c5364710', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', 'preact/hooks', './index-ee90a607', '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-015e6f07', './UNSAFE_Layer', './useThemeInterpolations-b6511573', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme'], (function(e,s,o,t,a,i,r,l,n,m,c,d,_,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})}));
 //# sourceMappingURL=PRIVATE_MessageLayer.js.map

package/amd/PRIVATE_SelectCommon.css

@@ -1,16 +1,16 @@
-._1o62vjd{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);}
+.jn1dsy{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);}
 
-.u95ihf{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);}
+._7r39vx{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);}
 
-.xp8jsu{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);}
-._3m2dyw{width:2.75rem;height:2.75rem;line-height:2.75rem;}
-._3l2p1b{width:2.25rem;height:2.25rem;line-height:2.25rem;}
-._8q1e1z{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._8q1e1z: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;}
-._16i9uu3{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.nybpvz{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);}
 
-._1ypr9tp{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;}
-._5g4ykb{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.awce72{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.pv3y4f{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+._1sk9snk{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;}
+.g8brsa{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1h0insn{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1dkck2n{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
 
-._17aq64k{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);}
+._1gq39pz{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);}
+.aa0zsx{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+._1ir3bbr{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+._1wjccvl{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1wjccvl: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;}
+._1sbvrut{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}

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-3dffb2fe', './HighlightText-89d965c2', './List-0a922210', './SkeletonContainer-6b56178a', './Skeleton-d0a6b8d0', './UNSAFE_Floating', './UNSAFE_Layer', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './utils/UNSAFE_arrayUtils', './Floating-7ad95134', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/DropdownArrowIcon', './utils/UNSAFE_classNames', './classNames-aa5149b2', './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-a0c8fcaf', './utils/PRIVATE_clientHints', './clientHints-05438b86', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useComponentTheme', './_curry1-384d0e55', './_curry2-baf68cff', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_curry3-d2c98fcb', './_has-a3915382', './utils/UNSAFE_interpolations/flexitem', './flexitem-0582bb78', './keys-22ad7b6e', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-270cb099', './PRIVATE_Collection', './Collection-43a29cc0', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-c48818fb', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-cd656252', './utils/PRIVATE_tabbableUtils', './_arity-1c95a52f', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-2932edea', './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-6dabc5a9', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-a2f8a8de', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-89f176dd', './hooks/UNSAFE_useThemeInterpolations', './useThemeInterpolations-f538e02a', './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-0ac8995a', './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-a4a0d37b', './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.styles2.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-9de25ae1', './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-8eb8960d', './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-96a3b824', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-15590caa', './UNSAFE_IconButton', './IconButton-86a4c2b2', './UNSAFE_BaseButton', './BaseButton-c947b30a', './UNSAFE_ButtonLayout', './ButtonLayout-d0555796', './UNSAFE_Text', './Text-f1d091f6', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-4cafab64', './MessageFormattingUtils-093f1c75', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-7925f158', './Message.types-79c39556', './MessageStartIcon-3152f034', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-3738a4fc', './MessageTimestamp-bc214811', './MessageUtils-ace098be', './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.styles2.css', './MessagesManager-00522026', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-169a36ee', './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-0666c805', './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-ef03793a', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-93afbbb3', './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,f,C,b,I,k,x,R,P,M,v,D,L,V,B,O,j,H,K,W,G,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,fe,Ce,be,Ie,ke,xe,Re,Pe,Me,ve,De,Le,Ve,Be,Oe,je,He,Ke,We,Ge,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,fs,Cs,bs,Is,ks,xs,Rs,Ps,Ms,vs,Ds,Ls,Vs,Bs,Os,js,Hs,Ks,Ws,Gs,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,ft,Ct,bt,It,kt,xt,Rt,Pt,Mt,vt,Dt,Lt,Vt,Bt,Ot,jt,Ht,Kt,Wt,Gt,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=()=>{};const wo=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}},bo=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),Io=e=>Co(e)||bo(e),ko=e=>0===e.button&&!e.ctrlKey,xo=e=>{e.currentTarget===e.target&&e.preventDefault()},Ro=e=>e?.ownerDocument??document,Po=({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&&!Ro(t).contains(t))return!1;return s.every((e=>!e.current?.contains(t)))})(e,t)&&o?.(e)},a=t[0],i=Ro(a.current);return i?(i.addEventListener("mousedown",n,!0),()=>{i.removeEventListener("mousedown",n,!0)}):void 0}),[e,o,s])},Mo="bottom-start";const vo="xp8jsu",Do="_3m2dyw",Lo="_3l2p1b",Vo="_8q1e1z",Bo="_16i9uu3",Oo=()=>{};const jo="_1ypr9tp",Ho="_5g4ykb",Ko="awce72",Wo="pv3y4f";function Go({children:e,id:t,isOpen:o}){return o?s.jsx(A.Layer,{children:s.jsx(C.WindowOverlay,{children:s.jsx("div",{id:t,class:b.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=go,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:"_1o62vjd",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:wo,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(Mo);t.useEffect((()=>{i||d(Mo)}),[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&&!Io(e))switch(e.code){case fo.ESC:case fo.TAB:h(e)}}),[h]);Po({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:xo,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??Oo,{isDisabled:e}),l=y.classNames([vo,"sm"===n?Lo:Do,e?Bo:Vo]);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([jo,Ho,t&&Ko,o&&Wo]);return s.jsx(N.CollectionGestureContext.Provider,{value:"embedded",children:s.jsx("div",{class:n,onMouseDown:xo,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:"_17aq64k",onMouseDown:o,children:s.jsx(w.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=f.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:"u95ihf",onMouseDown:xo,children:e.select_noMatchesFound()})},e.KEYS=fo,e.MobileDropdown=Go,e.SelectMobileDropdown=function({children:e,footer:t,header:o,id:n,isOpen:a}){return s.jsxs(Go,{id:n,isOpen:a,children:[o,s.jsx(x.Divider,{}),s.jsx("div",{class:k.selectMobileDropdownStyles.content,children:e}),s.jsx(x.Divider,{}),t]})},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=Co,e.isControlOrFunctionKey=Io,e.isFunctionKey=bo,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=xo,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]),f=t.useCallback((e=>{if(!Io(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]),C=t.useCallback((e=>{if(!Io(e))switch(e.code){case fo.UP:case fo.DOWN:w(e)}}),[w]),b=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})}),[]),k=t.useCallback((()=>{E(!1),F(""),T("")}),[]);return t.useEffect((()=>{l||o||!A||k()}),[l,o,A,k]),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:b,handleMainFieldKeyDown:f,handleMainFieldKeyUp:C,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:k,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-5d74acda', './HighlightText-de127372', './List-12b90d40', './SkeletonContainer-8605be94', './Skeleton-ed32c47e', './UNSAFE_Floating', './UNSAFE_Layer', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './utils/UNSAFE_arrayUtils', './Floating-379eb7a9', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/DropdownArrowIcon', './utils/UNSAFE_classNames', './classNames-1293aae2', './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-a3b0d56a', './utils/PRIVATE_clientHints', './clientHints-fef42424', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useComponentTheme', './_curry1-048cf1e9', './_curry2-f7a9564c', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_curry3-cefac1ac', './_has-1a530383', './utils/UNSAFE_interpolations/flexitem', './flexitem-a85d9e0a', './keys-d0f88536', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-015e6f07', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-be8cc8a6', './PRIVATE_Collection', './Collection-612f8563', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-d0fe128f', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-6ba5f244', './utils/PRIVATE_tabbableUtils', './_arity-74f17445', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-ee90a607', './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-06bc9afb', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3eb4785b', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-277e232b', './hooks/UNSAFE_useThemeInterpolations', './useThemeInterpolations-b6511573', './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-dacbf0e0', './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-c5364710', './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-4f8807a8', './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-59ba05ad', './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-dfe3a68b', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-f4f2c9ea', './UNSAFE_IconButton', './IconButton-98198f3c', './UNSAFE_BaseButton', './BaseButton-c7ec58a5', './UNSAFE_ButtonLayout', './ButtonLayout-c7662985', './UNSAFE_Text', './Text-fe92b3df', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-5556e0d1', './MessageFormattingUtils-2d103585', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-d918cef4', './Message.types-6ee9db5f', './MessageStartIcon-7b419742', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-f93e2223', './MessageTimestamp-1a2ac232', './MessageUtils-e7482fce', './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-e24a028c', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-17121951', './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-530824d1', './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-fe8d4b52', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-43273883', './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,r,l,c,d,u,h,m,S,A,E,_,F,p,T,U,y,N,g,w,f,C,I,b,k,x,R,P,M,v,D,L,V,B,O,j,H,K,W,G,z,q,Y,$,J,Q,X,Z,ee,se,te,oe,ne,ae,ie,re,le,ce,de,ue,he,me,Se,Ae,Ee,_e,Fe,pe,Te,Ue,ye,Ne,ge,we,fe,Ce,Ie,be,ke,xe,Re,Pe,Me,ve,De,Le,Ve,Be,Oe,je,He,Ke,We,Ge,ze,qe,Ye,$e,Je,Qe,Xe,Ze,es,ss,ts,os,ns,as,is,rs,ls,cs,ds,us,hs,ms,Ss,As,Es,_s,Fs,ps,Ts,Us,ys,Ns,gs,ws,fs,Cs,Is,bs,ks,xs,Rs,Ps,Ms,vs,Ds,Ls,Vs,Bs,Os,js,Hs,Ks,Ws,Gs,zs,qs,Ys,$s,Js,Qs,Xs,Zs,et,st,tt,ot,nt,at,it,rt,lt,ct,dt,ut,ht,mt,St,At,Et,_t,Ft,pt,Tt,Ut,yt,Nt,gt,wt,ft,Ct,It,bt,kt,xt,Rt,Pt,Mt,vt,Dt,Lt,Vt,Bt,Ot,jt,Ht,Kt,Wt,Gt,zt,qt,Yt,$t,Jt,Qt,Xt,Zt,eo,so,to,oo,no,ao,io,ro,lo,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)}l.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+s)}const go=()=>{};const wo=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),bo=e=>Co(e)||Io(e),ko=e=>0===e.button&&!e.ctrlKey,xo=e=>{e.currentTarget===e.target&&e.preventDefault()},Ro=e=>e?.ownerDocument??document,Po=({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&&!Ro(t).contains(t))return!1;return s.every((e=>!e.current?.contains(t)))})(e,t)&&o?.(e)},a=t[0],i=Ro(a.current);return i?(i.addEventListener("mousedown",n,!0),()=>{i.removeEventListener("mousedown",n,!0)}):void 0}),[e,o,s])},Mo="bottom-start";const vo="_1gq39pz",Do="aa0zsx",Lo="_1ir3bbr",Vo="_1wjccvl",Bo="_1sbvrut",Oo=()=>{};const jo="_1sk9snk",Ho="g8brsa",Ko="_1h0insn",Wo="_1dkck2n";function Go({children:e,id:t,isOpen:o}){return o?s.jsx(A.Layer,{children:s.jsx(C.WindowOverlay,{children:s.jsx("div",{id:t,class:I.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:r,onCurrentKeyChange:l,onItemAction:h,onLoadRange:m=go,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:"jn1dsy",children:s.jsx(d.HighlightText,{matchText:A,children:No(o,r)})})]})}),[i,r,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:wo,onCurrentKeyChange:l,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:r,onPosition:l}){const[c,d]=t.useState(Mo);t.useEffect((()=>{i||d(Mo)}),[i,d]);const u=t.useCallback((e=>{d(e.placement),l?.(e)}),[l,d]),h=t.useCallback((e=>{r?.(e)}),[r]),m=t.useCallback((e=>{if(!e.defaultPrevented&&!bo(e))switch(e.code){case fo.ESC:case fo.TAB:h(e)}}),[h]);Po({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:xo,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??Oo,{isDisabled:e}),r=y.classNames([vo,"sm"===n?Lo:Do,e?Bo:Vo]);return s.jsx("span",{"aria-hidden":"true",class:r,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([jo,Ho,t&&Ko,o&&Wo]);return s.jsx(N.CollectionGestureContext.Provider,{value:"embedded",children:s.jsx("div",{class:n,onMouseDown:xo,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:"_7r39vx",onMouseDown:o,children:s.jsx(w.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=f.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:"nybpvz",onMouseDown:xo,children:e.select_noMatchesFound()})},e.KEYS=fo,e.MobileDropdown=Go,e.SelectMobileDropdown=function({children:e,footer:t,header:o,id:n,isOpen:a}){return s.jsxs(Go,{id:n,isOpen:a,children:[o,s.jsx(x.Divider,{}),s.jsx("div",{class:k.selectMobileDropdownStyles.content,children:e}),s.jsx(x.Divider,{}),t]})},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=Co,e.isControlOrFunctionKey=bo,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=xo,e.renderItemText=No,e.useSelectCommon=function({data:e,inputRef:s,isFocused:o,onFilter:n}){const a=t.useRef(null),i=t.useRef(null),[r,l]=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)&&(r||l(!0),setTimeout((function(){s.current?.focus()}),0))}),[s,r]),y=t.useCallback((()=>{l(!r),s.current?.focus()}),[s,r]),N=t.useCallback((e=>{if(r)switch(l(!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,r]),g=t.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),w=t.useCallback((s=>{if(r){const s=i.current?.querySelector('[tabindex="0"]');s?.focus(),void 0!==e&&void 0===u.rowKey&&h({rowKey:e?.data?.[0]?.metadata?.key})}else l(!0);s.preventDefault()}),[u,e,r]),f=t.useCallback((e=>{if(!bo(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:r&&(l(!1),e.preventDefault(),e.stopPropagation())}}),[r]),C=t.useCallback((e=>{if(!bo(e))switch(e.code){case fo.UP:case fo.DOWN:w(e)}}),[w]),I=t.useCallback((e=>{r||l(!0),E(!0),F(e.value);const s=e.value?.trim();T(s),n?.({searchText:s})}),[r,n]),b=t.useCallback((e=>{h({rowKey:e.value})}),[]),k=t.useCallback((()=>{E(!1),F(""),T("")}),[]);return t.useEffect((()=>{r||o||!A||k()}),[r,o,A,k]),t.useEffect((()=>{r&&!A&&n?.({searchText:void 0})}),[r,A,n]),t.useEffect((()=>{r||d(!1)}),[r]),{currentRow:u,dropdownRef:i,handleDropdownArrowClick:y,handleDropdownAutoDismiss:N,handleDropdownPosition:g,handleInput:I,handleMainFieldKeyDown:f,handleMainFieldKeyUp:C,handleUpDownArrowKeys:w,isDropdownAbove:c,isDropdownOpen:r,isFocused:o||r,isUserFiltering:A,mainFieldRef:a,onCurrentKeyChange:b,onMouseDown:U,searchText:p,selectedKeys:m,setCurrentRow:h,setDropdownOpen:l,setSelectedKeys:S,setUserInput:F,stopFiltering:k,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/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.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  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","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","/**\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, 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      {/*  */}\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","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","hasBottomGap","isLoading","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/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.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  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","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","/**\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, 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      {/*  */}\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","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","hasBottomGap","isLoading","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-6dabc5a9', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-a2f8a8de', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-7ad95134', 'preact/compat', '../index-0ac8995a', '../hooks/UNSAFE_useUser', '../index-2932edea', '../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-384d0e55', '../_curry2-baf68cff', '../utils/UNSAFE_classNames', '../classNames-aa5149b2', '../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-e7a4c5aa', '../vanilla-extract-dynamic.esm-a4a0d37b', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-f538e02a', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-d2c98fcb', '../_has-a3915382', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-89f176dd', '../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,a,i,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,ae,ie,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-06bc9afb', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-3eb4785b', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-379eb7a9', 'preact/compat', '../index-dacbf0e0', '../hooks/UNSAFE_useUser', '../index-ee90a607', '../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-048cf1e9', '../_curry2-f7a9564c', '../utils/UNSAFE_classNames', '../classNames-1293aae2', '../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-015e6f07', '../vanilla-extract-dynamic.esm-c5364710', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-b6511573', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-cefac1ac', '../_has-1a530383', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-277e232b', '../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,E,N,d,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