@oracle/oraclejet-preact 15.0.7 → 15.0.8

package/amd/List-d74c2d22.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-d74c2d22.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/Sparkle.tsx","../../src/PRIVATE_List/List.tsx","../../src/PRIVATE_List/useHandleRemoveCurrentKey.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 { Roles } from '../UNSAFE_ListView';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n/**\n * List Roles need to be kept in matching sets, this module encapsulates the sets\n *\n * @param ariaRole\n * @returns matching, valid set of roles\n */\n\nconst getListViewRoles = (\n  ariaRole: Roles\n): {\n  list: HTMLAttributesSignalExcluded['role'];\n  item: HTMLAttributesSignalExcluded['role'];\n  cell: HTMLAttributesSignalExcluded['role'];\n} => {\n  switch (ariaRole) {\n    case 'listbox':\n      return { list: 'listbox', item: 'presentation', cell: 'option' };\n    case 'treegrid':\n      return { list: 'treegrid', item: 'row', cell: 'gridcell' };\n    default:\n      return { list: 'grid', item: 'row', cell: 'gridcell' };\n  }\n};\n\nexport { getListViewRoles };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { memo } from 'preact/compat';\nimport { useRef, useMemo } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { SelectionMode, CurrentItemVariant } from '../UNSAFE_Collection';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { Roles } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { listItemStyles, listItemMultiVariantStyles } from './themes/ListStyles.css';\n\n// default style class for items in ListView\nexport const ITEM_STYLE_CLASS = 'oj-c-listview-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K, D> = {\n  children: ComponentChildren;\n  itemKey: K;\n  itemData: D;\n  itemIndex: number;\n  itemDepth?: number;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isActive: boolean;\n  isGridlineVisible: boolean;\n  isSelected: boolean;\n  isTopGridlineVisible?: boolean;\n  isTabbable?: boolean;\n  role: Roles;\n  selectionMode: SelectionMode;\n  suggestion?: 'end' | true;\n  currentItemVariant?: CurrentItemVariant;\n};\n\n/**\n * The internal component used to render a single item in ListView.\n */\nexport function ListViewItem<K extends string | number, D>({\n  children,\n  itemKey,\n  itemIndex,\n  itemDepth,\n  isFocused,\n  isFocusRingVisible,\n  isActive,\n  isGridlineVisible,\n  isSelected,\n  isTopGridlineVisible = false,\n  isTabbable = false,\n  role,\n  selectionMode,\n  suggestion,\n  currentItemVariant\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const roles = useMemo(() => getListViewRoles(role), [role]);\n\n  // some roles come with related aria attributes which need to be set\n  const cellRoleAttributes =\n    roles.cell === 'option'\n      ? {\n          role: roles.cell,\n          'aria-posinset': itemIndex + 1,\n          'aria-setsize': -1\n        }\n      : {\n          role: roles.cell\n        };\n\n  // don't bubble Arrow Up and Down events to parent when in isTabbable mode\n  // this bubbling causes the outer CollectionFocus ring to change index while in the isTabbable mode.\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (isTabbable && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n      event.stopPropagation();\n    }\n  };\n\n  const { interactionProps, applyActiveStyle, applyHoverStyle, applyPseudoHoverStyle } =\n    useInteractionStyle();\n\n  const variantClasses = listItemMultiVariantStyles({\n    selectable: isSelectable(selectionMode, isSelected) ? 'isSelectable' : 'notSelectable',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    selectedSingle:\n      isSelected && selectionMode === 'single' ? 'isSelectedSingle' : 'notSelectedSingle',\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    active: applyActiveStyle || isActive ? 'isActive' : 'notActive',\n    focusHighlight:\n      currentItemVariant === 'highlight' && isFocused ? 'isFocusHighlight' : 'notFocusHighlight',\n    focusRingVisible:\n      isFocusRingVisible && isFocused ? 'isFocusRingVisible' : 'notFocusRingVisible',\n    gridlineTop: isTopGridlineVisible ? 'visible' : 'hidden',\n    gridlineBottom:\n      isGridlineVisible ||\n      (suggestion === 'end' && !isGridlineVisible && (!isSelected || selectionMode !== 'single'))\n        ? 'visible'\n        : 'hidden'\n  });\n  const classes = classNames([ITEM_STYLE_CLASS, variantClasses]);\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const { class: cls, ...cellStyles } = styleInterpolations({\n    flex: '1 1 auto',\n    alignSelf: 'center'\n  });\n  const cellClasses = classNames([\n    cls,\n    selectionMode === 'multiple' && listItemStyles.checkboxContainer\n  ]);\n\n  // todo: use translated text for selector\n  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex\n  // correctly, so unfortunately needed another div\n  return (\n    <div\n      aria-rowindex={itemIndex + 1}\n      aria-level={itemDepth}\n      data-oj-key={itemKey}\n      class={classes}\n      ref={rootRef}\n      role={roles.item}\n      {...(suggestion && { 'data-oj-suggestion': true })}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n      {...interactionProps}>\n      <div\n        id={useId()}\n        style={cellStyles}\n        class={cellClasses}\n        aria-posinset={itemIndex + 1}\n        aria-setsize={-1}\n        onKeyDown={handleKeyDown}\n        aria-colindex={1}\n        aria-selected={selectionMode !== 'none' ? isSelected : undefined}\n        {...cellRoleAttributes}>\n        <TabbableModeContext.Provider value={{ isTabbable }}>\n          <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n            {children}\n          </FocusTrap>\n        </TabbableModeContext.Provider>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper method to determine whether item is selectable\n * @returns true if item is selectable (show hover effect), false otherwise\n */\nconst isSelectable = (selectionMode: SelectionMode, isItemSelected: boolean) => {\n  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);\n};\n\nexport const MemoizeListViewItem = memo(ListViewItem, (prev: any, next: any) => {\n  if (prev && next) {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.itemIndex === next.itemIndex &&\n      prev.itemData === next.itemData &&\n      prev.isFocused === next.isFocused &&\n      prev.isFocusRingVisible === next.isFocusRingVisible &&\n      prev.isSelected === next.isSelected &&\n      prev.isTabbable === next.isTabbable &&\n      prev.isActive === next.isActive &&\n      prev.suggestion === next.suggestion\n    );\n  }\n  return false;\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { Metadata } from '../UNSAFE_Collection';\n\nconst SPARKLE_STYLE_CLASS = 'oj-collection-sparkle';\n\nimport { sparkleStyles } from './themes/ListStyles.css';\n\n/**\n * A sparkle component for smart suggestion indicator in ListView\n * @param sparkleHeight the height of sparkle\n */\nexport function Sparkle({ sparkleHeight }: { sparkleHeight: number }) {\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([sparkleStyles.container, SPARKLE_STYLE_CLASS]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nexport const findSuggestions = <K, D>(\n  data: { data: D; metadata: Metadata<K> }[],\n  count: number\n) => {\n  if (count === 0) {\n    return null;\n  }\n\n  const suggestionsData = data.slice(0, count);\n  return suggestionsData.reduce((suggestions, value, index) => {\n    const key = value.metadata.key;\n\n    if (index === count - 1) {\n      suggestions.set(key, 'end');\n    } else {\n      suggestions.set(key, true);\n    }\n\n    return suggestions;\n  }, new Map<K, 'end' | true>());\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 { RefObject } from 'preact';\nimport { useRef, useCallback, useEffect, useState, useMemo } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport {\n  DataState,\n  ItemContext,\n  ListItemContext,\n  Metadata,\n  Range,\n  SelectionDetail\n} from '../UNSAFE_Collection';\nimport { LoadMoreCollection, LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { VirtualizedCollection, PLACEHOLDER_STYLE_CLASS } from '../PRIVATE_VirtualizedCollection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { ListViewItem, ITEM_SELECTOR, MemoizeListViewItem } from './ListItem';\nimport { SelectionRangeDetail, useSelection } from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { useItemAction } from '../hooks/PRIVATE_useItemAction';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\nimport {\n  getFirstVisibleKey,\n  getPrevNextKey,\n  findElementByKey,\n  keyExtractor\n} from '../utils/PRIVATE_collectionUtils';\nimport { Selector } from '../UNSAFE_Selector';\nimport { Props } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\nimport { useHandleRemoveCurrentKey } from './useHandleRemoveCurrentKey';\nimport { findSuggestions, Sparkle } from './Sparkle';\nimport { useCollectionGestureContext } from '../hooks/PRIVATE_useCollectionGestureContext';\nimport { listStyles } from './themes/ListStyles.css';\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\nexport function List<K extends string | number, D>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  allowTabbableMode = true,\n  children,\n  currentKey,\n  data,\n  gridlines,\n  loadingIndicator = defaultLoadingIndicator,\n  onCurrentKeyChange,\n  onLoadRange,\n  onSelectionChange,\n  onItemAction,\n  rangeExtractor,\n  role = 'grid',\n  selectedKeys = emptyKeys as Keys<K>,\n  selectionMode = 'none',\n  viewportConfig,\n  currentItemVariant = 'none',\n  promotedSection,\n  isVirtualized = true,\n  customItemRenderer,\n  eventHandlers,\n  scrollToVisibleOffset\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const listRoles = useMemo(() => getListViewRoles(role), [role]);\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  // tracking pending selection/current key that is not in current data\n  const pendingSelection = useRef<{ detail: SelectionRangeDetail<K>; range: Range }>();\n  const pendingCurrentKey = useRef<K>();\n\n  const [active, setActive] = useState<boolean>(false);\n\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const showGridline = (index: number) => {\n    // show bottom gridlines for each item, and for the last item if specified\n    return (\n      gridlines?.item === 'visible' &&\n      (index + 1 !== data?.totalSize || gridlines?.bottom === 'visible')\n    );\n  };\n\n  const showGridlineTop = () => {\n    // show the top gridline for the first item\n    return gridlines?.item === 'visible' && gridlines?.top === 'visible';\n  };\n\n  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n  const ariaRowCount =\n    data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;\n\n  const classes = classNames([listStyles.base]);\n\n  // find out whether the current key was there before in prev render\n  // and adjust current key as needed.  This should be run before other\n  // useEffect(s) that could also alter current key.\n  useHandleRemoveCurrentKey(data, currentKey, onCurrentKeyChange);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    selectionMode !== 'multiple',\n    getPrevNextKey(rootRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const listViewContains = (elem: Element | null) => {\n    return !!rootRef.current?.contains(elem);\n  };\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(listViewContains, [\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  let pendingFocusRingChange = false;\n  const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n    listViewContains,\n    (element) => {\n      // we don't want List to go into Tabbable mode when user clicks on expander\n      return isExpander(element) ? null : (keyExtractor(element, ITEM_SELECTOR) as K);\n    },\n    currentKey,\n    // handle clean-up on disabling of the mode\n    (target: EventTarget | null, isKeyboardEvent) => {\n      if (listViewContains(target as Element)) {\n        // delay focus reset for keyboard disable so focus is reset to ListView after the FocusTrap blur lifecycle completes.\n        // pointer initiated changes will fire the onBlur organically and delaying the focus, just generates an unwanted second blur\n        if (isKeyboardEvent) {\n          // do not show a focus ring during this timeOut\n          pendingFocusRingChange = true;\n          setTimeout(() => {\n            rootRef.current?.focus();\n          }, 0);\n        } else {\n          rootRef.current?.focus();\n        }\n      }\n      // otherwise target is not in list (including body, which target should be null in that case)\n    },\n    // set currentKey when mode is enabled\n    (key: K) => {\n      onCurrentKeyChange && onCurrentKeyChange({ value: key });\n    }\n  );\n\n  useEffect(() => {\n    if (currentKey != null && rootRef.current) {\n      const elem = findElementByKey(rootRef.current, currentKey, ITEM_SELECTOR);\n      if (elem) {\n        const activeDescendant = rootRef.current.getAttribute('aria-activedescendant');\n        const cell = elem.querySelector(`[role=${listRoles.cell}]`);\n        if (cell && activeDescendant !== cell.id) {\n          // update aria-activedescendant for screenreader\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n\n          const scroller = viewportConfig?.scroller();\n          const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n          // make sure item is visible\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n        }\n      }\n    }\n    // listen to data because the current item would re-render when the virtualizer\n    // is fetching data or updating the data, i.e. the id of current item would be updated,\n    // so the currentKey itself couldn't guarantee the root has latest aria-activedescendant\n  }, [currentKey, data, listRoles.cell, viewportConfig]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n        } else {\n          pendingSelection.current = {\n            detail: detail,\n            range: { offset: data.offset, count: data.data.length }\n          };\n          onLoadRange(value);\n        }\n      }\n    },\n    [data, onSelectionChange, onLoadRange]\n  );\n\n  const handleInitialFocus = useCallback(() => {\n    if (\n      rootRef.current &&\n      onCurrentKeyChange &&\n      (!allowTabbableMode || isCurrentTabbableKey(undefined))\n    ) {\n      const firstKey =\n        pendingCurrentKey.current || (getFirstVisibleKey(rootRef.current, ITEM_SELECTOR) as K);\n      if (isKeyDefined(firstKey)) {\n        onCurrentKeyChange({ value: firstKey });\n      }\n    }\n  }, [allowTabbableMode, onCurrentKeyChange, isCurrentTabbableKey]);\n\n  /**\n   * Used by allowTabbableMode = false, to prevent focus from getting onto checkboxes on click\n   * @param event\n   */\n  const handleSelectorFocusCapture = useCallback(\n    (event: FocusEvent) => {\n      const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n      if (key && (event.relatedTarget as HTMLElement)?.getAttribute('type') === 'checkbox') {\n        rootRef.current?.focus();\n        if (onCurrentKeyChange && key) {\n          onCurrentKeyChange({ value: key as K });\n        }\n      }\n    },\n    [onCurrentKeyChange]\n  );\n\n  const handleFocus = useCallback(\n    (event: FocusEvent) => {\n      if (isExpander(event.target as HTMLElement)) {\n        rootRef.current?.focus();\n        const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n        if (onCurrentKeyChange && key) {\n          onCurrentKeyChange({ value: key as K });\n        }\n        return;\n      }\n      !isKeyDefined(currentKey) && onCurrentKeyChange && handleInitialFocus();\n      !allowTabbableMode && handleSelectorFocusCapture(event);\n    },\n    [\n      allowTabbableMode,\n      currentKey,\n      handleInitialFocus,\n      handleSelectorFocusCapture,\n      onCurrentKeyChange\n    ]\n  );\n\n  const value = useCollectionGestureContext();\n\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode,\n    false,\n    'replace',\n    value === 'embedded',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    undefined,\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          const scroller = viewportConfig?.scroller();\n          const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  if (data && pendingSelection.current !== undefined && onSelectionChange) {\n    const keys = handleSelectionRange(pendingSelection.current.detail, data);\n    if (Array.isArray(keys)) {\n      onSelectionChange({ value: { all: false, keys: new Set(keys) }, target: null });\n    }\n    const range = pendingSelection.current\n      ? pendingSelection.current.range\n      : { offset: data.offset, count: data.data.length };\n    data = adjustDataState(data, range);\n    pendingSelection.current = undefined;\n    onLoadRange(range);\n  }\n\n  const suggestions = useMemo(\n    () => data && promotedSection && findSuggestions(data.data, promotedSection.count),\n    [data, promotedSection]\n  );\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  const itemActionProps = useItemAction(\n    currentKey,\n    data,\n    onItemAction,\n    ITEM_SELECTOR,\n    value === 'embedded'\n  );\n\n  useEffect(() => {\n    // update sparkleHeight only when we have suggestions\n    // avoid unnecessary iterating through elements\n    if (suggestions) {\n      const placeholder = rootRef.current?.querySelector(\n        '.' + PLACEHOLDER_STYLE_CLASS\n      ) as HTMLElement;\n      let height = placeholder?.offsetHeight || 0;\n      const suggestionItems = rootRef.current?.querySelectorAll('[data-oj-suggestion]');\n      suggestionItems?.forEach((item) => (height += (item as HTMLElement).offsetHeight));\n      setSparkleHeight(height);\n    }\n  }, [suggestions]);\n\n  // returns an ListItemContext based on ItemContext (added metadata and selector)\n  const getItemContext = useCallback(\n    (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const selectorRenderer =\n        selectionMode === 'multiple'\n          ? () => (\n              <Selector\n                onChange={handleSelectionChange}\n                rowKey={context.data.metadata.key}\n                selectedKeys={selectedKeys}></Selector>\n            )\n          : undefined;\n\n      return {\n        index: context.index,\n        data: context.data.data,\n        metadata: context.data.metadata,\n        selector: selectorRenderer\n      };\n    },\n    [selectionMode, selectedKeys, handleSelectionChange]\n  );\n\n  const ItemComponent = isVirtualized ? ListViewItem : MemoizeListViewItem;\n\n  const childrenComponent = (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n    const listItemContext = getItemContext(context);\n    const suggestion = suggestions?.get(listItemContext.metadata.key);\n    const isTabbable = allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key);\n    const isFocused = currentKey === listItemContext.metadata.key && !isTabbable;\n    const isActive = isFocused && active;\n    const isSelected = containsKey(selectedKeys, listItemContext.metadata.key);\n    const isFocusRingVisible = isFocused && showFocusRing && !pendingFocusRingChange;\n    const listItemFunc = (context: ListItemContext<K, D>, otherProps?: any) => (\n      <ItemComponent\n        key={listItemContext.metadata.key}\n        isFocused={isFocused}\n        isFocusRingVisible={isFocusRingVisible}\n        isActive={isActive}\n        isGridlineVisible={showGridline(listItemContext.index)}\n        isSelected={isSelected}\n        isTabbable={allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key)}\n        itemIndex={listItemContext.index}\n        itemKey={listItemContext.metadata.key}\n        itemData={listItemContext.data}\n        role={role}\n        selectionMode={selectionMode}\n        currentItemVariant={currentItemVariant}\n        {...(suggestion && { suggestion })}\n        {...(listItemContext.index === 0 && { isTopGridlineVisible: showGridlineTop() })}\n        {...otherProps}>\n        {children(context)}\n      </ItemComponent>\n    );\n\n    // if customItemRenderer is specified (ExpandableList and GroupedList)\n    // create a custom context with additional info including a function\n    // that helps create the default item component\n    if (customItemRenderer) {\n      const customRendererContext = {\n        listItemContext,\n        isFocused,\n        isFocusRingVisible,\n        isSelected,\n        isTabbable,\n        isActive,\n        defaultListItem: listItemFunc\n      };\n      return customItemRenderer(customRendererContext);\n    }\n    return listItemFunc(listItemContext);\n  };\n\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n\n  /**\n   * Need to track pointer down element to set currentItem when initial focus happens\n   */\n  const handlePointerDown = useCallback((event: PointerEvent) => {\n    const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n    if (isKeyDefined(key)) pendingCurrentKey.current = key as K;\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' && currentKey && selectionMode !== 'none') {\n        setActive(true);\n      }\n    },\n    [currentKey, selectionMode, setActive]\n  );\n\n  const handleKeyUp = useCallback(() => {\n    setActive(false);\n  }, [setActive]);\n\n  // if data is not specified, listview should show loading indicator\n  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)\n  return (\n    <div\n      {...mergeProps(\n        allowTabbableMode ? tabbableModeProps : {},\n        currentKeyProps,\n        focusRingProps,\n        selectionProps,\n        itemActionProps,\n        {\n          onFocus: handleFocus,\n          onPointerDown: handlePointerDown,\n          onKeyDown: handleKeyDown,\n          onKeyUp: handleKeyUp\n        },\n        eventHandlers !== undefined ? eventHandlers : {}\n      )}\n      role={role}\n      aria-rowcount={ariaRowCount}\n      aria-colcount={1}\n      ref={rootRef}\n      class={classes}\n      tabIndex={0}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-multiselectable={ariaMultiSelectable}>\n      {data == null ? (\n        loadingIndicator\n      ) : isVirtualized ? (\n        <VirtualizedCollection\n          data={data}\n          itemSelector={ITEM_SELECTOR}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          onLoadRange={onLoadRange}\n          rangeExtractor={rangeExtractor}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </VirtualizedCollection>\n      ) : (\n        <LoadMoreCollection\n          data={data.data}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          hasMore={data.sizePrecision === 'atLeast' && data.data.length <= data.totalSize}\n          onLoadMore={() => {\n            data && onLoadRange({ offset: 0, count: data.data.length + 25 });\n          }}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </LoadMoreCollection>\n      )}\n    </div>\n  );\n}\n\nconst isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains('oj-listview-expander')) {\n    return true;\n  }\n  return false;\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nconst scrollToVisible = (elem: Element, scroller: Element, offset: number) => {\n  if (elem && scroller) {\n    if ((elem as any).scrollIntoViewIfNeeded) {\n      // for Safari, we'll need the non-standard scrollIntoViewIfNeeded\n      (elem as any).scrollIntoViewIfNeeded();\n    } else {\n      elem.scrollIntoView({ block: 'nearest' });\n    }\n    if (offset > 0) {\n      const scrollerBounds = scroller.getBoundingClientRect();\n      const elemBounds = elem.getBoundingClientRect();\n      const diff = scrollerBounds.top + offset - elemBounds.top;\n      if (diff > 0) {\n        scroller.scrollTop = scroller.scrollTop - diff;\n      }\n    }\n  }\n};\n\nconst getViewportConfig = (rootRef: RefObject<HTMLElement>, config?: ViewportConfig) => {\n  return (\n    config ?? {\n      scroller: () => {\n        return rootRef.current;\n      }\n    }\n  );\n};\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  dataState: DataState<K, D>\n) => {\n  const keys = dataState.data.map((value: { data: D; metadata: Metadata<K> }) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch so we can find all the keys, maxIndex should not be -1\n    return { offset: 0, count: dataState.totalSize };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n\nconst defaultLoadingIndicator = (\n  <SkeletonContainer minimumCount={25}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Flex height=\"12x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        );\n      }}\n    </SkeletonContainer>\n  </div>\n);\n\n/**\n * Adjust the DataState as needed if it contains more than needed for the specified range\n */\nconst adjustDataState = <K, D>(dataState: DataState<K, D>, range: Range | null) => {\n  if (range) {\n    // prevent range offset from being larger than the data state\n    const safeRangeOffset = Math.min(range.offset, dataState.offset + dataState.totalSize);\n    const diff = safeRangeOffset - dataState.offset;\n    if (diff > 0) {\n      dataState = {\n        offset: safeRangeOffset,\n        data: dataState.data.slice(diff, diff + range.count),\n        totalSize: dataState.totalSize,\n        sizePrecision: dataState.sizePrecision\n      };\n    }\n  }\n  return dataState;\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 { useEffect, useRef } from 'preact/hooks';\nimport { DataState, CurrentKeyDetail } from 'src/UNSAFE_Collection';\n\n/**\n * Hook to detect and handle when the current key has been removed\n * and try to find the next available current key.\n * TODO: put in its own private module as we should be able to share\n * between other Collection components.\n * @param dataState\n * @param currentKey\n * @param onChange\n */\nexport function useHandleRemoveCurrentKey<K, D>(\n  dataState: DataState<K, D> | null,\n  currentKey?: K,\n  onChange?: (detail: CurrentKeyDetail<K>) => void\n) {\n  const prevDataState = useRef<DataState<K, D> | null>();\n\n  useEffect(() => {\n    const oldDataState = prevDataState.current;\n    if (\n      currentKey &&\n      onChange &&\n      oldDataState &&\n      dataState &&\n      oldDataState.offset === dataState.offset &&\n      oldDataState !== dataState\n    ) {\n      const newKeys = dataState.data.map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n      // first check if currentKey exists in new data, if it is then we\n      // don't need to do anything\n      if (newKeys.indexOf(currentKey) === -1) {\n        const oldKeys = oldDataState?.data.map((dataMetadata) => {\n          return dataMetadata.metadata.key;\n        });\n        // figure out what the new currentKey should be\n        let index = oldKeys.indexOf(currentKey);\n        if (index > -1) {\n          const backward = index === oldKeys.length - 1;\n          while (index >= 0 && index < oldKeys.length) {\n            index = backward ? index - 1 : index + 1;\n            const newCurrentKey = oldKeys[index];\n            if (newKeys.indexOf(newCurrentKey) > -1) {\n              onChange({ value: newCurrentKey });\n              break;\n            }\n          }\n        }\n      }\n    }\n\n    // update previous DataState\n    prevDataState.current = dataState;\n  }, [dataState, currentKey, onChange]);\n}\n"],"names":["getListViewRoles","ariaRole","list","item","cell","ITEM_STYLE_CLASS","ITEM_SELECTOR","ListViewItem","children","itemKey","itemIndex","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isSelected","isTopGridlineVisible","isTabbable","role","selectionMode","suggestion","currentItemVariant","rootRef","useRef","roles","useMemo","cellRoleAttributes","interactionProps","applyActiveStyle","applyHoverStyle","applyPseudoHoverStyle","useInteractionStyle","variantClasses","listItemMultiVariantStyles","selectable","isSelectable","selected","selectedSingle","needsEventsHover","pseudoHover","active","focusHighlight","focusRingVisible","gridlineTop","gridlineBottom","classes","classNames","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","cls","cellStyles","flex","alignSelf","cellClasses","listItemStyles","checkboxContainer","_jsx","ref","jsx","id","useId","style","onKeyDown","event","key","stopPropagation","undefined","TabbableModeContext","Provider","value","FocusTrap","isDisabled","restoreFocusRef","isItemSelected","MemoizeListViewItem","memo","prev","next","itemData","SPARKLE_STYLE_CLASS","Sparkle","sparkleHeight","height","sparkleClasses","sparkleStyles","base","containerClasses","container","findSuggestions","data","count","slice","reduce","suggestions","index","metadata","set","Map","isExpander","elem","parentElement","classList","contains","scrollToVisible","scroller","offset","scrollIntoViewIfNeeded","scrollIntoView","block","scrollerBounds","getBoundingClientRect","elemBounds","diff","top","scrollTop","getViewportConfig","config","current","emptyKeys","all","keys","Set","handleSelectionRange","detail","dataState","map","startIndex","indexOf","start","endIndex","end","minIndex","Math","min","maxIndex","max","totalSize","defaultLoadingIndicator","SkeletonContainer","minimumCount","Flex","align","Skeleton","defaultLoadMoreIndicator","LOADMORE_STYLE_CLASS","adjustDataState","range","safeRangeOffset","sizePrecision","ariaLabel","ariaLabelledBy","allowTabbableMode","currentKey","gridlines","loadingIndicator","onCurrentKeyChange","onLoadRange","onSelectionChange","onItemAction","rangeExtractor","selectedKeys","viewportConfig","promotedSection","isVirtualized","customItemRenderer","eventHandlers","scrollToVisibleOffset","listRoles","anchorKey","pendingSelection","pendingCurrentKey","setActive","useState","setSparkleHeight","ariaMultiSelectable","ariaRowCount","listStyles","onChange","prevDataState","useEffect","oldDataState","newKeys","dataMetadata","oldKeys","backward","length","newCurrentKey","useHandleRemoveCurrentKey","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","listViewContains","showFocusRing","focusRingProps","useCollectionFocusRing","pendingFocusRingChange","isCurrentTabbableKey","tabbableModeProps","useTabbableModeSet","target","isKeyboardEvent","setTimeout","focus","findElementByKey","activeDescendant","getAttribute","querySelector","setAttribute","handleSelectionChange","useCallback","size","Array","from","pop","handleSelectionRangeChange","isArray","handleInitialFocus","firstKey","getFirstVisibleKey","isKeyDefined","handleSelectorFocusCapture","relatedTarget","handleFocus","useCollectionGestureContext","selectionProps","useSelection","isPrev","sparkleIndicator","itemActionProps","useItemAction","placeholder","PLACEHOLDER_STYLE_CLASS","offsetHeight","suggestionItems","querySelectorAll","forEach","getItemContext","context","selectorRenderer","Selector","rowKey","selector","ItemComponent","childrenComponent","listItemContext","get","containsKey","listItemFunc","otherProps","bottom","defaultListItem","handlePointerDown","handleKeyDown","handleKeyUp","mergeProps","onFocus","onPointerDown","onKeyUp","tabIndex","VirtualizedCollection","itemSelector","loadMoreIndicator","LoadMoreCollection","hasMore","onLoadMore"],"mappings":"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"}

package/amd/ListItemTextLayout-6add05ed.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'module', './UNSAFE_Grid', './utils/UNSAFE_classNames', './classNames-60e2fb67', './UNSAFE_Text', './hooks/UNSAFE_useTabbableMode', './Text-1cd3d0c4'], (function(e,s,a,r,i,n,l,t,c){"use strict";const d="lsv5cl",o="_1yxzr0z",m="_15radrc",x="_43t5mx",h="rdy0u0",u="_1ebm884",v="dhru8t",y="_1sgcnnw";const j={primary:"primary",secondary:"primary",tertiary:"secondary",quaternary:"secondary",overline:"secondary",metadata:"secondary"},p={primary:"md",secondary:"sm",tertiary:"xs",quaternary:"sm",overline:"xs",metadata:"sm"},N={primary:void 0,secondary:2,tertiary:2,quaternary:2,overline:1,metadata:1};function b({children:e,variant:a}){const{isTabbable:r}=t.useTabbableMode(),i=s.jsx(c.Text,{variant:j[a],size:p[a],lineClamp:N[a],children:e});return r?s.jsx("div",{tabIndex:0,children:i}):i}const T="_17dhv2d";e.ListItemLayout=function({children:e,selector:a,leading:i,primary:l,secondary:t,tertiary:c,overline:j,metadata:p,trailing:N,action:b,quaternary:T,navigation:f}){const{columnsTemplate:_,firstCell:C,secondCell:g,lastCell:S,hasSecondRow:L}=function(e,a,r,i,l,t,c){const d=[];let h=null;e&&(d.push("auto"),h=s.jsx("div",{className:o,children:e}));let v=null;a&&(d.push("auto"),v=s.jsx("div",{className:m,children:a}));d.push("1fr");let y=null;(r||i||l||c)&&(d.push("auto"),y=s.jsxs("div",{className:u,children:[s.jsx("div",{className:n.classNames([m,r?x:""]),children:r}),s.jsx("div",{className:n.classNames([m,i?x:""]),children:i}),s.jsx("div",{className:n.classNames([m,l?x:""]),children:l})]}));const j=d.join(" "),p=!(!t&&!c);return{columnsTemplate:j,firstCell:h,secondCell:v,lastCell:y,hasSecondRow:p}}(a,i,p,N,b,T,f),q=e?s.jsx("div",{className:d,children:e}):s.jsxs("div",{className:h,children:[s.jsx("div",{children:j}),s.jsx("div",{children:l}),s.jsx("div",{children:t}),s.jsx("div",{children:c})]}),A=L?[C&&s.jsx("span",{children:" "}),g&&s.jsx("span",{children:" "}),s.jsx("div",{className:y,children:T}),S&&s.jsx("div",{className:v,children:f})]:null;return s.jsxs(r.Grid,{gap:"4x",gridTemplateColumns:_,children:[C,g,s.jsx("div",{className:m,children:q}),S,A]})},e.ListItemText=b,e.ListItemTextLayout=function({primary:e,secondary:a,tertiary:r,overline:i}){return s.jsxs("div",{className:T,children:[s.jsx(b,{variant:"overline",children:i}),s.jsx(b,{variant:"primary",children:e}),s.jsx(b,{variant:"secondary",children:a}),s.jsx(b,{variant:"tertiary",children:r})]})}}));
+//# sourceMappingURL=ListItemTextLayout-6add05ed.js.map

package/amd/ListItemTextLayout-6add05ed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTextLayout-6add05ed.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.tsx","../../src/UNSAFE_ListItemLayout/ListItemText.tsx","../../src/UNSAFE_ListItemLayout/ListItemTextLayout.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n} & IntrinsicProps;\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\n// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n// negative margin added to selector\nconst selectorStyles = cssProps`${{\n  alignSelf: 'center',\n  margin: '-0.875rem -0.875rem'\n}}`;\n\n// most content will be vertically centered\nconst centerVerticalStyles = cssProps`${{\n  alignSelf: 'center',\n  minWidth: 0\n}}`;\n\n// extra spacing is needed between meta, trailing, and action components\nconst leftPaddingStyles = cssProps`${{\n  paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n}}`;\n\n// the central text area displays overline, primary, secondary, and tertiary in a column\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\n// \"extra\" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout\nconst flexRowStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right',\n  alignSelf: 'center'\n}}`;\n\nconst rightJustifyStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right'\n}}`;\n\nconst rowAlignStyles = cssProps`${{\n  alignSelf: 'end'\n}}`;\n\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(\n    selector,\n    leading,\n    metadata,\n    trailing,\n    action,\n    quaternary,\n    navigation\n  );\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={childrenStyles}>{children}</div>\n  ) : (\n    <div className={flexColumnStyles}>\n      <div>{overline}</div>\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div className={rowAlignStyles}>{quaternary}</div>,\n        lastCell && <div className={rightJustifyStyles}>{navigation}</div>\n      ]\n    : null;\n\n  return (\n    <Grid gap=\"4x\" gridTemplateColumns={columnsTemplate}>\n      {firstCell}\n      {secondCell}\n      <div className={centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = <div className={centerVerticalStyles}>{leading}</div>;\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={flexRowStyles}>\n        <div className={classNames([centerVerticalStyles, metadata ? leftPaddingStyles : ''])}>\n          {metadata}\n        </div>\n        <div className={classNames([centerVerticalStyles, trailing ? leftPaddingStyles : ''])}>\n          {trailing}\n        </div>\n        <div className={classNames([centerVerticalStyles, action ? leftPaddingStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX, ComponentProps } from 'preact';\nimport { Text } from '../UNSAFE_Text';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: string;\n  /**\n   * Name of the text slot which determines styling\n   */\n  variant: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'overline' | 'metadata';\n} & IntrinsicProps;\n\nconst textVariants: Record<Props['variant'], ComponentProps<typeof Text>['variant']> = {\n  primary: 'primary',\n  secondary: 'primary',\n  tertiary: 'secondary',\n  quaternary: 'secondary',\n  overline: 'secondary',\n  metadata: 'secondary'\n};\n\nconst textSizes: Record<Props['variant'], ComponentProps<typeof Text>['size']> = {\n  primary: 'md',\n  secondary: 'sm',\n  tertiary: 'xs',\n  quaternary: 'sm',\n  overline: 'xs',\n  metadata: 'sm'\n};\n\nconst textLineClamps: Record<Props['variant'], ComponentProps<typeof Text>['lineClamp']> = {\n  primary: undefined,\n  secondary: 2,\n  tertiary: 2,\n  quaternary: 2,\n  overline: 1,\n  metadata: 1\n};\n\nexport function ListItemText({ children, variant }: Props) {\n  const { isTabbable } = useTabbableMode();\n\n  const textContent = (\n    <Text\n      variant={textVariants[variant]}\n      size={textSizes[variant]}\n      lineClamp={textLineClamps[variant]}>\n      {children}\n    </Text>\n  );\n\n  return isTabbable ? <div tabIndex={0}>{textContent}</div> : textContent;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ListItemText } from './ListItemText';\n\ntype IntrinsicProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype Props = {\n  /**\n   * The primary prop takes a simple string that will be formatted and placed in the center of the text area.\n   */\n  primary?: string;\n  /**\n   * The secondary prop takes a simple string that will be formatted and placed below the primary text.\n   */\n  secondary?: string;\n  /**\n   * The tertiary prop takes a simple string that will be formatted and placed below the secondary text.\n   */\n  tertiary?: string;\n  /**\n   * The overline prop takes a simple string that will be formatted and placed above the primary text.\n   */\n  overline?: string;\n} & IntrinsicProps;\n\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\nexport function ListItemTextLayout({ primary, secondary, tertiary, overline }: Props) {\n  return (\n    <div className={flexColumnStyles}>\n      <ListItemText variant=\"overline\">{overline}</ListItemText>\n      <ListItemText variant=\"primary\">{primary}</ListItemText>\n      <ListItemText variant=\"secondary\">{secondary}</ListItemText>\n      <ListItemText variant=\"tertiary\">{tertiary}</ListItemText>\n    </div>\n  );\n}\n"],"names":["childrenStyles","selectorStyles","centerVerticalStyles","leftPaddingStyles","flexColumnStyles","flexRowStyles","rightJustifyStyles","rowAlignStyles","textVariants","primary","secondary","tertiary","quaternary","overline","metadata","textSizes","textLineClamps","undefined","ListItemText","children","variant","isTabbable","useTabbableMode","textContent","_jsx","Text","size","lineClamp","tabIndex","selector","leading","trailing","action","navigation","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","columnsTemplateBuilder","push","_jsxs","jsxs","className","jsx","classNames","getColumnsTemplate","textArea","Grid","gap","gridTemplateColumns","secondRow"],"mappings":"mOAiEA,MAAAA,EAQC,SAKDC,EAGC,WAGDC,EAGC,WAGDC,EAEC,UAGDC,EAGC,SAGDC,EAKC,WAEDC,EAIC,SAEDC,EAEC,WChGD,MAAMC,EAAiF,CACrFC,QAAS,UACTC,UAAW,UACXC,SAAU,YACVC,WAAY,YACZC,SAAU,YACVC,SAAU,aAGNC,EAA2E,CAC/EN,QAAS,KACTC,UAAW,KACXC,SAAU,KACVC,WAAY,KACZC,SAAU,KACVC,SAAU,MAGNE,EAAqF,CACzFP,aAASQ,EACTP,UAAW,EACXC,SAAU,EACVC,WAAY,EACZC,SAAU,EACVC,SAAU,YAGII,GAAaC,SAAEA,EAAQC,QAAEA,IACvC,MAAMC,WAAEA,GAAeC,EAAAA,kBAEjBC,EACJC,EAAAA,IAACC,EAAIA,KAAA,CACHL,QAASZ,EAAaY,GACtBM,KAAMX,EAAUK,GAChBO,UAAWX,EAAeI,GAAQD,SACjCA,IAIL,OAAOE,EAAaG,aAAKI,SAAU,EAACT,SAAGI,IAAqBA,CAC9D,CC7BA,MAAAnB,EAGC,4BFoFD,UAAAe,SAAAA,EAAAU,SAAAA,EAAAC,QAAAA,EAAArB,QAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAE,SAAAA,EAAAC,SAAAA,EAAAiB,SAAAA,EAAAC,OAAAA,EAAApB,WAAAA,EAAAqB,WAAAA,IAeE,MAAAC,gBAAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAAC,aAAAA,GA2CF,SAAAT,EAAAC,EAAAhB,EAAAiB,EAAAC,EAAApB,EAAAqB,yBAYEJ,IACEU,EAAAC,KAAA,4DAKFV,IACES,EAAAC,KAAA,iDAIFD,EAAAC,KAAA,mBAGA1B,GAAAiB,GAAAC,GAAAC,KACEM,EAAAC,KAAA,QACAH,EAAAI,EAAAC,KAAA,MAAA,CAAAC,UAAAtC,EAAAc,SAAA,CAAAK,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAA3C,EAAAY,EAAAX,EAAA,KAAAgB,SAAAL,IAAAU,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAA3C,EAAA6B,EAAA5B,EAAA,KAAAgB,SAAAY,IAAAP,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAA3C,EAAA8B,EAAA7B,EAAA,KAAAgB,SAAAa,4BAgBFM,KAAA1B,IAAAqB,+EAGF,CA1FEa,CAAAjB,EAAAC,EAAAhB,EAAAiB,EAAAC,EAAApB,EAAAqB,GAWAc,EAAA5B,EAAAK,EAAAoB,IAAA,MAAA,CAAAD,UAAA3C,EAAAmB,SAAAA,IAAAsB,EAAAC,KAAA,MAAA,CAAAC,UAAAvC,EAAAe,SAAA,CAAAK,EAAAoB,IAAA,MAAA,CAAAzB,SAAAN,IAAAW,EAAAoB,IAAA,MAAA,CAAAzB,SAAAV,IAAAe,EAAAoB,IAAA,MAAA,CAAAzB,SAAAT,IAAAc,EAAAoB,IAAA,MAAA,CAAAzB,SAAAR,WAaE,CACIwB,GAAAX,EAAAA,IAAA,OAAA,CAAAL,SAAA,MACAiB,GAAAZ,EAAAoB,IAAA,OAAA,CAAAzB,SAAA,MACAK,EAAAoB,IAAA,MAAA,CAAAD,UAAApC,EAAAY,SAAAP,IACAyB,GAAAb,EAAAoB,IAAA,MAAA,CAAAD,UAAArC,EAAAa,SAAAc,UAIN,OAAAQ,EAAAA,KAAAO,EAAAA,KAAA,CAAAC,IAAA,KAAAC,oBAAAhB,EAAAf,SAAA,CAAAgB,EAAAC,EAAAZ,EAAAA,IAAA,MAAA,CAAAmB,UAAAzC,EAAAiB,SAAA4B,IAAAV,EAAAc,IASF,wCE1IA,UAAA1C,QAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAE,SAAAA,qNASA"}

package/amd/ListView-eb4eeb18.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_List', './List-d74c2d22'], (function(t,e,a,i){"use strict";t.ListView=function(t){const a=t.data?t.data.map((e=>({data:e,metadata:{key:t.getRowKey(e)}}))):null,n=t.onLoadMore?t.onLoadMore:()=>{},o=a?{offset:0,data:a,sizePrecision:t.hasMore?"atLeast":"exact",totalSize:a.length}:null;return e.jsx(i.List,{isVirtualized:!1,...t,onLoadRange:n,data:o,children:t.children})}}));
+//# sourceMappingURL=ListView-eb4eeb18.js.map

package/amd/ListView-eb4eeb18.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-eb4eeb18.js","sources":["../../src/UNSAFE_ListView/ListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { DataState } from '../UNSAFE_Collection';\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentKey'\n  | 'currentItemVariant'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n> &\n  NonVirtualizedListProps<K, D>;\n\n/**\n * Component that renders items as a flat list.\n * This component is nom-virtualized and renders all rows provided in the data prop.\n */\nexport function ListView<K extends string | number, D>(props: Props<K, D>) {\n  const dataMetadata = props.data\n    ? props.data.map((aData: D) => {\n        const key = props.getRowKey(aData);\n        return { data: aData, metadata: { key } };\n      })\n    : null;\n  const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n  const dataState = dataMetadata\n    ? ({\n        offset: 0,\n        data: dataMetadata,\n        sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n        totalSize: dataMetadata.length\n      } as DataState<K, D>)\n    : null;\n  return (\n    <List isVirtualized={false} {...props} onLoadRange={loadRange} data={dataState}>\n      {props.children}\n    </List>\n  );\n}\n"],"names":["props","dataMetadata","data","map","aData","metadata","key","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","length","_jsx","List","isVirtualized","onLoadRange","children"],"mappings":"sHA2DM,SAAiDA,GACrD,MAAMC,EAAeD,EAAME,KACvBF,EAAME,KAAKC,KAAKC,IAEP,CAAEF,KAAME,EAAOC,SAAU,CAAEC,IADtBN,EAAMO,UAAUH,QAG9B,KACEI,EAAYR,EAAMS,WAAaT,EAAMS,WAAa,OAClDC,EAAYT,EACb,CACCU,OAAQ,EACRT,KAAMD,EACNW,cAAeZ,EAAMa,QAAU,UAAY,QAC3CC,UAAWb,EAAac,QAE1B,KACJ,OACEC,EAAAA,IAACC,EAAAA,KAAI,CAACC,eAAe,KAAWlB,EAAOmB,YAAaX,EAAWN,KAAMQ,EAASU,SAC3EpB,EAAMoB,UAGb"}

package/amd/LoadMoreCollection-fb78a3c3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './PRIVATE_Collection', './hooks/UNSAFE_useViewportIntersect', './Collection-006b2610'], (function(o,e,t,r,n,i){"use strict";const s="oj-collection-loadmore",c=1,l=`.${s}`;o.LOADMORE_STYLE_CLASS=s,o.LoadMoreCollection=function({data:o,children:r,viewportConfig:s,hasMore:a,onLoadMore:d,loadMoreIndicator:h,suggestions:u,loadMoreThreshold:M=c}){return n.useViewportIntersect(s,Math.max(M,c),0,l,(()=>{o&&d()})),o?e.jsxs(t.Fragment,{children:[u,e.jsx(i.Collection,{items:o,children:r}),a&&h]}):e.jsx("div",{})}}));
+//# sourceMappingURL=LoadMoreCollection-fb78a3c3.js.map

package/amd/LoadMoreCollection-fb78a3c3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-fb78a3c3.js","sources":["../../src/PRIVATE_LoadMoreCollection/LoadMoreCollection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the LoadMoreCollection component\n */\ntype Props<D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the LoadMoreCollection.\n   */\n  data: D[] | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * Whether there are still more data to load.  Internally, LoadMoreCollection will render the load\n   * more indicator at the bottom if this is true\n   */\n  hasMore: boolean;\n\n  /**\n   * Callback function to handle when user scrolls to the end of the component and there are more items to load.\n   * The function should update data prop on the component to include the next set of items fetched.\n   */\n  onLoadMore: () => void;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n\n  /**\n   * Optionally specify how far in pixel from the bottom should load more occurs\n   */\n  loadMoreThreshold?: number;\n};\n\nexport const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\n\nconst DEFAULT_MARGIN = 1;\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<D>({\n  data,\n  children,\n  viewportConfig,\n  hasMore,\n  onLoadMore,\n  loadMoreIndicator,\n  suggestions,\n  loadMoreThreshold = DEFAULT_MARGIN\n}: Props<D>) {\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    Math.max(loadMoreThreshold, DEFAULT_MARGIN),\n    0,\n    LOAD_MORE_SELECTOR,\n    () => {\n      if (data) {\n        onLoadMore();\n      }\n    }\n  );\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data) {\n    return <div />;\n  }\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <Fragment>\n      {suggestions}\n      <Collection items={data}>{children}</Collection>\n      {hasMore && loadMoreIndicator}\n    </Fragment>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","DEFAULT_MARGIN","LOAD_MORE_SELECTOR","data","children","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","suggestions","loadMoreThreshold","useViewportIntersect","Math","max","_jsxs","Fragment","_jsx","jsx","Collection","items"],"mappings":"0KA4Da,MAAAA,EAAuB,yBAE9BC,EAAiB,EACjBC,EAAqB,IAAIF,kDAMzB,UAAgCG,KACpCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,QACdA,EAAOC,WACPA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,kBACXA,EAAoBT,IAgBpB,OAbAU,uBACEN,EACAO,KAAKC,IAAIH,EAAmBT,GAC5B,EACAC,GACA,KACMC,GACFI,GACD,IAKAJ,EAOHW,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACNK,EACDO,EAAAC,IAACC,aAAW,CAAAC,MAAOhB,EAAIC,SAAGA,IACzBE,GAAWE,KATPQ,eAYX"}

package/amd/Menu-0f1b1bf8.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './UNSAFE_Floating', './UNSAFE_Layer', 'preact/hooks', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './hooks/UNSAFE_useUser', './MenuItem-0351fecd', './UNSAFE_Menu/themes/MenuStyles.css', './classNames-60e2fb67', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Floating-4032f853', './useModal-178ba82f', './UNSAFE_Menu/themes/SheetMenuStyles.css'], (function(e,t,n,s,r,o,a,u,l,c,i,d,m,p,f,h){"use strict";const b=({children:e,"aria-label":n,currentFocus:s="menu",display:r,closeSubmenu:u,menuId:m,menuLevel:p})=>{const{onClose:f}=c.useMenuContext(),{direction:h}=l.useUser(),b=o.useRef(null),v=o.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}),g=o.useRef(!1),[M,x]=o.useState(),[S,k]=o.useState(!1),[C,w]=o.useState(!1),E=o.useCallback((e=>{x(e.key),"keyboard"===e.reason?k(!0):k(!1)}),[]),F=o.useCallback((()=>{const e=t=>{const n=c.keyElemExtractor(t.target),s=n?.key,r=n?.elem;if(s&&r){v.current.wasMouseMoved=!0;const t=new MouseEvent("mouseenter");r.dispatchEvent(t),b.current?.removeEventListener("mousemove",e)}};b.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:j}=function(e,t,n,s,r){const a=o.useMemo((()=>({ArrowDown:t,ArrowUp:e,Home:n,End:s})),[t,e,n,s]),u=o.useCallback((e=>{if(r){const t=a[e.key];if(t&&!e.shiftKey){const n=t();n&&r({key:n,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:u}}}(c.getPrevNext(b.current,!0,M),c.getPrevNext(b.current,!1,M),(()=>c.getNVisible(b.current,0)),(()=>c.getLastVisible(b.current)),E);return o.useEffect((()=>{if("main"===p&&g.current)return;g.current=!0;const e=b.current;let t;if("none"!==s&&e)if("menu"===s){E({key:void 0,reason:"click"});const n=()=>{e.focus()};"sheet"===r?n():t=setTimeout((()=>{n()}),y)}else if("firstItem"===s){const e=c.getNVisible(b.current,0);e&&E({key:e,reason:"keyboard"})}else if("secondItem"===s){const e=c.getNVisible(b.current,1);e&&E({key:e,reason:"keyboard"})}return()=>{clearTimeout(t)}}),[E,s,p,r]),o.useEffect((()=>{F()}),[F]),t.jsx("div",{...m&&{id:m},ref:b,tabIndex:M||"main"!==p&&"sheet"!==r?-1:0,role:"menu","aria-label":n,class:d.classNames([i.menuStyles.menuContainerStyle,i.menuStyles[`${r}MenuContainerStyle`]]),...a.mergeProps(j,c.getKeyboardCloseProps(f,p),c.getCloseSubmenuEvent(h,u),c.getMenuContainerFocusMethods((()=>{b.current?.contains(document.activeElement)||(k(!1),w(!1))}),(()=>{w(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget.isEqualNode(v.current.lastMouseLeaveMenuItemdRelatedTarget)||(E({key:void 0,reason:"mouseEnter"}),b.current?.focus())})),c.getMenuPointerDown()),children:t.jsx(c.MenuContainerContext.Provider,{value:{menuContainerRef:b,currentKey:M,showFocusRing:S,changeKey:E,menuContainerGeneralInformation:v,isContainerFocused:C},children:e})})},y=0,v=n.forwardRef((({anchorRef:e,defaultPlacement:s,offsetValue:o,closeSubmenu:a,children:u,"aria-label":l,currentFocus:i,menuId:d,menuLevel:f,flipOptions:h},y)=>{const{onClose:v}=c.useMenuContext(),M=n.useCallback((e=>{if("sub"===f)return;const t=c.keyElemExtractor(e.target)?.key;t||v?.({reason:"outsideClick",target:e.target})}),[v,f]);return t.jsx(r.Layer,{logicalParentRef:e,children:t.jsx(p.Floating,{class:m.dropdownMenuStyles.base,onClickOutside:M,anchorRef:e,flipOptions:h,shiftOptions:{mainAxis:!1,crossAxis:!1},sizeOptions:{isMaxHeightAdjusted:!0,isMaxWidthAdjusted:!0},boundaryOptions:{padding:0},placement:s,offsetValue:o,children:t.jsx("div",{style:{minWidth:`${e.current&&e.current.offsetWidth>g?e.current.offsetWidth:g}px`},ref:y,children:t.jsx(b,{menuLevel:f,closeSubmenu:a,"aria-label":l,currentFocus:i,menuId:d,display:"dropdown",children:u})})})})})),g=200;const M=({children:e})=>t.jsx("div",{class:h.sheetMenuStyles.modalWrapper,children:e}),x=n.forwardRef((({children:e},n)=>t.jsx("div",{class:h.sheetMenuStyles.modalContainer,ref:n,children:e}))),S=({backdropVisible:e=!1})=>t.jsx("div",{class:d.classNames([h.sheetMenuStyles.modalBackdrop,e&&h.sheetMenuStyles.modalBackdropVisible])}),k=({children:e,"aria-label":n,currentFocus:s,anchorRef:a,closeSubmenu:u,menuLevel:l})=>{const{onClose:i}=c.useMenuContext();o.useEffect((()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]);const d=o.useCallback((()=>{i?.({reason:"dismissed"})}),[i]),{backdropRef:m}=f.useModal({isOpen:!0,onBackdropClick:d}),{swipeProps:p}=function(e,{threshold:t=10,maximumTime:n=300,tolerance:s=50,isDisabled:r=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const a=o.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),u=o.useCallback((()=>{a.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}}),[]),l=o.useCallback((e=>{const t=e.changedTouches[0];a.current.pointerDownId?u():a.current={pointerDownId:t.identifier,startTime:e.timeStamp,prevpageX:t.pageX,prevpageY:t.pageY,elementScrollTop:e.currentTarget.scrollTop}}),[u]),c=o.useCallback((r=>{const o=r.changedTouches[0];o.identifier===a.current.pointerDownId&&a.current.startTime&&r.timeStamp-a.current.startTime<n&&o.pageY-a.current.prevpageY>t&&Math.abs(o.pageX-a.current.prevpageX)<=s&&0===a.current.elementScrollTop&&e?.({direction:"down"}),u()}),[t,e,u,n,s]);return{swipeProps:r?{}:{onTouchStart:l,onTouchEnd:c,ontouchcancel:u}}}(d);return t.jsx(r.Layer,{logicalParentRef:a,children:t.jsxs(M,{children:[t.jsx(S,{backdropVisible:"main"===l}),t.jsx(x,{ref:m,children:t.jsx("div",{class:h.sheetMenuStyles.sheetMenuContainerWrapper,...p,children:t.jsx(b,{ariaLabel:n,currentFocus:s,display:"sheet",closeSubmenu:u,menuLevel:l,children:e})})})]})})},C=c.getIsMobile();e.DropdownMenu=v,e.Menu=({onClose:e,isOpen:n,initialFocus:s,...r})=>t.jsx(c.MenuContext.Provider,{value:{onClose:e,isMobile:C},children:n?t.jsx(t.Fragment,{children:C?t.jsx(k,{...{...r,currentFocus:s,menuLevel:"main"}}):t.jsx(v,{...{...r,currentFocus:s,menuLevel:"main",defaultPlacement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0},flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]}}})}):null}),e.SheetMenu=k}));
+//# sourceMappingURL=Menu-0f1b1bf8.js.map

package/amd/Menu-0f1b1bf8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-0f1b1bf8.js","sources":["../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/useMenuSwipe.ts","../../src/UNSAFE_Menu/Menu.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNext,\n  keyElemExtractor,\n  getLastVisible,\n  getKeyboardCloseProps,\n  getCloseSubmenuEvent,\n  MenuCollectionItem,\n  getNVisible,\n  getMenuContainerFocusMethods,\n  getMenuContainerMouseLeave,\n  getMenuPointerDown\n} from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainerContext } from './MenuContainerContext';\nimport { menuStyles } from './themes/MenuStyles.css';\n\ntype MenuContainerProps = Omit<\n  BaseMenuProps,\n  'isOpen' | 'anchorRef' | 'defaultPlacement' | 'offsetValue'\n> & {\n  display: 'sheet' | 'dropdown';\n};\n\n/*Component where general behavior is handled. Here we controled focus behavior, focus styling, submenu\nopening behavior and current active item behavior. */\nexport const MenuContainer = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus = 'menu',\n  display,\n  closeSubmenu,\n  menuId,\n  menuLevel\n}: MenuContainerProps) => {\n  const { onClose } = useMenuContext();\n\n  //Important to know direction so closeSubmenu is handled properly if needed.\n  const { direction } = useUser();\n\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n\n  /*We share same behavior as legacy menu on mouseLeave that is:\n  1. If we mouse leave a menuItem but we still on menuContainer and we are not hovering any other menuItem, we keep \n  the focus on the menuItem and hovering style.\n  2. If we mouseLeave but next target is a submenu we open a submenu. \n  3. If we mouseLeave the container and next target is not a submenu, we reset current key and set the focus on the\n  menuContainer.If we mouseLeaved a submenuItem, submenu is closed.\n  General information used by menuItems:\n  -wasMouseMoved: Used to don't allow mouseEnter callbacks being triggered if mouse was not moved already.\n  -lastMouseLeaveValidatedRelatedTarget: We use bubbling nature of events to first check/validate the related target in onMouseLeave events of \n    menuItems. For menuItems we check if the related target is the menuContainer itself or a submenu. We validate there\n    since at this level we don't have access to any submenu. Everytime mouseEnter triggers at menuContainer we have to compare if both\n    relatedTargets are the same(menuContainer and last menuItem one), if not, this means mouse is now outside of the container.\n  */\n  const menuContainerGeneralInformation = useRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>({\n    wasMouseMoved: false,\n    lastMouseLeaveMenuItemdRelatedTarget: null\n  });\n  //Used so focus is handled just one time using currentFocus. Used combined with menuLevel due to main menu can't\n  // change its focus via currentFocus prop.\n  const initialFocusDone = useRef<boolean>(false);\n\n  //Key of the active element on this menu container\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  //State that represents if focused outline styles needs\n  const [showFocusRing, setShowFocusRing] = useState(false);\n\n  //Based on this we would include or not hovering styling. Same as legacy\n  const [isContainerFocused, setIsContainerFocused] = useState(false);\n\n  //Funtion triggered on blur. This is called since if focus is not anymore on the container we would need to do\n  //some validation\n  const blurFunction = () => {\n    if (!menuContainerRef.current?.contains(document.activeElement)) {\n      setShowFocusRing(false);\n      setIsContainerFocused(false);\n    }\n  };\n\n  const focusFunction = () => {\n    setIsContainerFocused(true);\n  };\n\n  const mouseLeaveFunction = (e: MouseEvent) => {\n    //We have to validate if new hover target was already validated correctly, if not this means mouse is now outside container\n    if (\n      !(e.relatedTarget as HTMLElement).isEqualNode(\n        menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget\n      )\n    ) {\n      //We reset current key when mouse is outside the container or any submenu. This is how legacy menu works\n      changeKey({\n        key: undefined,\n        reason: 'mouseEnter'\n      });\n      //We focus menuContainer so keyboard navigation can be still used\n      menuContainerRef.current?.focus();\n    }\n  };\n\n  //Function used to change the currentKey\n  const changeKey = useCallback((detail: MenuCollectionItem) => {\n    setCurrentKey(detail.key);\n    if (detail.reason === 'keyboard') {\n      setShowFocusRing(true);\n    } else {\n      setShowFocusRing(false);\n    }\n  }, []);\n\n  //This is used since if mouse overlaps space when menu is rendered, menuItem could trigger menuEnter,\n  // which is not desirable.Once mouse was moved inside container, we could trigger mouseEnter events normally.\n  const selfDestructiveMouseMoveEvent = useCallback(() => {\n    const handler = (e: MouseEvent) => {\n      const keyElem = keyElemExtractor(e.target as HTMLElement);\n      const key = keyElem?.key;\n      const elem = keyElem?.elem;\n      //We will trigger this event until a menuItem is found. Usually this don't take to much to happen\n      if (key && elem) {\n        menuContainerGeneralInformation.current.wasMouseMoved = true;\n        const evt = new MouseEvent('mouseenter');\n        elem.dispatchEvent(evt);\n        menuContainerRef.current?.removeEventListener('mousemove', handler);\n      }\n    };\n    menuContainerRef.current?.addEventListener('mousemove', handler);\n  }, []);\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    getPrevNext(menuContainerRef.current, true, currentKey),\n    getPrevNext(menuContainerRef.current, false, currentKey),\n    () => getNVisible(menuContainerRef.current, 0),\n    () => getLastVisible(menuContainerRef.current),\n    changeKey\n  );\n\n  useEffect(() => {\n    if (menuLevel === 'main' && initialFocusDone.current) return;\n    initialFocusDone.current = true;\n    const menuContainer = menuContainerRef.current;\n    let timer: NodeJS.Timeout | undefined;\n    /*TODO: There are some cases where is not safe to focus since \n    visibility initially is hidden at the Floating component at the initial render. Need a way to solve this in a \n    less dirty way (we are now using timeouts). More details on the descripton of JET-57353 */\n    if (currentFocus !== 'none' && menuContainer) {\n      if (currentFocus === 'menu') {\n        changeKey({ key: undefined, reason: 'click' });\n        const focusMenuContainer = () => {\n          menuContainer.focus();\n        };\n        if (display === 'sheet') {\n          focusMenuContainer();\n        } else {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused.\n          timer = setTimeout(() => {\n            focusMenuContainer();\n          }, FOCUS_SHIFT_TIMEOUT);\n        }\n      } else if (currentFocus === 'firstItem') {\n        const firstItem = getNVisible(menuContainerRef.current, 0);\n        if (firstItem) {\n          changeKey({ key: firstItem, reason: 'keyboard' });\n        }\n      } else if (currentFocus === 'secondItem') {\n        //This is just used in sheet menu, so no need to set a timeout\n        const item = getNVisible(menuContainerRef.current, 1);\n        if (item) {\n          changeKey({ key: item, reason: 'keyboard' });\n        }\n      }\n    }\n    return () => {\n      //We have to clean timers, because comp can be unmounted after finishing timeouts\n      clearTimeout(timer);\n    };\n  }, [changeKey, currentFocus, menuLevel, display]);\n\n  useEffect(() => {\n    selfDestructiveMouseMoveEvent();\n  }, [selfDestructiveMouseMoveEvent]);\n\n  return (\n    <div\n      {...(menuId && { id: menuId })}\n      ref={menuContainerRef}\n      tabIndex={!currentKey && (menuLevel === 'main' || display === 'sheet') ? 0 : -1}\n      role=\"menu\"\n      aria-label={ariaLabel}\n      class={classNames([\n        menuStyles.menuContainerStyle,\n        menuStyles[`${display}MenuContainerStyle`]\n      ])}\n      {...mergeProps(\n        currentKeyProps,\n        getKeyboardCloseProps(onClose, menuLevel),\n        getCloseSubmenuEvent(direction, closeSubmenu),\n        getMenuContainerFocusMethods(blurFunction, focusFunction),\n        getMenuContainerMouseLeave(mouseLeaveFunction),\n        getMenuPointerDown()\n      )}>\n      <MenuContainerContext.Provider\n        value={{\n          /*We use this ref on dropdownSubmenu since unhover only close the menu if menuContainer ref does not include\n          the new element that receives the hovering */\n          menuContainerRef,\n          currentKey,\n          showFocusRing,\n          changeKey,\n          menuContainerGeneralInformation,\n          isContainerFocused\n        }}>\n        {children}\n      </MenuContainerContext.Provider>\n    </div>\n  );\n};\n\n//Temporal constant, will probably be removed with JET-57353\nconst FOCUS_SHIFT_TIMEOUT = 0;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useMemo } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param getPrev function to get the previous key based on the current key\n * @param getNext function to get the next key based on the current key\n * @param getFirstVisible function to get the key of the first available item\n * @param getLastVisible function to get the key of the last available item\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  getPrev: () => string | null,\n  getNext: () => string | null,\n  getFirstVisible: () => string | null,\n  getLastVisible: () => string | null,\n  onChange?: (detail: MenuCollectionItem) => void\n) {\n  const keyDownKeyFunctions = useMemo(() => {\n    return {\n      ArrowDown: getNext,\n      ArrowUp: getPrev,\n      Home: getFirstVisible,\n      End: getLastVisible\n    } as Record<string, (() => string | null) | undefined>;\n  }, [getNext, getPrev, getFirstVisible, getLastVisible]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        const keyFunction = keyDownKeyFunctions[event.key];\n        if (keyFunction && !event.shiftKey) {\n          const key = keyFunction();\n          if (key) {\n            onChange({ key, reason: 'keyboard' });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [onChange, keyDownKeyFunctions]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onKeyDown };\n  return { currentKeyProps };\n}\n","import { ComponentProps } from 'preact';\nimport { ForwardedRef, forwardRef, useCallback } from 'preact/compat';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\n\nimport { MenuContainer } from './MenuContainer';\nimport { BaseMenuProps } from './Menu';\nimport { keyElemExtractor } from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { dropdownMenuStyles } from './themes/DropdownMenuStyles.css';\n\ntype DropdownMenuProps = BaseMenuProps & DropdownMenuFloatingProps;\n\ntype FloatingProps = ComponentProps<typeof Floating>;\ntype DropdownMenuFloatingProps = {\n  defaultPlacement: FloatingProps['placement'];\n  offsetValue: FloatingProps['offsetValue'];\n  flipOptions: FloatingProps['flipOptions'];\n};\n\n/*Component used to render a dropdown menu. For now this is just rendered when device is not a phone. */\nexport const DropdownMenu = forwardRef(\n  (\n    {\n      anchorRef,\n      defaultPlacement,\n      offsetValue,\n      closeSubmenu,\n      children,\n      'aria-label': ariaLabel,\n      currentFocus,\n      menuId,\n      menuLevel,\n      flipOptions\n    }: DropdownMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const { onClose } = useMenuContext();\n\n    const useOutsideClickHandler = useCallback(\n      (e: MouseEvent) => {\n        if (menuLevel === 'sub') return;\n        // Outside click is not considered when menuItem was clicked\n        const menuItemKey = keyElemExtractor(e.target as HTMLElement)?.key;\n        if (!menuItemKey) {\n          onClose?.({ reason: 'outsideClick', target: e.target as Element });\n        }\n      },\n      [onClose, menuLevel]\n    );\n\n    // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n    return (\n      <Layer logicalParentRef={anchorRef}>\n        <Floating\n          class={dropdownMenuStyles.base}\n          onClickOutside={useOutsideClickHandler}\n          anchorRef={anchorRef}\n          flipOptions={flipOptions}\n          shiftOptions={{\n            mainAxis: false,\n            crossAxis: false\n          }}\n          sizeOptions={{ isMaxHeightAdjusted: true, isMaxWidthAdjusted: true }}\n          //TODO: JET-57950. Need to see how we set 24px boundary.\n          //TODO: Boundaries need to match with the dropdowns used in other comps.  Also figure out how to make it themable.\n          boundaryOptions={{ padding: 0 }}\n          placement={defaultPlacement}\n          offsetValue={offsetValue}>\n          <div\n            style={{\n              minWidth: `${\n                anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n                  ? anchorRef.current.offsetWidth\n                  : MENU_MIN_WIDTH\n              }px`\n            }}\n            ref={ref}>\n            <MenuContainer\n              menuLevel={menuLevel}\n              closeSubmenu={closeSubmenu}\n              aria-label={ariaLabel}\n              currentFocus={currentFocus}\n              menuId={menuId}\n              display=\"dropdown\">\n              {children}\n            </MenuContainer>\n          </div>\n        </Floating>\n      </Layer>\n    );\n  }\n);\n\nconst MENU_MIN_WIDTH = 200;\n","import { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\nimport { useMenuSwipe } from './useMenuSwipe';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainer } from './MenuContainer';\nimport { sheetMenuStyles } from './themes/SheetMenuStyles.css';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nexport type SheetMenuProps = BaseMenuProps;\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n  <div class={sheetMenuStyles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n  <div class={sheetMenuStyles.modalContainer} ref={ref}>\n    {children}\n  </div>\n));\n//ModalBackdrop on modal folder not setting the style on oj-c enviroment\n//Creating it here so we don't see that issue\nconst ModalBackdrop = ({ backdropVisible = false }) => (\n  <div\n    class={classNames([\n      sheetMenuStyles.modalBackdrop,\n      backdropVisible && sheetMenuStyles.modalBackdropVisible\n    ])}\n  />\n);\n\nexport const SheetMenu = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus,\n  anchorRef,\n  closeSubmenu,\n  menuLevel\n}: SheetMenuProps) => {\n  const { onClose } = useMenuContext();\n  useEffect(() => {\n    // We set the overflow body as hidden when mounted and revert to original overflow value when is\n    // unmounted. This is done to don't allow backgound being scrolled\n    // This will be handled by modal/popup when ready\n    const initialOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = initialOverflow;\n    };\n  }, []);\n\n  const dismissHandler = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const { backdropRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n  //TODO: Use useSwipe when it works on components that could scroll.\n  const { swipeProps } = useMenuSwipe(dismissHandler);\n\n  // TODO: For now we are mimicking current modal but using a \"different position setting\" (using absolute positioning instead of flex).\n  // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.\n  return (\n    <Layer logicalParentRef={anchorRef}>\n      <ModalWrapper>\n        <ModalBackdrop backdropVisible={menuLevel === 'main'}></ModalBackdrop>\n        <ModalContainer ref={backdropRef}>\n          <div class={sheetMenuStyles.sheetMenuContainerWrapper} {...swipeProps}>\n            <MenuContainer\n              {...{ ariaLabel, currentFocus, display: 'sheet', closeSubmenu, menuLevel }}>\n              {children}\n            </MenuContainer>\n          </div>\n        </ModalContainer>\n      </ModalWrapper>\n    </Layer>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n*/\nexport function useMenuSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { RefObject, ComponentChildren } from 'preact';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\nimport { MenuContext } from './MenuContext';\nimport { getIsMobile } from './menuUtils';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  'aria-label'?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n      reason: 'dismissed' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\n// Type only used internally by Sheet and Dropdown menu. If we want to expose both at some point we would need to\n// adjust this type.\nexport type BaseMenuProps = (MainMenu | SubMenu) &\n  Omit<MenuProps, 'onClose' | 'initialFocus' | 'isOpen'> & {\n    /*None is a valid option here since there are some use cases where a menu is opened and we don't want to focus anything\n    eg. When menu is opened due to a hover on submenuitem\n    When pasing a number, that is index of the element is going to be focused\n    eg. 1 focus the second menuitem*/\n    currentFocus?: 'menu' | 'firstItem' | 'secondItem' | 'none';\n  };\n\ntype MainMenu = {\n  menuLevel: 'main';\n  menuId?: never;\n  closeSubmenu?: never;\n};\n\ntype SubMenu = {\n  menuLevel: 'sub';\n  menuId?: string;\n  closeSubmenu?: () => void;\n};\nconst isMobile = getIsMobile();\n\n/* Component that is exposed to final user to create a menu. Important to notice that this component is just used by\nthe final user to express a main menu. It's not reused by us for submenus (we use SheetMenu and DropdownMenu directly there) */\n\nexport const Menu = ({ onClose, isOpen, initialFocus, ...menuProps }: MenuProps) => {\n  //On close is consumed by the whole menu structure including the main menu and submenu ones.\n  return (\n    <MenuContext.Provider value={{ onClose, isMobile }}>\n      {!isOpen ? null : (\n        <>\n          {isMobile ? (\n            <SheetMenu\n              {...{\n                ...menuProps,\n                currentFocus: initialFocus,\n                menuLevel: 'main'\n              }}></SheetMenu>\n          ) : (\n            <DropdownMenu\n              {...{\n                ...menuProps,\n                currentFocus: initialFocus,\n                menuLevel: 'main',\n                defaultPlacement: 'bottom-start',\n                offsetValue: {\n                  mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n                  crossAxis: 0\n                },\n                flipOptions: {\n                  crossAxis: true,\n                  mainAxis: true,\n                  fallbackPlacements: [\n                    'bottom-end',\n                    'top-start',\n                    'top-end',\n                    'end-top',\n                    'start-top',\n                    'end-bottom',\n                    'start-bottom'\n                  ]\n                }\n              }}></DropdownMenu>\n          )}\n        </>\n      )}\n    </MenuContext.Provider>\n  );\n};\n"],"names":["MenuContainer","children","ariaLabel","currentFocus","display","closeSubmenu","menuId","menuLevel","onClose","useMenuContext","direction","useUser","menuContainerRef","useRef","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","initialFocusDone","currentKey","setCurrentKey","useState","showFocusRing","setShowFocusRing","isContainerFocused","setIsContainerFocused","changeKey","useCallback","detail","key","reason","selfDestructiveMouseMoveEvent","handler","e","keyElem","keyElemExtractor","target","elem","current","evt","MouseEvent","dispatchEvent","removeEventListener","addEventListener","currentKeyProps","getPrev","getNext","getFirstVisible","getLastVisible","onChange","keyDownKeyFunctions","useMemo","ArrowDown","ArrowUp","Home","End","onKeyDown","event","keyFunction","shiftKey","preventDefault","useMenuCurrentKey","getPrevNext","getNVisible","useEffect","menuContainer","timer","undefined","focusMenuContainer","focus","setTimeout","FOCUS_SHIFT_TIMEOUT","firstItem","item","clearTimeout","_jsx","id","ref","tabIndex","role","class","classNames","menuStyles","menuContainerStyle","mergeProps","getKeyboardCloseProps","getCloseSubmenuEvent","getMenuContainerFocusMethods","contains","document","activeElement","getMenuContainerMouseLeave","relatedTarget","isEqualNode","getMenuPointerDown","MenuContainerContext","Provider","value","DropdownMenu","forwardRef","anchorRef","defaultPlacement","offsetValue","flipOptions","useOutsideClickHandler","menuItemKey","jsx","Layer","logicalParentRef","Floating","dropdownMenuStyles","base","onClickOutside","shiftOptions","mainAxis","crossAxis","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","placement","style","minWidth","offsetWidth","MENU_MIN_WIDTH","ModalWrapper","sheetMenuStyles","modalWrapper","ModalContainer","modalContainer","ModalBackdrop","backdropVisible","modalBackdrop","modalBackdropVisible","SheetMenu","initialOverflow","body","overflow","dismissHandler","backdropRef","useModal","isOpen","onBackdropClick","swipeProps","onSwipe","threshold","maximumTime","tolerance","isDisabled","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","onTouchStart","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","ontouchcancel","useMenuSwipe","_jsxs","sheetMenuContainerWrapper","isMobile","getIsMobile","initialFocus","menuProps","MenuContext","_Fragment","fallbackPlacements"],"mappings":"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"}

package/amd/MenuButton-cf2aa2f0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './UNSAFE_ButtonLayout', './PRIVATE_ThemedIcons/ChevronDownIcon', './UNSAFE_Menu', './hooks/UNSAFE_useMenuAction', './UNSAFE_BaseButton', './utils/UNSAFE_mergeProps', 'preact', 'preact/compat', 'preact/hooks', './BaseButton-20d4c703', './ButtonLayout-0daaa20b', './index-56aaaca9', './Menu-0f1b1bf8'], (function(e,n,o,t,s,u,a,r,i,c,d,l,h,p,M){"use strict";const f=c.forwardRef((({children:e,label:o,suffix:t,variant:s="outlined",isDisabled:a=!1,isMenuOpen:c=!1,onToggleMenu:f,size:b="md",width:B,icon:g,"aria-describedby":m,onBlur:x,onFocus:E,onMouseEnter:v,onMouseLeave:A,onTouchEnd:F,onTouchStart:S},T)=>{const y=d.useRef(null);d.useImperativeHandle(T,(()=>y.current),[y]);const{triggerProps:j,menuProps:I}=u.useMenuAction({isDisabled:a,onToggleMenu:f,isMenuOpen:c,anchorRef:y}),_={onBlur:x,onFocus:E,onMouseEnter:v,onMouseLeave:A,onTouchEnd:F,onTouchStart:S},w=n.jsx(l.BaseButton,{...r.mergeProps(j,_),styling:c?["min","active"]:["min"],isDisabled:a,variant:s,width:B,size:b,ref:y,"aria-label":`${o} ${t}`,"aria-describedby":m,children:n.jsx(h.ButtonLayout,{display:"all",suffix:t,startIcon:g,endIcon:n.jsx(p.SvgChevronDown,{}),size:b,children:o})});return a?w:n.jsxs(i.Fragment,{children:[w,n.jsx(M.Menu,{...I,children:e})]})}));e.MenuButton=f}));
+//# sourceMappingURL=MenuButton-cf2aa2f0.js.map

package/amd/MenuButton-cf2aa2f0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton-cf2aa2f0.js","sources":["../../src/UNSAFE_MenuButton/MenuButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ButtonLayout } from '../UNSAFE_ButtonLayout';\nimport { ChevronDownIcon } from '../PRIVATE_ThemedIcons/ChevronDownIcon';\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps & {\n    /**\n     * children - One or more MenuItems, dividers, or Menu groups\n     */\n    children?: ComponentChildren;\n\n    /**\n     * The icon shown to the left of the label (or to the right of the\n     * label in right to left mode). Note that this is not the menu\n     * expand icon shown to the right of the label (or to the left of\n     * the label in right to left mode).\n     */\n    icon?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The button label\n     */\n    label?: string;\n\n    /**\n     * Specifies if the menu is open\n     */\n    isMenuOpen?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n     */\n    onToggleMenu?: (details: MenuToggleDetail) => void;\n\n    /**\n     * A suffix to the label that can be rendered differently.  Used to identify\n     * which child MenuItem is invoked.\n     */\n    suffix?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\"\n     */\n    variant?: 'borderless' | 'outlined' | 'solid';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A MenuButton is a combined action and menu button.\n */\nexport const MenuButton = forwardRef(\n  (\n    {\n      children,\n      label,\n      suffix,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      onToggleMenu,\n      size = 'md',\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const rootButton = (\n      <BaseButton\n        {...mergeProps(triggerProps, globalEventProps)}\n        styling={isMenuOpen ? ['min', 'active'] : ['min']}\n        isDisabled={isDisabled}\n        variant={variant}\n        width={width}\n        size={size}\n        ref={buttonRef}\n        aria-label={`${label} ${suffix}`}\n        aria-describedby={ariaDescribedBy}>\n        <ButtonLayout\n          display={'all'}\n          suffix={suffix}\n          startIcon={icon}\n          endIcon={<ChevronDownIcon />}\n          size={size}>\n          {label}\n        </ButtonLayout>\n      </BaseButton>\n    );\n\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps}>{children}</Menu>\n      </Fragment>\n    );\n  }\n);\n"],"names":["MenuButton","forwardRef","children","label","suffix","variant","isDisabled","isMenuOpen","onToggleMenu","size","width","icon","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","buttonRef","useRef","useImperativeHandle","current","triggerProps","menuProps","useMenuAction","anchorRef","globalEventProps","rootButton","_jsx","BaseButton","mergeProps","styling","ButtonLayout","display","startIcon","endIcon","ChevronDownIcon","_jsxs","jsxs","Fragment","Menu"],"mappings":"8XAqGa,MAAAA,EAAaC,EAAAA,YACxB,EAEIC,WACAC,QACAC,SACAC,UAAU,WACVC,cAAa,EACbC,cAAa,EACbC,eACAC,OAAO,KACPC,QACAC,OACA,mBAAoBC,EACpBC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACH,GAAM,IAAMC,EAAUG,SAAU,CAACH,IAErD,MAAMI,aAAEA,EAAYC,UAAEA,GAAcC,gBAAc,CAChDpB,WAAYA,EACZE,aAAcA,EACdD,WAAYA,EACZoB,UAAWP,IAGPQ,EAAmB,CACvBf,SACAC,UACAC,eACAC,eACAC,aACAC,gBAGIW,EACJC,EAAAA,IAACC,EAAUA,WAAA,IACLC,EAAUA,WAACR,EAAcI,GAC7BK,QAAS1B,EAAa,CAAC,MAAO,UAAY,CAAC,OAC3CD,WAAYA,EACZD,QAASA,EACTK,MAAOA,EACPD,KAAMA,EACNU,IAAKC,EACO,aAAA,GAAGjB,KAASC,IACN,mBAAAQ,WAClBkB,EAAAA,IAACI,EAAAA,cACCC,QAAS,MACT/B,OAAQA,EACRgC,UAAWzB,EACX0B,QAASP,MAACQ,EAAAA,mBACV7B,KAAMA,EAAIP,SACTC,MAKP,OAAOG,EACL,EAEAiC,EAAAC,KAACC,EAAQA,SACN,CAAAvC,SAAA,CAAA2B,EACDC,EAAAA,IAACY,EAAAA,KAAI,IAAKjB,EAASvB,SAAGA,MAEzB"}

package/amd/MenuDivider-cc4b720f.js

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

package/amd/MenuDivider-cc4b720f.js.map

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

package/amd/MenuItem-0351fecd.js

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

package/amd/MenuItem-0351fecd.js.map

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

package/amd/Message.types-b8cf11c6.js

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

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

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

package/amd/MessageCloseButton-eb9d7355.js

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

package/amd/MessageCloseButton-eb9d7355.js.map

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

package/amd/MessageDetail-b93cf348.js

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

package/amd/MessageDetail-b93cf348.js.map

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

package/amd/MessageFormattingUtils-263c9e45.js

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

package/amd/MessageFormattingUtils-263c9e45.js.map

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

package/amd/MessageStartIcon-6615371c.js

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

package/amd/MessageStartIcon-6615371c.js.map

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

package/amd/MessageSummary-810a08e3.js

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

package/amd/MessageSummary-810a08e3.js.map

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

package/amd/MessageTimestamp-f21a7a06.js

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

package/amd/MessageTimestamp-f21a7a06.js.map

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