@oracle/oraclejet-preact 14.1.12 → 14.1.14

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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\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  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\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 { cssProps } from '@oracle/oraclejet-cssprops';\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 { 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';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\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 rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","base","isSeverityIconNeeded","severity","messageStyles","content","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeoutDuration","autoTimeout","MIN_SECONDS","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"ugEAaA,MAAAA,GAAA,UAAAA,cA8BA,SAAAC,IAAAC,KAAAA,EAAAC,SAAAA,0BAEIH,GAEAA,KAEF,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAC,KAAA,gBAAA,CAAAC,SAAAP,EAAAD,MCpCF,MAAAS,GAAA,MAAA,iBAAA,WAeEC,YAAAC,oBAkBF,SAAAC,IAAAJ,SAAAA,EAAAK,QAAAA,EAAA,WACE,MAAAC,EAAAC,EAAAA,WAAA,CAAAN,GAAAO,KAAAP,GAAAI,KACA,OAAAX,MAAA,MAAAC,OAAAC,OAAA,CAAAG,KAAA,eAAAF,MAAAS,GAAA,CAAAN,SAAAA,KC0HF,SAAAS,GAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,GAAA,CACEH,KAAA,QAAA,oCADF,UAgCEI,QAAA,MAAA,iBAAA,glBA+BF,UAAAC,oBAAAA,EAAAC,eAAAA,EAAAC,aAAAA,EAAAC,MAAAA,GAAA,EAAAxB,KAAAA,EAAAyB,QAAAA,EAAAC,WAAAA,EAAA,SAAAb,QAAAA,EAAA,aAAAc,aAAAA,IAWE,MAAAC,gBAAAA,EAAA,KAAAV,SAAAA,EAAA,QAAAW,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAA/B,EAAAgC,kCAEAC,EAnGF,SAAApB,GACE,MAAA,eAAAA,GAAA,kBAAAA,EACE,SAEF,QA+FAqB,CAAArB,GAKAsB,EAAAC,EAAAA,YAAA,KACEX,MAAAA,GAAAA,EAAAzB,IACF,CAAAA,EAAAyB,IAKAY,EAAAD,EAAAA,YAAAE,iCAIMb,MAAAA,GAAAA,EAAAzB,uCAUNuC,EAAAC,EAAAA,SAEAC,EAAA,OAAAC,EA9CFC,IA6CE,iBAAAD,EAAAA,EA7CFC,IAgDEC,EAAAR,EAAAA,YAAA,8CAIA,CAAAD,EAAAM,IAEAI,EAAAT,EAAAA,YAAA,iBAGEG,EAAAO,QAAAC,QACAR,EAAAO,aAAAnC,QAGFqC,EAAAZ,EAAAA,YAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAC,aAGFC,EAAAf,EAAAA,YAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAG,+BAIAC,EAAAA,oBAAAxB,mBAOAyB,GACEV,IAGF,KAEEC,MAGJ,0BAGE1B,GAAAH,KAAAiB,+CAGA,kBAAApB,GAAAM,GAAAoC,UAGFC,EAAAC,EAAAA,WAAA,CAAAtC,GAAAC,QAAAJ,KAAAG,GAAAC,QAAAa"}
+{"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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\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  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\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 { cssProps } from '@oracle/oraclejet-cssprops';\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 { 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';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\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 rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","base","isSeverityIconNeeded","severity","messageStyles","content","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeoutDuration","autoTimeout","MIN_SECONDS","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"ugEAaA,MAAAA,GAAA,UAAAA,cA8BA,SAAAC,IAAAC,KAAAA,EAAAC,SAAAA,0BAEIH,GAEAA,KAEF,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAC,KAAA,gBAAA,CAAAC,SAAAP,EAAAD,MCpCF,MAAAS,GAAA,MAAA,kBAAA,WAeEC,YAAAC,kBAkBF,SAAAC,IAAAJ,SAAAA,EAAAK,QAAAA,EAAA,WACE,MAAAC,EAAAC,EAAAA,WAAA,CAAAN,GAAAO,KAAAP,GAAAI,KACA,OAAAX,MAAA,MAAAC,OAAAC,OAAA,CAAAG,KAAA,eAAAF,MAAAS,GAAA,CAAAN,SAAAA,KC0HF,SAAAS,GAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,GAAA,CACEH,KAAA,QAAA,mCADF,SAgCEI,QAAA,MAAA,kBAAA,glBA+BF,UAAAC,oBAAAA,EAAAC,eAAAA,EAAAC,aAAAA,EAAAC,MAAAA,GAAA,EAAAxB,KAAAA,EAAAyB,QAAAA,EAAAC,WAAAA,EAAA,SAAAb,QAAAA,EAAA,aAAAc,aAAAA,IAWE,MAAAC,gBAAAA,EAAA,KAAAV,SAAAA,EAAA,QAAAW,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAA/B,EAAAgC,kCAEAC,EAnGF,SAAApB,GACE,MAAA,eAAAA,GAAA,kBAAAA,EACE,SAEF,QA+FAqB,CAAArB,GAKAsB,EAAAC,EAAAA,YAAA,KACEX,MAAAA,GAAAA,EAAAzB,IACF,CAAAA,EAAAyB,IAKAY,EAAAD,EAAAA,YAAAE,iCAIMb,MAAAA,GAAAA,EAAAzB,uCAUNuC,EAAAC,EAAAA,SAEAC,EAAA,OAAAC,EA9CFC,IA6CE,iBAAAD,EAAAA,EA7CFC,IAgDEC,EAAAR,EAAAA,YAAA,8CAIA,CAAAD,EAAAM,IAEAI,EAAAT,EAAAA,YAAA,iBAGEG,EAAAO,QAAAC,QACAR,EAAAO,aAAAnC,QAGFqC,EAAAZ,EAAAA,YAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAC,aAGFC,EAAAf,EAAAA,YAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAG,+BAIAC,EAAAA,oBAAAxB,mBAOAyB,GACEV,IAGF,KAEEC,MAGJ,0BAGE1B,GAAAH,KAAAiB,+CAGA,kBAAApB,GAAAM,GAAAoC,UAGFC,EAAAC,EAAAA,WAAA,CAAAtC,GAAAC,QAAAJ,KAAAG,GAAAC,QAAAa"}

package/amd/PRIVATE_MessageLayer/__tests__/MessageLayer.spec.js

@@ -1,2 +1,2 @@
-define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","../../MessageLayer-12ae4390","preact","preact/hooks","../../UNSAFE_Layer","preact/compat","css!./../../PRIVATE_MessageLayer.css","../../hooks/UNSAFE_useUser","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_classNames","../../classNames-e23e522a","../../UNSAFE_Flex","../../Flex-6371a66e","../../tslib.es6-7e0f14ee","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_size","../../_curry1-b656408f","../../utils/UNSAFE_mergeInterpolations","../../_curry3-451f0a36","../../_curry2-a9053ee8","../../_has-a3b0d688","../../utils/UNSAFE_interpolations/boxalignment","../../keys-c17276c4","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-1fede399","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-88bf97c7","../../UNSAFE_WindowOverlay"],function(e,s,n,r,t,u,o,l,c,i,a,d,b,f,m,P,w,p,x,g,y,h,j,v,E,A,S,U,N,_,T,F,k){"use strict";const O="Test Message",B="MessageID",I=()=>s.jsx("div",{children:O}),L="--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset",M="--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset";describe("MessageLayer component",()=>{let l;before(async()=>{const s=t.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:n}=await function(s){switch(s){case"../../resources/nls/ar/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar/bundle"],s,n)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar-XB/bundle"],s,n)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bg/bundle"],s,n)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs/bundle"],s,n)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs-Cyrl/bundle"],s,n)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/cs/bundle"],s,n)});case"../../resources/nls/da/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/da/bundle"],s,n)});case"../../resources/nls/de/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/de/bundle"],s,n)});case"../../resources/nls/el/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/el/bundle"],s,n)});case"../../resources/nls/en/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en/bundle"],s,n)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XA/bundle"],s,n)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XC/bundle"],s,n)});case"../../resources/nls/es/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/es/bundle"],s,n)});case"../../resources/nls/et/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/et/bundle"],s,n)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fi/bundle"],s,n)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr/bundle"],s,n)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr-CA/bundle"],s,n)});case"../../resources/nls/he/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/he/bundle"],s,n)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hr/bundle"],s,n)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hu/bundle"],s,n)});case"../../resources/nls/is/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/is/bundle"],s,n)});case"../../resources/nls/it/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/it/bundle"],s,n)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ja/bundle"],s,n)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ko/bundle"],s,n)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lt/bundle"],s,n)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lv/bundle"],s,n)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ms/bundle"],s,n)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/nl/bundle"],s,n)});case"../../resources/nls/no/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/no/bundle"],s,n)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pl/bundle"],s,n)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt/bundle"],s,n)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt-PT/bundle"],s,n)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ro/bundle"],s,n)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ru/bundle"],s,n)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sk/bundle"],s,n)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sl/bundle"],s,n)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr/bundle"],s,n)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr-Latn/bundle"],s,n)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sv/bundle"],s,n)});case"../../resources/nls/th/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/th/bundle"],s,n)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/tr/bundle"],s,n)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/uk/bundle"],s,n)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/vi/bundle"],s,n)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hans/bundle"],s,n)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hant/bundle"],s,n)});default:return new Promise(function(e,n){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+s)))})}}(`../../resources/nls/${s}/bundle.ts`);l=l||{translations:{"@oracle/oraclejet-preact":n}}}),afterEach(n.cleanup),it("it renders",()=>{const{getByText:e}=n.render(s.jsx(u.RootEnvironmentProvider,Object.assign({environment:l},{children:s.jsx(o.MessageLayer,{children:s.jsx(I,{})})})));r.expect(e(O)).to.exist}),o.positions.map(e=>{it("it renders all positions: "+e,async()=>{const{getByText:t,getByTestId:c}=n.render(s.jsx(u.RootEnvironmentProvider,Object.assign({environment:l},{children:s.jsx(o.MessageLayer,Object.assign({position:e,testId:B},{children:s.jsx(I,{})}))}))),i=c(B);r.expect(t(O)).to.exist,r.expect(i.classList.length).to.equal(2)})}),it("it renders offset from number value",async()=>{const{getByTestId:e,getByText:t}=n.render(s.jsx(u.RootEnvironmentProvider,Object.assign({environment:l},{children:s.jsx(o.MessageLayer,Object.assign({offset:5,testId:B},{children:s.jsx(I,{})}))}))),c=e(B),i=getComputedStyle(c);r.expect(t(O)).to.exist,r.expect(i.getPropertyValue(L)).to.equal("5px"),r.expect(i.getPropertyValue(M)).to.equal("5px")}),it("it renders offset from object",()=>{const{getByTestId:e,getByText:t}=n.render(s.jsx(u.RootEnvironmentProvider,Object.assign({environment:l},{children:s.jsx(o.MessageLayer,Object.assign({offset:{horizontal:5,vertical:5},testId:B},{children:s.jsx(I,{})}))}))),c=e(B),i=getComputedStyle(c);r.expect(t(O)).to.exist,r.expect(i.getPropertyValue(L)).to.equal("5px"),r.expect(i.getPropertyValue(M)).to.equal("5px")})})});
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","../../MessageLayer-0bf829da","preact","preact/hooks","../../UNSAFE_Layer","preact/compat","css!./../../PRIVATE_MessageLayer.css","../../hooks/UNSAFE_useUser","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_classNames","../../classNames-f11010a7","../../UNSAFE_Flex","../../Flex-e3a46a36","../../tslib.es6-24bf3861","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_size","../../_curry1-f9717f1c","../../utils/UNSAFE_mergeInterpolations","../../_curry3-01167a7d","../../_curry2-c4648b65","../../_has-6f4fa2af","../../utils/UNSAFE_interpolations/boxalignment","../../keys-6231193b","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-b6c222f9","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-1405ebe5","../../UNSAFE_WindowOverlay"],function(e,s,n,r,t,u,o,l,c,i,a,d,b,f,m,P,w,p,x,g,y,h,j,v,E,A,S,U,N,_,T,F,k){"use strict";const O="Test Message",B="MessageID",I=()=>s.jsx("div",{children:O}),L="--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset",M="--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset";describe("MessageLayer component",()=>{let l;before(async()=>{const s=t.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:n}=await function(s){switch(s){case"../../resources/nls/ar/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar/bundle"],s,n)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar-XB/bundle"],s,n)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bg/bundle"],s,n)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs/bundle"],s,n)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs-Cyrl/bundle"],s,n)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/cs/bundle"],s,n)});case"../../resources/nls/da/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/da/bundle"],s,n)});case"../../resources/nls/de/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/de/bundle"],s,n)});case"../../resources/nls/el/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/el/bundle"],s,n)});case"../../resources/nls/en/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en/bundle"],s,n)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XA/bundle"],s,n)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XC/bundle"],s,n)});case"../../resources/nls/es/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/es/bundle"],s,n)});case"../../resources/nls/et/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/et/bundle"],s,n)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fi/bundle"],s,n)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr/bundle"],s,n)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr-CA/bundle"],s,n)});case"../../resources/nls/he/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/he/bundle"],s,n)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hr/bundle"],s,n)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hu/bundle"],s,n)});case"../../resources/nls/is/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/is/bundle"],s,n)});case"../../resources/nls/it/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/it/bundle"],s,n)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ja/bundle"],s,n)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ko/bundle"],s,n)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lt/bundle"],s,n)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lv/bundle"],s,n)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ms/bundle"],s,n)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/nl/bundle"],s,n)});case"../../resources/nls/no/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/no/bundle"],s,n)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pl/bundle"],s,n)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt/bundle"],s,n)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt-PT/bundle"],s,n)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ro/bundle"],s,n)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ru/bundle"],s,n)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sk/bundle"],s,n)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sl/bundle"],s,n)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr/bundle"],s,n)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr-Latn/bundle"],s,n)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sv/bundle"],s,n)});case"../../resources/nls/th/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/th/bundle"],s,n)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/tr/bundle"],s,n)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/uk/bundle"],s,n)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/vi/bundle"],s,n)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hans/bundle"],s,n)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hant/bundle"],s,n)});default:return new Promise(function(e,n){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+s)))})}}(`../../resources/nls/${s}/bundle.ts`);l=l||{translations:{"@oracle/oraclejet-preact":n}}}),afterEach(n.cleanup),it("it renders",()=>{const{getByText:e}=n.render(s.jsx(u.RootEnvironmentProvider,Object.assign({environment:l},{children:s.jsx(o.MessageLayer,{children:s.jsx(I,{})})})));r.expect(e(O)).to.exist}),o.positions.map(e=>{it("it renders all positions: "+e,async()=>{const{getByText:t,getByTestId:c}=n.render(s.jsx(u.RootEnvironmentProvider,Object.assign({environment:l},{children:s.jsx(o.MessageLayer,Object.assign({position:e,testId:B},{children:s.jsx(I,{})}))}))),i=c(B);r.expect(t(O)).to.exist,r.expect(i.classList.length).to.equal(2)})}),it("it renders offset from number value",async()=>{const{getByTestId:e,getByText:t}=n.render(s.jsx(u.RootEnvironmentProvider,Object.assign({environment:l},{children:s.jsx(o.MessageLayer,Object.assign({offset:5,testId:B},{children:s.jsx(I,{})}))}))),c=e(B),i=getComputedStyle(c);r.expect(t(O)).to.exist,r.expect(i.getPropertyValue(L)).to.equal("5px"),r.expect(i.getPropertyValue(M)).to.equal("5px")}),it("it renders offset from object",()=>{const{getByTestId:e,getByText:t}=n.render(s.jsx(u.RootEnvironmentProvider,Object.assign({environment:l},{children:s.jsx(o.MessageLayer,Object.assign({offset:{horizontal:5,vertical:5},testId:B},{children:s.jsx(I,{})}))}))),c=e(B),i=getComputedStyle(c);r.expect(t(O)).to.exist,r.expect(i.getPropertyValue(L)).to.equal("5px"),r.expect(i.getPropertyValue(M)).to.equal("5px")})})});
 //# sourceMappingURL=MessageLayer.spec.js.map

package/amd/PRIVATE_MessageLayer.css

@@ -1,7 +1,7 @@
-.cdc68f{position:absolute;pointer-events:initial;width:max-content;}
-.m7my4l{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-.a7yteg{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
-._1lfgx5z{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-._1k468lj{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-._1i967gu{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
-.xat008{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+.o0ak48{position:absolute;pointer-events:initial;width:max-content;}
+._1dog2tj{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._12sbqj7{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
+.fom6ld{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+.nchk5{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._5yfndt{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
+.qjudwy{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}

package/amd/PRIVATE_MessageLayer.js

@@ -1,2 +1,2 @@
-define(["exports","./MessageLayer-12ae4390","preact/jsx-runtime","css!./PRIVATE_MessageLayer.css","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-e23e522a","./UNSAFE_Flex","./Flex-6371a66e","./tslib.es6-7e0f14ee","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-b656408f","./utils/UNSAFE_mergeInterpolations","./_curry3-451f0a36","./_curry2-a9053ee8","./_has-a3b0d688","./utils/UNSAFE_interpolations/boxalignment","./keys-c17276c4","./utils/UNSAFE_interpolations/flexbox","./flexbox-1fede399","./utils/UNSAFE_interpolations/flexitem","./flexitem-88bf97c7","./UNSAFE_WindowOverlay"],function(e,s,i,t,a,r,o,l,n,_,u,c,F,N,U,p,E,A,S,f,x,y,m,b,d,g,L,M,h,k){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./MessageLayer-0bf829da","preact/jsx-runtime","css!./PRIVATE_MessageLayer.css","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-f11010a7","./UNSAFE_Flex","./Flex-e3a46a36","./tslib.es6-24bf3861","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-f9717f1c","./utils/UNSAFE_mergeInterpolations","./_curry3-01167a7d","./_curry2-c4648b65","./_has-6f4fa2af","./utils/UNSAFE_interpolations/boxalignment","./keys-6231193b","./utils/UNSAFE_interpolations/flexbox","./flexbox-b6c222f9","./utils/UNSAFE_interpolations/flexitem","./flexitem-1405ebe5","./UNSAFE_WindowOverlay"],function(e,s,i,t,a,r,o,l,n,_,u,c,f,F,N,U,p,E,A,S,b,x,y,m,d,g,L,M,h,k){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_MessageLayer.js.map

package/amd/PRIVATE_Meter.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-7e0f14ee","preact/jsx-runtime","preact/compat"],function(r,t,o,i){"use strict";const e=i.forwardRef((r,i)=>{var{id:e,length:d="100%",children:s,color:l,orientation:a="horizontal",ariaProps:c}=r,h=t.__rest(r,["id","length","children","color","orientation","ariaProps"]);const n="horizontal"===a;return o.jsx("div",Object.assign({id:e,ref:i,class:h.class},c,{style:{width:n?d:void 0,height:n?void 0:d,backgroundColor:l}},{children:s}))}),d=i.forwardRef((r,i)=>{var{id:e,children:d,color:s,clipPath:l,borderWidth:a,ariaProps:c}=r,h=t.__rest(r,["id","children","color","clipPath","borderWidth","ariaProps"]);return o.jsx("div",Object.assign({id:e,ref:i},c,{class:h.class,style:{borderColor:s,borderWidth:a,clipPath:l}},{children:d}))});r.BarTrack=e,r.BarValue=r=>{var{length:i="100%",size:e="100%",orientation:d="horizontal",color:s}=r,l=t.__rest(r,["length","size","orientation","color"]);const a="horizontal"===d;return o.jsx("div",{class:l.class,style:{width:a?i:e,height:a?e:i,backgroundColor:s}})},r.CircleInner=r=>{var{clipPath:i,color:e,height:d,width:s,size:l,section:a="full"}=r,c=t.__rest(r,["clipPath","color","height","width","size","section"]);const h=function(r,t){const o={borderTopWidth:t,borderBottomWidth:t,borderRightWidth:t,borderLeftWidth:t};return"top"===r&&(o.borderBottomWidth=void 0),"bottom"===r&&(o.borderTopWidth=void 0),"left"===r&&(o.borderRightWidth=void 0),"right"===r&&(o.borderLeftWidth=void 0),o}(a,l);return o.jsx("div",{class:c.class,style:Object.assign({clipPath:i,borderColor:e,height:d,width:s},h)})},r.CircleWrapper=d,Object.defineProperty(r,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-24bf3861","preact/jsx-runtime","preact/compat"],function(r,t,o,i){"use strict";const e=i.forwardRef((r,i)=>{var{id:e,length:d="100%",children:s,color:l,orientation:a="horizontal",ariaProps:c}=r,h=t.__rest(r,["id","length","children","color","orientation","ariaProps"]);const n="horizontal"===a;return o.jsx("div",Object.assign({id:e,ref:i,class:h.class},c,{style:{width:n?d:void 0,height:n?void 0:d,backgroundColor:l}},{children:s}))}),d=i.forwardRef((r,i)=>{var{id:e,children:d,color:s,clipPath:l,borderWidth:a,ariaProps:c}=r,h=t.__rest(r,["id","children","color","clipPath","borderWidth","ariaProps"]);return o.jsx("div",Object.assign({id:e,ref:i},c,{class:h.class,style:{borderColor:s,borderWidth:a,clipPath:l}},{children:d}))});r.BarTrack=e,r.BarValue=r=>{var{length:i="100%",size:e="100%",orientation:d="horizontal",color:s}=r,l=t.__rest(r,["length","size","orientation","color"]);const a="horizontal"===d;return o.jsx("div",{class:l.class,style:{width:a?i:e,height:a?e:i,backgroundColor:s}})},r.CircleInner=r=>{var{clipPath:i,color:e,height:d,width:s,size:l,section:a="full"}=r,c=t.__rest(r,["clipPath","color","height","width","size","section"]);const h=function(r,t){const o={borderTopWidth:t,borderBottomWidth:t,borderRightWidth:t,borderLeftWidth:t};return"top"===r&&(o.borderBottomWidth=void 0),"bottom"===r&&(o.borderTopWidth=void 0),"left"===r&&(o.borderRightWidth=void 0),"right"===r&&(o.borderLeftWidth=void 0),o}(a,l);return o.jsx("div",{class:c.class,style:Object.assign({clipPath:i,borderColor:e,height:d,width:s},h)})},r.CircleWrapper=d,Object.defineProperty(r,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Meter.js.map

package/amd/PRIVATE_SelectCommon.css

@@ -1,18 +1,18 @@
-._53webu{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);}
+.nsqgqa{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);max-height:inherit;display:flex;flex-direction:column;}
 
-._1r7udd{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);}
-._19n1o87{width:2.75rem;height:2.75rem;line-height:2.75rem;}
-._1ul7gpb{width:2.25rem;height:2.25rem;line-height:2.25rem;}
-._1vkoex6{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1vkoex6: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;}
-.l3t3f9{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.kr5to0{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);}
 
-.x68szt{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);max-height:inherit;display:flex;flex-direction:column;}
+.xk8neb{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);}
+._1wwkc5c{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+.buiwch{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+.bgzzum{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.bgzzum: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;}
+._1w93tr7{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-._10m44ix{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);}
+.x8qj2g{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;}
+._10hk573{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._58kovu{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._3hzw5q{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
 
-._15kn7c0{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);}
+._1iwsitd{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);}
 
-._12i4eng{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;}
-.x2adue{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._9ei1ql{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._13n3mbr{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+.ullep4{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);}

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-6371a66e","./HighlightText-de1bf4e2","./List-96b73e43","./Skeleton-68cdd7b6","./UNSAFE_Floating","./UNSAFE_Layer","./utils/UNSAFE_arrayUtils","./Floating-fd3596ba","./hooks/UNSAFE_usePress","./index-365ddeb3","./utils/UNSAFE_classNames","./classNames-e23e522a","./index-8c322165","./hooks/UNSAFE_useFormFieldContext","./UNSAFE_UserAssistance","./hooks/UNSAFE_useTranslationBundle","./utils/PRIVATE_clientHints","./clientHints-cbf4b34f","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-5a3b8603","./PRIVATE_Collection","./Collection-4c905202","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-ed812ab7","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-fc22ca7f","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-b656408f","./_curry2-a9053ee8","./_curry3-451f0a36","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./tslib.es6-7e0f14ee","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-a3b0d688","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/boxalignment","./keys-c17276c4","./utils/UNSAFE_interpolations/flexbox","./flexbox-1fede399","./utils/UNSAFE_interpolations/flexitem","./flexitem-88bf97c7","./UNSAFE_Selector","./UNSAFE_Icon","./Icon-74af3581","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ed7baee1","./index-d7a7f3a5","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useTheme","./InlineHelpSource-875a4918","./UNSAFE_ComponentMessage","./ComponentMessage-fae17309","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-9761b231","./UNSAFE_Button","./Button-91d1d81d","./UNSAFE_BaseButton","./BaseButton-ad209065","./hooks/UNSAFE_useActive","./MessageDetail-231e34ef","./MessageFormattingUtils-daf0e8f9","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-dfe8de67","./Message.types-dc4dcc2b","./MessageStartIcon-8c35d9bf","./MessageSummary-65ddf192","./MessageTimestamp-28a44775","./MessageUtils-2a44c5f1","./utils/UNSAFE_soundUtils","./MessagesManager-3038f8bc","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-5d3d6af2","./ComponentMessageContainer-76688ce8","./hooks/UNSAFE_useFormContext"],function(e,t,s,n,o,i,a,l,r,c,u,d,f,A,E,h,_,S,g,F,b,p,m,v,T,U,C,x,k,N,w,y,D,I,R,P,L,M,j,O,K,H,V,B,G,z,W,q,Y,$,J,Q,X,Z,ee,te,se,ne,oe,ie,ae,le,re,ce,ue,de,fe,Ae,Ee,he,_e,Se,ge,Fe,be,pe,me,ve,Te,Ue,Ce,xe,ke,Ne,we,ye,De,Ie,Re,Pe,Le,Me,je,Oe,Ke,He,Ve,Be,Ge,ze,We,qe,Ye,$e,Je,Qe,Xe,Ze,et){"use strict";function tt(e,t){var s;if("string"!=typeof t)return t(e);if(null===(s=e.data)||void 0===s?void 0:s.hasOwnProperty(t)){const s=e.data[t];return String(s)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const st=()=>{};const nt=t.jsx(d.SkeletonContainer,Object.assign({minimumCount:3},{children:()=>t.jsx(c.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(f.Skeleton,{height:"4x"})}))})),ot={TAB:"Tab",ENTER:"Enter",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"},it=e=>{switch(e.code){case ot.SHIFT_LEFT:case ot.SHIFT_RIGHT:case ot.CTRL_LEFT:case ot.CTRL_RIGHT:case ot.ALT_LEFT:case ot.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},at=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),lt=e=>it(e)||at(e),rt=e=>0===e.button&&!e.ctrlKey,ct=e=>{e.currentTarget===e.target&&e.preventDefault()},ut=e=>{var t;return null!==(t=null==e?void 0:e.ownerDocument)&&void 0!==t?t:document},dt=({isDisabled:e=!1,ref:t,handler:n})=>{s.useEffect(()=>{const s=h.coerceArray(t);if(!n||e||s.length>0&&s.findIndex(e=>null===e.current)>-1)return;const o=e=>{((e,t)=>{const s=e.target;if(s&&!ut(s).contains(s))return!1;return t.every(e=>{var t;return!(null===(t=e.current)||void 0===t?void 0:t.contains(s))})})(e,s)&&(null==n||n(e))},i=s[0],a=ut(i.current);return a?(a.addEventListener("mousedown",o,!0),()=>{a.removeEventListener("mousedown",o,!0)}):void 0},[e,n,t])},ft="x68szt",At="bottom-start";const Et="_1r7udd",ht="_19n1o87",_t="_1ul7gpb",St="_1vkoex6",gt="l3t3f9",Ft=()=>{};const bt="_12i4eng",pt="x2adue",mt="_9ei1ql",vt="_13n3mbr";e.DefaultList=function({accessibleSummary:e,currentItemVariant:n,currentKey:o,data:i,itemText:a,onCurrentKeyChange:l,onItemAction:r,onLoadRange:f=st,onSelectionChange:A,searchText:E,selectedKeys:h,selectionMode:_}){const S=s.useCallback(e=>{const s=tt({data:e.data,key:e.metadata.key,metadata:e.metadata},a);return t.jsxs(c.Flex,{children:[e.selector&&e.selector(),t.jsx("div",Object.assign({class:"_53webu"},{children:t.jsx(u.HighlightText,Object.assign({matchText:E},{children:s}))}))]})},[a,E]),g=s.useMemo(()=>({all:!1,keys:null!=h?h:new Set}),[h]);return t.jsx(d.List,Object.assign({accessibleSummary:e,allowTabbableMode:!1,currentItemVariant:n,currentKey:o,data:null!=i?i:null,loadingIndicator:nt,onCurrentKeyChange:l,onItemAction:r,onLoadRange:f,onSelectionChange:A,role:"listbox",selectedKeys:g,selectionMode:_},{children:e=>S(e)}))},e.Dropdown=function({anchorRef:e,children:n,dropdownRef:o,id:i,isOpen:a,onAutoDismiss:l,onPosition:r}){var c;const[u,d]=s.useState(At);s.useEffect(()=>{a||d(At)},[a,d]);const f=s.useCallback(e=>{d(e.placement),null==r||r(e)},[r,d]),A=s.useCallback(e=>{null==l||l(e)},[l]),h=s.useCallback(e=>{if(!e.defaultPrevented&&!lt(e))switch(e.code){case ot.ESC:case ot.TAB:A(e)}},[A]);dt({isDisabled:!a,ref:[e,o],handler:A});const S={minWidth:`${null===(c=e.current)||void 0===c?void 0:c.offsetWidth}px`};return a?t.jsx(E.Layer,Object.assign({logicalParentRef:e},{children:t.jsx(_.Floating,Object.assign({anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:o,placement:u,offsetValue:{mainAxis:4,crossAxis:0},onPosition:f},{children:t.jsx("div",Object.assign({class:ft,id:i,style:S,onKeyDown:h,onMouseDown:ct},{children:n}))}))})):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,size:o="md"}){const i=s.useCallback(e=>{e.preventDefault()},[]),{pressProps:a}=S.usePress(null!=n?n:Ft,{isDisabled:e}),l=b.classNames([Et,"sm"===o?_t:ht,e?gt:St]);return t.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:i},a,{children:t.jsx(p.SvgIcoCaretDown,{})}))},e.DropdownList=function({children:e,hasBottomGap:s=!0,isLoading:n=!1}){const o=b.classNames([bt,pt,s&&mt,n&&vt]);return t.jsx("div",Object.assign({class:o,onMouseDown:ct},{children:e}))},e.DropdownUserAssistance=function(e){const n=s.useCallback(e=>{var t;"A"!==(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()},[]);return t.jsx(m.FormFieldContext.Provider,Object.assign({value:{isFocused:!0}},{children:t.jsx("div",Object.assign({class:"_10m44ix",onMouseDown:n},{children:t.jsx(v.InlineUserAssistance,Object.assign({},e))}))}))},e.EmptyResults=function(){const e=T.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",Object.assign({class:"_15kn7c0",onMouseDown:ct},{children:e.select_noMatchesFound()}))},e.KEYS=ot,e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=it,e.isControlOrFunctionKey=lt,e.isFunctionKey=at,e.isMobile=function(){const e=C.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isSimpleClick=rt,e.preventDefaultForCurrentTarget=ct,e.renderItemText=tt,e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:o}){const i=s.useRef(null),a=s.useRef(null),[l,r]=s.useState(!1),[c,u]=s.useState(!1),[d,f]=s.useState({rowKey:void 0}),[A,E]=s.useState(),[h,_]=s.useState(!1),[S,g]=s.useState(),[F,b]=s.useState(),p=s.useCallback(e=>{!e.defaultPrevented&&rt(e)&&(l||r(!0),setTimeout(function(){var e;null===(e=t.current)||void 0===e||e.focus()},0))},[l]),m=s.useCallback(()=>{var e;r(!l),null===(e=t.current)||void 0===e||e.focus()},[l]),v=s.useCallback(e=>{var s,n,o;if(l)switch(r(!1),null==e?void 0:e.type){case"keydown":if(e.code===ot.ESC)null===(s=t.current)||void 0===s||s.focus();break;case"mousedown":(null===(n=a.current)||void 0===n?void 0:n.contains(document.activeElement))&&(null===(o=t.current)||void 0===o||o.focus())}},[l]),T=s.useCallback(e=>{u(e.placement.startsWith("top"))},[]),U=s.useCallback(t=>{var s,n,o,i;if(l){const t=null===(s=a.current)||void 0===s?void 0:s.querySelector('[tabindex="0"]');null==t||t.focus(),void 0!==e&&void 0===d.rowKey&&f({rowKey:null===(i=null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n[0])||void 0===o?void 0:o.metadata)||void 0===i?void 0:i.key})}else r(!0);t.preventDefault()},[d,e,l]),C=s.useCallback(e=>{if(!lt(e))switch(e.code){case ot.PAGE_UP:case ot.PAGE_DOWN:return void e.preventDefault();case ot.UP:case ot.DOWN:e.preventDefault();break;case ot.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}},[l]),x=s.useCallback(e=>{if(!lt(e))switch(e.code){case ot.UP:case ot.DOWN:U(e)}},[U]),k=s.useCallback(e=>{var t;l||r(!0),_(!0),g(e.value);const s=null===(t=e.value)||void 0===t?void 0:t.trim();b(s),null==o||o({searchText:s})},[l,o]),N=s.useCallback(e=>{f({rowKey:e.value})},[]),w=s.useCallback(()=>{_(!1),g(""),b("")},[]);return s.useEffect(()=>{l||n||!h||w()},[l,n,h]),s.useEffect(()=>{l&&!h&&(null==o||o({searchText:void 0}))},[l,h,o]),s.useEffect(()=>{l||u(!1)},[l]),{currentRow:d,dropdownRef:a,handleDropdownArrowClick:m,handleDropdownAutoDismiss:v,handleDropdownPosition:T,handleInput:k,handleMainFieldKeyDown:C,handleMainFieldKeyUp:x,handleUpDownArrowKeys:U,isDropdownAbove:c,isDropdownOpen:l,isFocused:n||l,isUserFiltering:h,mainFieldRef:i,onCurrentKeyChange:N,onMouseDown:p,searchText:F,selectedKeys:A,setCurrentRow:f,setDropdownOpen:r,setSelectedKeys:E,stopFiltering:w,userInput:S}},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-e3a46a36","./HighlightText-f5e447be","./List-24031444","./Skeleton-65cc3876","./UNSAFE_Floating","./UNSAFE_Layer","./utils/UNSAFE_arrayUtils","./Floating-1e70bca1","./hooks/UNSAFE_usePress","./index-c7f647a1","./utils/UNSAFE_classNames","./classNames-f11010a7","./index-72f6069b","./hooks/UNSAFE_useFormFieldContext","./UNSAFE_UserAssistance","./hooks/UNSAFE_useTranslationBundle","./utils/PRIVATE_clientHints","./clientHints-33be1380","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-d53c66bf","./PRIVATE_Collection","./Collection-0700cc46","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-8523118a","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-5a3a8c7d","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-f9717f1c","./_curry2-c4648b65","./_curry3-01167a7d","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./tslib.es6-24bf3861","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-6f4fa2af","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/boxalignment","./keys-6231193b","./utils/UNSAFE_interpolations/flexbox","./flexbox-b6c222f9","./utils/UNSAFE_interpolations/flexitem","./flexitem-1405ebe5","./UNSAFE_Selector","./UNSAFE_Icon","./Icon-7291b5d0","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-19a01c68","./index-66b69d43","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useTheme","./InlineHelpSource-64823c0a","./UNSAFE_ComponentMessage","./ComponentMessage-998dad2a","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-80019999","./UNSAFE_Button","./Button-6236e6b9","./UNSAFE_BaseButton","./BaseButton-6b15cf96","./hooks/UNSAFE_useActive","./MessageDetail-520bf217","./MessageFormattingUtils-522eafdf","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b9c2724c","./Message.types-7cf67e6b","./MessageStartIcon-f0caac42","./MessageSummary-1fe58d25","./MessageTimestamp-0324ebac","./MessageUtils-83d741c6","./utils/UNSAFE_soundUtils","./MessagesManager-92a31926","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-cc2e72c9","./ComponentMessageContainer-329000c3","./hooks/UNSAFE_useFormContext"],function(e,t,s,n,o,i,a,l,r,c,u,d,A,f,h,E,g,S,_,b,F,p,m,v,T,U,C,k,x,N,w,y,D,I,R,P,j,L,M,O,K,H,V,B,G,z,W,q,Y,$,J,Q,X,Z,ee,te,se,ne,oe,ie,ae,le,re,ce,ue,de,Ae,fe,he,Ee,ge,Se,_e,be,Fe,pe,me,ve,Te,Ue,Ce,ke,xe,Ne,we,ye,De,Ie,Re,Pe,je,Le,Me,Oe,Ke,He,Ve,Be,Ge,ze,We,qe,Ye,$e,Je,Qe,Xe,Ze,et){"use strict";function tt(e,t){var s;if("string"!=typeof t)return t(e);if(null===(s=e.data)||void 0===s?void 0:s.hasOwnProperty(t)){const s=e.data[t];return String(s)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const st=()=>{};const nt=t.jsx(d.SkeletonContainer,Object.assign({minimumCount:3},{children:()=>t.jsx(c.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(A.Skeleton,{height:"4x"})}))})),ot={TAB:"Tab",ENTER:"Enter",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"},it=e=>{switch(e.code){case ot.SHIFT_LEFT:case ot.SHIFT_RIGHT:case ot.CTRL_LEFT:case ot.CTRL_RIGHT:case ot.ALT_LEFT:case ot.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},at=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),lt=e=>it(e)||at(e),rt=e=>0===e.button&&!e.ctrlKey,ct=e=>{e.currentTarget===e.target&&e.preventDefault()},ut=e=>{var t;return null!==(t=null==e?void 0:e.ownerDocument)&&void 0!==t?t:document},dt=({isDisabled:e=!1,ref:t,handler:n})=>{s.useEffect(()=>{const s=E.coerceArray(t);if(!n||e||s.length>0&&s.findIndex(e=>null===e.current)>-1)return;const o=e=>{((e,t)=>{const s=e.target;if(s&&!ut(s).contains(s))return!1;return t.every(e=>{var t;return!(null===(t=e.current)||void 0===t?void 0:t.contains(s))})})(e,s)&&(null==n||n(e))},i=s[0],a=ut(i.current);return a?(a.addEventListener("mousedown",o,!0),()=>{a.removeEventListener("mousedown",o,!0)}):void 0},[e,n,t])},At="nsqgqa",ft="bottom-start";const ht="xk8neb",Et="_1wwkc5c",gt="buiwch",St="bgzzum",_t="_1w93tr7",bt=()=>{};const Ft="x8qj2g",pt="_10hk573",mt="_58kovu",vt="_3hzw5q";e.DefaultList=function({accessibleSummary:e,currentItemVariant:n,currentKey:o,data:i,itemText:a,onCurrentKeyChange:l,onItemAction:r,onLoadRange:A=st,onSelectionChange:f,searchText:h,selectedKeys:E,selectionMode:g}){const S=s.useCallback(e=>{const s=tt({data:e.data,key:e.metadata.key,metadata:e.metadata},a);return t.jsxs(c.Flex,{children:[e.selector&&e.selector(),t.jsx("div",Object.assign({class:"kr5to0"},{children:t.jsx(u.HighlightText,Object.assign({matchText:h},{children:s}))}))]})},[a,h]),_=s.useMemo(()=>({all:!1,keys:null!=E?E:new Set}),[E]);return t.jsx(d.List,Object.assign({accessibleSummary:e,allowTabbableMode:!1,currentItemVariant:n,currentKey:o,data:null!=i?i:null,loadingIndicator:nt,onCurrentKeyChange:l,onItemAction:r,onLoadRange:A,onSelectionChange:f,role:"listbox",selectedKeys:_,selectionMode:g},{children:e=>S(e)}))},e.Dropdown=function({anchorRef:e,children:n,dropdownRef:o,id:i,isOpen:a,onAutoDismiss:l,onPosition:r}){var c;const[u,d]=s.useState(ft);s.useEffect(()=>{a||d(ft)},[a,d]);const A=s.useCallback(e=>{d(e.placement),null==r||r(e)},[r,d]),f=s.useCallback(e=>{null==l||l(e)},[l]),E=s.useCallback(e=>{if(!e.defaultPrevented&&!lt(e))switch(e.code){case ot.ESC:case ot.TAB:f(e)}},[f]);dt({isDisabled:!a,ref:[e,o],handler:f});const S={minWidth:`${null===(c=e.current)||void 0===c?void 0:c.offsetWidth}px`};return a?t.jsx(h.Layer,Object.assign({logicalParentRef:e},{children:t.jsx(g.Floating,Object.assign({anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:o,placement:u,offsetValue:{mainAxis:4,crossAxis:0},onPosition:A},{children:t.jsx("div",Object.assign({class:At,id:i,style:S,onKeyDown:E,onMouseDown:ct},{children:n}))}))})):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,size:o="md"}){const i=s.useCallback(e=>{e.preventDefault()},[]),{pressProps:a}=S.usePress(null!=n?n:bt,{isDisabled:e}),l=F.classNames([ht,"sm"===o?gt:Et,e?_t:St]);return t.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:i},a,{children:t.jsx(p.SvgIcoCaretDown,{})}))},e.DropdownList=function({children:e,hasBottomGap:s=!0,isLoading:n=!1}){const o=F.classNames([Ft,pt,s&&mt,n&&vt]);return t.jsx("div",Object.assign({class:o,onMouseDown:ct},{children:e}))},e.DropdownUserAssistance=function(e){const n=s.useCallback(e=>{var t;"A"!==(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()},[]);return t.jsx(m.FormFieldContext.Provider,Object.assign({value:{isFocused:!0}},{children:t.jsx("div",Object.assign({class:"_1iwsitd",onMouseDown:n},{children:t.jsx(v.InlineUserAssistance,Object.assign({},e))}))}))},e.EmptyResults=function(){const e=T.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",Object.assign({class:"ullep4",onMouseDown:ct},{children:e.select_noMatchesFound()}))},e.KEYS=ot,e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=it,e.isControlOrFunctionKey=lt,e.isFunctionKey=at,e.isMobile=function(){const e=C.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isSimpleClick=rt,e.preventDefaultForCurrentTarget=ct,e.renderItemText=tt,e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:o}){const i=s.useRef(null),a=s.useRef(null),[l,r]=s.useState(!1),[c,u]=s.useState(!1),[d,A]=s.useState({rowKey:void 0}),[f,h]=s.useState(),[E,g]=s.useState(!1),[S,_]=s.useState(),[b,F]=s.useState(),p=s.useCallback(e=>{!e.defaultPrevented&&rt(e)&&(l||r(!0),setTimeout(function(){var e;null===(e=t.current)||void 0===e||e.focus()},0))},[l]),m=s.useCallback(()=>{var e;r(!l),null===(e=t.current)||void 0===e||e.focus()},[l]),v=s.useCallback(e=>{var s,n,o;if(l)switch(r(!1),null==e?void 0:e.type){case"keydown":if(e.code===ot.ESC)null===(s=t.current)||void 0===s||s.focus();break;case"mousedown":(null===(n=a.current)||void 0===n?void 0:n.contains(document.activeElement))&&(null===(o=t.current)||void 0===o||o.focus())}},[l]),T=s.useCallback(e=>{u(e.placement.startsWith("top"))},[]),U=s.useCallback(t=>{var s,n,o,i;if(l){const t=null===(s=a.current)||void 0===s?void 0:s.querySelector('[tabindex="0"]');null==t||t.focus(),void 0!==e&&void 0===d.rowKey&&A({rowKey:null===(i=null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n[0])||void 0===o?void 0:o.metadata)||void 0===i?void 0:i.key})}else r(!0);t.preventDefault()},[d,e,l]),C=s.useCallback(e=>{if(!lt(e))switch(e.code){case ot.PAGE_UP:case ot.PAGE_DOWN:return void e.preventDefault();case ot.UP:case ot.DOWN:e.preventDefault();break;case ot.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}},[l]),k=s.useCallback(e=>{if(!lt(e))switch(e.code){case ot.UP:case ot.DOWN:U(e)}},[U]),x=s.useCallback(e=>{var t;l||r(!0),g(!0),_(e.value);const s=null===(t=e.value)||void 0===t?void 0:t.trim();F(s),null==o||o({searchText:s})},[l,o]),N=s.useCallback(e=>{A({rowKey:e.value})},[]),w=s.useCallback(()=>{g(!1),_(""),F("")},[]);return s.useEffect(()=>{l||n||!E||w()},[l,n,E]),s.useEffect(()=>{l&&!E&&(null==o||o({searchText:void 0}))},[l,E,o]),s.useEffect(()=>{l||u(!1)},[l]),{currentRow:d,dropdownRef:a,handleDropdownArrowClick:m,handleDropdownAutoDismiss:v,handleDropdownPosition:T,handleInput:x,handleMainFieldKeyDown:C,handleMainFieldKeyUp:k,handleUpDownArrowKeys:U,isDropdownAbove:c,isDropdownOpen:l,isFocused:n||l,isUserFiltering:E,mainFieldRef:i,onCurrentKeyChange:N,onMouseDown:p,searchText:b,selectedKeys:f,setCurrentRow:A,setDropdownOpen:r,setSelectedKeys:h,stopFiltering:w,userInput:S}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_SelectCommon.js.map

package/amd/PRIVATE_SelectCommon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_SelectCommon.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/useOutsideMousedown.ts","../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/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 { 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  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  'accessibleSummary' | 'currentItemVariant' | 'selectionMode'\n>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\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  accessibleSummary,\n  currentItemVariant,\n  currentKey,\n  data,\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      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      const renderedItemText = renderItemText(itemContext, itemText) as string;\n      return (\n        <Flex>\n          {listItemContext.selector && listItemContext.selector()}\n          <div class={itemStyles}>\n            <HighlightText matchText={searchText}>{renderedItemText}</HighlightText>\n          </div>\n        </Flex>\n      );\n    },\n    [itemText, searchText]\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      accessibleSummary={accessibleSummary}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentKey={currentKey}\n      data={data ?? null}\n      loadingIndicator={loadingIndicator}\n      onCurrentKeyChange={onCurrentKeyChange}\n      onItemAction={onItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={onSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n\n/**\n * Custom 3 Skeleton loader for select multiple\n * TODO: to remove this once https://jira.oraclecorp.com/jira/browse/JET-51527 is solved\n */\nconst loadingIndicator = (\n  <SkeletonContainer minimumCount={3}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","export const KEYS = {\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  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 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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS, preventDefaultForCurrentTarget } from './eventUtils';\nimport { useOutsideMousedown } from './useOutsideMousedown';\n\nconst rootStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)',\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    maxHeight: 'inherit',\n    display: 'flex',\n    flexDirection: 'column'\n  }}`\n};\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 = {\n    minWidth: `${anchorRef.current?.offsetWidth}px`\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={rootStyles.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 '../UNSAFE_ThemedIcons';\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 { 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    <div class={styleClasses} onMouseDown={preventDefaultForCurrentTarget}>\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 */\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' | 'fieldLabel' | 'helpSourceLink' | 'helpSourceText' | '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","/**\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\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 { MutableRef, 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: MutableRef<HTMLInputElement>;\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    [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  }, [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    [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]);\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    stopFiltering,\n    userInput\n  };\n}\n"],"names":["renderItemText","item","itemText","_a","data","hasOwnProperty","retData","String","Logger","error","noOp","loadingIndicator","_jsx","jsx","SkeletonContainer","Object","assign","minimumCount","children","KEYS","TAB","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","rootStyles","DEFAULT_PLACEMENT","noop","accessibleSummary","currentItemVariant","currentKey","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","key","metadata","_jsxs","Flex","selector","class","HighlightText","matchText","renderedItemText","keys","useMemo","all","Set","List","allowTabbableMode","role","context","anchorRef","dropdownRef","id","isOpen","onAutoDismiss","onPosition","setPlacement","handlePosition","positionData","placement","handleAutoDismiss","handleKeyDown","inlineStyle","isMaxHeightAdjusted","maxHeightCeiling","onClick","size","pressProps","usePress","hasBottomGap","isLoading","styleClasses","props","handleMouseDown","FormFieldContext","Provider","value","isFocused","InlineUserAssistance","translations","useTranslationBundle","select_noMatchesFound","sizePrecision","totalSize","deviceType","getClientHints","inputRef","onFilter","mainFieldRef","useRef","isDropdownOpen","setDropdownOpen","useState","isDropdownAbove","setDropdownAbove","currentRow","setCurrentRow","rowKey","undefined","setSelectedKeys","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","defaultPrevented","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","type","_b","activeElement","_c","handleDropdownPosition","startsWith","handleUpDownArrowKeys","firstFocusableElem","querySelector","_d","handleMainFieldKeyDown","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","trim","stopFiltering"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_SelectCommon.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/useOutsideMousedown.ts","../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/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 { 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  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  'accessibleSummary' | 'currentItemVariant' | 'selectionMode'\n>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\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  accessibleSummary,\n  currentItemVariant,\n  currentKey,\n  data,\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      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      const renderedItemText = renderItemText(itemContext, itemText) as string;\n      return (\n        <Flex>\n          {listItemContext.selector && listItemContext.selector()}\n          <div class={itemStyles}>\n            <HighlightText matchText={searchText}>{renderedItemText}</HighlightText>\n          </div>\n        </Flex>\n      );\n    },\n    [itemText, searchText]\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      accessibleSummary={accessibleSummary}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentKey={currentKey}\n      data={data ?? null}\n      loadingIndicator={loadingIndicator}\n      onCurrentKeyChange={onCurrentKeyChange}\n      onItemAction={onItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={onSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n\n/**\n * Custom 3 Skeleton loader for select multiple\n * TODO: to remove this once https://jira.oraclecorp.com/jira/browse/JET-51527 is solved\n */\nconst loadingIndicator = (\n  <SkeletonContainer minimumCount={3}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","export const KEYS = {\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  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 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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS, preventDefaultForCurrentTarget } from './eventUtils';\nimport { useOutsideMousedown } from './useOutsideMousedown';\n\nconst rootStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)',\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    maxHeight: 'inherit',\n    display: 'flex',\n    flexDirection: 'column'\n  }}`\n};\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 = {\n    minWidth: `${anchorRef.current?.offsetWidth}px`\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={rootStyles.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 '../UNSAFE_ThemedIcons';\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 { 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    <div class={styleClasses} onMouseDown={preventDefaultForCurrentTarget}>\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 */\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' | 'fieldLabel' | 'helpSourceLink' | 'helpSourceText' | '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","/**\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\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 { MutableRef, 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: MutableRef<HTMLInputElement>;\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    [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  }, [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    [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]);\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    stopFiltering,\n    userInput\n  };\n}\n"],"names":["renderItemText","item","itemText","_a","data","hasOwnProperty","retData","String","Logger","error","noOp","loadingIndicator","_jsx","jsx","SkeletonContainer","Object","assign","minimumCount","children","KEYS","TAB","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","rootStyles","DEFAULT_PLACEMENT","noop","accessibleSummary","currentItemVariant","currentKey","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","key","metadata","_jsxs","Flex","selector","class","HighlightText","matchText","renderedItemText","keys","useMemo","all","Set","List","allowTabbableMode","role","context","anchorRef","dropdownRef","id","isOpen","onAutoDismiss","onPosition","setPlacement","handlePosition","positionData","placement","handleAutoDismiss","handleKeyDown","inlineStyle","isMaxHeightAdjusted","maxHeightCeiling","onClick","size","pressProps","usePress","hasBottomGap","isLoading","styleClasses","props","handleMouseDown","FormFieldContext","Provider","value","isFocused","InlineUserAssistance","translations","useTranslationBundle","select_noMatchesFound","sizePrecision","totalSize","deviceType","getClientHints","inputRef","onFilter","mainFieldRef","useRef","isDropdownOpen","setDropdownOpen","useState","isDropdownAbove","setDropdownAbove","currentRow","setCurrentRow","rowKey","undefined","setSelectedKeys","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","defaultPrevented","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","type","_b","activeElement","_c","handleDropdownPosition","startsWith","handleUpDownArrowKeys","firstFocusableElem","querySelector","_d","handleMainFieldKeyDown","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","trim","stopFiltering"],"mappings":"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"}

package/amd/PRIVATE_VirtualizedCollection/__tests__/VirtualizedCollection.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","chai","../../VirtualizedCollection-ed812ab7","../../PRIVATE_Collection","../../Collection-4c905202","preact","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useViewportIntersect"],function(e,t,i,n,a,o,s,r,c,l){"use strict";function d({data:i}){const n=t.useRef(null),[o,s]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: 200px;overflow: auto",ref:n},{children:e.jsx(a.VirtualizedCollection,Object.assign({data:o,itemSelector:".item",viewportConfig:{scroller:()=>n.current},onLoadRange:e=>{const t=e.offset,n=t+e.count,a=Object.assign(Object.assign({},o),{offset:t,data:i.slice(t,n)});s(a)}},{children:t=>e.jsx("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:t.data.data.name}),t.data.metadata.key)}))}))}describe("Test VirtualizedCollection component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("initial render",async function(){const t=function(e){const t=[];for(let i=0;i<e;i++)t.push({id:"i"+i,name:"Employee "+i});return t}(100).map(e=>({data:e,metadata:{key:e.id}})),a=i.render(e.jsx(d,{data:t})),o=await a.queryAllByText("Employee",{exact:!1});n.expect(o.length).eq(25)})})});
+define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","chai","../../VirtualizedCollection-8523118a","../../PRIVATE_Collection","../../Collection-0700cc46","preact","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useViewportIntersect"],function(e,t,i,n,a,o,s,c,r,l){"use strict";function d({data:i}){const n=t.useRef(null),[o,s]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: 200px;overflow: auto",ref:n},{children:e.jsx(a.VirtualizedCollection,Object.assign({data:o,itemSelector:".item",viewportConfig:{scroller:()=>n.current},onLoadRange:e=>{const t=e.offset,n=t+e.count,a=Object.assign(Object.assign({},o),{offset:t,data:i.slice(t,n)});s(a)}},{children:t=>e.jsx("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:t.data.data.name}),t.data.metadata.key)}))}))}describe("Test VirtualizedCollection component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("initial render",async function(){const t=function(e){const t=[];for(let i=0;i<e;i++)t.push({id:"i"+i,name:"Employee "+i});return t}(100).map(e=>({data:e,metadata:{key:e.id}})),a=i.render(e.jsx(d,{data:t})),o=await a.queryAllByText("Employee",{exact:!1});n.expect(o.length).eq(25)})})});
 //# sourceMappingURL=VirtualizedCollection.spec.js.map

package/amd/PRIVATE_VirtualizedCollection.js

@@ -1,2 +1,2 @@
-define(["exports","./VirtualizedCollection-ed812ab7","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-4c905202","preact","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useViewportIntersect"],function(e,t,i,o,r,l,a,c,n){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getVirtualizedRangeExtractor=t.getVirtualizedRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./VirtualizedCollection-8523118a","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-0700cc46","preact","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useViewportIntersect"],function(e,t,i,o,r,l,a,c,n){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getVirtualizedRangeExtractor=t.getVirtualizedRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_VirtualizedCollection.js.map

package/amd/ReadonlyTextFieldInput-35c69ee9.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-24bf3861","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useTabbableMode",'module',"./utils/UNSAFE_classNames","./utils/UNSAFE_interpolations/text","./utils/UNSAFE_mergeInterpolations","./hooks/UNSAFE_useFormFieldContext","./FormControlUtils-9994f9d8","./classNames-f11010a7"],function(e,a,s,t,i,l,r,o,n,b,d,c){"use strict";const u="_15abdsk",y="_1djn8ci",x="jy9q4d",F="_4md5dl",m="_1ilva8t",p="tp8vrc",f="_18p4bwj",_="_1m3n8eq";e.ReadonlyTextFieldInput=function(e){var{ariaDescribedBy:l,ariaLabel:r,ariaLabelledBy:j,autoFocus:v,as:L="div",elementRef:A,hasInsideLabel:N=!1,inlineUserAssistance:U,innerReadonlyField:g,rows:h,type:E,value:I="",variant:R}=e,S=a.__rest(e,["ariaDescribedBy","ariaLabel","ariaLabelledBy","autoFocus","as","elementRef","hasInsideLabel","inlineUserAssistance","innerReadonlyField","rows","type","value","variant"]);const{isFormLayout:C,isReadonly:k}=t.useFormContext(),{isLoading:w}=b.useFormFieldContext(),B=w?d.getLoadingAriaLabel():r,O=[...Object.values(o.textInterpolations)],T=n.mergeInterpolations(O),{class:M}=T(S),q=c.classNames(["textarea"!==L&&"oj-c-hide-scrollbar",u,"textarea"===L&&y,C&&!k&&x,"textarea"===R&&C&&!k&&F,C&&!k&&(N?m:f),"textarea"===R&&C&&!k&&N&&p,"textarea"!==R&&C&&!k&&_,M]),{isTabbable:D,tabbableModeProps:P}=i.useTabbableMode();return"input"===L?s.jsx("input",Object.assign({"aria-describedby":l,"aria-label":B,"aria-labelledby":j,autofocus:v,class:q,readonly:!0,ref:A,type:E,value:I},!D&&P)):"textarea"===L?s.jsx("textarea",Object.assign({"aria-describedby":l,"aria-label":B,"aria-labelledby":j,autofocus:v,class:q,readonly:!0,ref:A,rows:h},!D&&P,{children:I})):s.jsx("div",Object.assign({"aria-describedby":l,"aria-label":B,"aria-labelledby":j,"aria-readonly":!0,autofocus:v,class:q,ref:A,role:"textbox"},P,{children:I}))}});
+//# sourceMappingURL=ReadonlyTextFieldInput-35c69ee9.js.map