@oracle/oraclejet-preact 15.1.11 → 15.1.13

package/cjs/List-e672383a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-e672383a.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/useHandleRemoveCurrentKey.ts","../../src/PRIVATE_List/Sparkle.tsx","../../src/PRIVATE_List/List.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 { 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, ListItemContext } 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: (context: ListItemContext<K, D>) => ComponentChildren;\n  context: ListItemContext<K, D>;\n  itemData: D;\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  context,\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  const itemKey = context.metadata.key;\n  const itemIndex = context.index;\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(context)}\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.children === next.children &&\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      compareListItemContext(prev.context, next.context)\n    );\n  }\n  return false;\n});\n\nconst compareListItemContext = <K, D>(ctx1: ListItemContext<K, D>, ctx2: ListItemContext<K, D>) => {\n  return (\n    ctx1.data === ctx2.data &&\n    ctx1.index === ctx2.index &&\n    ctx1.isSelected === ctx2.isSelected &&\n    ctx1.metadata.key === ctx2.metadata.key\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { 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","/**\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 = (ctx: ListItemContext<K, D>, otherProps?: any) => (\n      <ItemComponent\n        key={listItemContext.metadata.key}\n        context={ctx}\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        role={role}\n        selectionMode={selectionMode}\n        currentItemVariant={currentItemVariant}\n        {...(suggestion && { suggestion })}\n        {...(listItemContext.index === 0 && { isTopGridlineVisible: showGridlineTop() })}\n        {...otherProps}>\n        {children}\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)) {\n      pendingCurrentKey.current = key as K;\n    }\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"],"names":["useRef","useMemo","useInteractionStyle","listItemMultiVariantStyles","classNames","mergeInterpolations","flexitemInterpolations","listItemStyles","_jsx","useId","TabbableModeContext","FocusTrap","memo","useEffect","sparkleStyles","useState","listStyles","useCurrentKey","keyExtractor","getPrevNextKey","useCollectionFocusRing","useTabbableModeSet","findElementByKey","useCallback","getFirstVisibleKey","isKeyDefined","useCollectionGestureContext","useSelection","useItemAction","PLACEHOLDER_STYLE_CLASS","Selector","containsKey","mergeProps","VirtualizedCollection","LoadMoreCollection","SkeletonContainer","Flex","Skeleton","LOADMORE_STYLE_CLASS"],"mappings":"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"}

package/cjs/ListItemTextLayout-d8eae10b.js

@@ -0,0 +1,192 @@
+/* @oracle/oraclejet-preact: 15.1.13 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var UNSAFE_Grid = require('./UNSAFE_Grid.js');
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-d7bcb415.js');
+require('./UNSAFE_Text.js');
+var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
+var Text = require('./Text-da1099da.js');
+
+const childrenStyles = "_14f9cj9";
+// TODO: revisit idea of negative margin when selector has a proper API for handling spacing
+// Jira: JET-54543
+// negative margin added to selector
+const selectorStyles = "_10kf4xa";
+// most content will be vertically centered
+const centerVerticalStyles = "_1nwi4ff";
+// extra spacing is needed between meta, trailing, and action components
+const leftPaddingStyles = "z5b0m";
+// the central text area displays overline, primary, secondary, and tertiary in a column
+const flexColumnStyles$1 = "_1q5g82r";
+// "extra" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout
+const flexRowStyles = "faawzs";
+const rightJustifyStyles = "n1n3wq";
+const rowAlignStyles = "_13r3mwf";
+function ListItemLayout({
+  children,
+  selector,
+  leading,
+  primary,
+  secondary,
+  tertiary,
+  overline,
+  metadata,
+  trailing,
+  action,
+  quaternary,
+  navigation
+}) {
+  // generate grid skeleton, adding cells based on which props are defined
+  const {
+    columnsTemplate,
+    firstCell,
+    secondCell,
+    lastCell,
+    hasSecondRow
+  } = getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation);
+  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props
+  const textArea = children ? jsxRuntime.jsx("div", {
+    className: childrenStyles,
+    children: children
+  }) : jsxRuntime.jsxs("div", {
+    className: flexColumnStyles$1,
+    children: [jsxRuntime.jsx("div", {
+      children: overline
+    }), jsxRuntime.jsx("div", {
+      children: primary
+    }), jsxRuntime.jsx("div", {
+      children: secondary
+    }), jsxRuntime.jsx("div", {
+      children: tertiary
+    })]
+  });
+  // a second row is needed when quaternary or navigation are defined
+  const secondRow = hasSecondRow ? [firstCell && jsxRuntime.jsx("span", {
+    children: " "
+  }), secondCell && jsxRuntime.jsx("span", {
+    children: " "
+  }), jsxRuntime.jsx("div", {
+    className: rowAlignStyles,
+    children: quaternary
+  }), lastCell && jsxRuntime.jsx("div", {
+    className: rightJustifyStyles,
+    children: navigation
+  })] : null;
+  return jsxRuntime.jsxs(UNSAFE_Grid.Grid, {
+    gap: "4x",
+    gridTemplateColumns: columnsTemplate,
+    children: [firstCell, secondCell, jsxRuntime.jsx("div", {
+      className: centerVerticalStyles,
+      children: textArea
+    }), lastCell, secondRow]
+  });
+}
+function getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation) {
+  const columnsTemplateBuilder = [];
+  let firstCell = null;
+  if (selector) {
+    columnsTemplateBuilder.push('auto');
+    firstCell = jsxRuntime.jsx("div", {
+      className: selectorStyles,
+      children: selector
+    });
+  }
+  let secondCell = null;
+  if (leading) {
+    columnsTemplateBuilder.push('auto');
+    secondCell = jsxRuntime.jsx("div", {
+      className: centerVerticalStyles,
+      children: leading
+    });
+  }
+  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space
+  let lastCell = null;
+  if (metadata || trailing || action || navigation) {
+    columnsTemplateBuilder.push('auto');
+    lastCell = jsxRuntime.jsxs("div", {
+      className: flexRowStyles,
+      children: [jsxRuntime.jsx("div", {
+        className: classNames.classNames([centerVerticalStyles, metadata ? leftPaddingStyles : '']),
+        children: metadata
+      }), jsxRuntime.jsx("div", {
+        className: classNames.classNames([centerVerticalStyles, trailing ? leftPaddingStyles : '']),
+        children: trailing
+      }), jsxRuntime.jsx("div", {
+        className: classNames.classNames([centerVerticalStyles, action ? leftPaddingStyles : '']),
+        children: action
+      })]
+    });
+  }
+  const columnsTemplate = columnsTemplateBuilder.join(' ');
+  const hasSecondRow = quaternary || navigation ? true : false;
+  return {
+    columnsTemplate,
+    firstCell,
+    secondCell,
+    lastCell,
+    hasSecondRow
+  };
+}
+
+const textVariants = {
+    primary: 'primary',
+    secondary: 'primary',
+    tertiary: 'secondary',
+    quaternary: 'secondary',
+    overline: 'secondary',
+    metadata: 'secondary'
+};
+const textSizes = {
+    primary: 'md',
+    secondary: 'sm',
+    tertiary: 'xs',
+    quaternary: 'sm',
+    overline: 'xs',
+    metadata: 'sm'
+};
+const textLineClamps = {
+    primary: undefined,
+    secondary: 2,
+    tertiary: 2,
+    quaternary: 2,
+    overline: 1,
+    metadata: 1
+};
+function ListItemText({ children, variant }) {
+    const { isTabbable } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
+    const textContent = (jsxRuntime.jsx(Text.Text, { variant: textVariants[variant], size: textSizes[variant], lineClamp: textLineClamps[variant], children: children }));
+    return isTabbable ? jsxRuntime.jsx("div", { tabIndex: 0, children: textContent }) : textContent;
+}
+
+const flexColumnStyles = "_11c28ju";
+function ListItemTextLayout({
+  primary,
+  secondary,
+  tertiary,
+  overline
+}) {
+  return jsxRuntime.jsxs("div", {
+    className: flexColumnStyles,
+    children: [jsxRuntime.jsx(ListItemText, {
+      variant: "overline",
+      children: overline
+    }), jsxRuntime.jsx(ListItemText, {
+      variant: "primary",
+      children: primary
+    }), jsxRuntime.jsx(ListItemText, {
+      variant: "secondary",
+      children: secondary
+    }), jsxRuntime.jsx(ListItemText, {
+      variant: "tertiary",
+      children: tertiary
+    })]
+  });
+}
+
+exports.ListItemLayout = ListItemLayout;
+exports.ListItemText = ListItemText;
+exports.ListItemTextLayout = ListItemTextLayout;
+//# sourceMappingURL=ListItemTextLayout-d8eae10b.js.map

package/cjs/ListItemTextLayout-d8eae10b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTextLayout-d8eae10b.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","ListItemLayout","children","selector","leading","primary","secondary","tertiary","overline","metadata","trailing","action","quaternary","navigation","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","getColumnsTemplate","textArea","_jsx","className","_jsxs","Grid","gap","gridTemplateColumns","secondRow","columnsTemplateBuilder","push","classNames","useTabbableMode","Text","ListItemTextLayout"],"mappings":"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"}

package/cjs/ListView-856aa952.js

@@ -0,0 +1,32 @@
+/* @oracle/oraclejet-preact: 15.1.13 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./PRIVATE_List.js');
+var List = require('./List-e672383a.js');
+
+/**
+ * Component that renders items as a flat list.
+ * This component is nom-virtualized and renders all rows provided in the data prop.
+ */
+function ListView(props) {
+    const dataMetadata = props.data
+        ? props.data.map((aData) => {
+            const key = props.getRowKey(aData);
+            return { data: aData, metadata: { key } };
+        })
+        : null;
+    const loadRange = props.onLoadMore ? props.onLoadMore : () => { };
+    const dataState = dataMetadata
+        ? {
+            offset: 0,
+            data: dataMetadata,
+            sizePrecision: props.hasMore ? 'atLeast' : 'exact',
+            totalSize: dataMetadata.length
+        }
+        : null;
+    return (jsxRuntime.jsx(List.List, { isVirtualized: false, ...props, onLoadRange: loadRange, data: dataState, children: props.children }));
+}
+
+exports.ListView = ListView;
+//# sourceMappingURL=ListView-856aa952.js.map

package/cjs/ListView-856aa952.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-856aa952.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":["_jsx","List"],"mappings":";;;;;;;AAuDA;;;AAGG;AACG,SAAU,QAAQ,CAA+B,KAAkB,EAAA;AACvE,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI;UAC3B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAQ,KAAI;YAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACnC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;AAC5C,SAAC,CAAC;UACF,IAAI,CAAC;AACT,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,GAAG,MAAK,GAAG,CAAC;IACjE,MAAM,SAAS,GAAG,YAAY;AAC5B,UAAG;AACC,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,IAAI,EAAE,YAAY;YAClB,aAAa,EAAE,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,OAAO;YAClD,SAAS,EAAE,YAAY,CAAC,MAAM;AACX,SAAA;UACrB,IAAI,CAAC;IACT,QACEA,eAACC,SAAI,EAAA,EAAC,aAAa,EAAE,KAAK,EAAM,GAAA,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAA,QAAA,EAC3E,KAAK,CAAC,QAAQ,EACV,CAAA,EACP;AACJ;;;;"}

package/cjs/LoadMoreCollection-ed62b2d6.js

@@ -0,0 +1,35 @@
+/* @oracle/oraclejet-preact: 15.1.13 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+require('./PRIVATE_Collection.js');
+var hooks_UNSAFE_useViewportIntersect = require('./hooks/UNSAFE_useViewportIntersect.js');
+var Collection = require('./Collection-0a647a88.js');
+
+const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';
+const DEFAULT_MARGIN = 1;
+const LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;
+/**
+ * Component that only render items in the specified viewport.
+ * @param props
+ */
+function LoadMoreCollection({ data, children, viewportConfig, hasMore, onLoadMore, loadMoreIndicator, suggestions, loadMoreThreshold = DEFAULT_MARGIN }) {
+    // detect if viewport has changed and it needs to re-render based on a new range
+    hooks_UNSAFE_useViewportIntersect.useViewportIntersect(viewportConfig, Math.max(loadMoreThreshold, DEFAULT_MARGIN), 0, LOAD_MORE_SELECTOR, () => {
+        if (data) {
+            onLoadMore();
+        }
+    });
+    // if DataState is invalid (including not specified), just render blank
+    if (!data) {
+        return jsxRuntime.jsx("div", {});
+    }
+    // might need to support elementType prop in the future to allow customization of what
+    // type of element to render for the root
+    return (jsxRuntime.jsxs(preact.Fragment, { children: [suggestions, jsxRuntime.jsx(Collection.Collection, { items: data, children: children }), hasMore && loadMoreIndicator] }));
+}
+
+exports.LOADMORE_STYLE_CLASS = LOADMORE_STYLE_CLASS;
+exports.LoadMoreCollection = LoadMoreCollection;
+//# sourceMappingURL=LoadMoreCollection-ed62b2d6.js.map

package/cjs/LoadMoreCollection-ed62b2d6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-ed62b2d6.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":["useViewportIntersect","_jsx","_jsxs","Fragment","Collection"],"mappings":";;;;;;;;;AA4DO,MAAM,oBAAoB,GAAG,yBAAyB;AAE7D,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,kBAAkB,GAAG,CAAI,CAAA,EAAA,oBAAoB,EAAE,CAAC;AAEtD;;;AAGG;AACG,SAAU,kBAAkB,CAAI,EACpC,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,GAAG,cAAc,EACzB,EAAA;;AAET,IAAAA,sDAAoB,CAClB,cAAc,EACd,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,EAC3C,CAAC,EACD,kBAAkB,EAClB,MAAK;AACH,QAAA,IAAI,IAAI,EAAE;AACR,YAAA,UAAU,EAAE,CAAC;AACd,SAAA;AACH,KAAC,CACF,CAAC;;IAGF,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,OAAOC,yBAAO,CAAC;AAChB,KAAA;;;IAID,QACEC,gBAACC,eAAQ,EAAA,EAAA,QAAA,EAAA,CACN,WAAW,EACZF,cAAA,CAACG,qBAAU,EAAC,EAAA,KAAK,EAAE,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAc,CAAA,EAC/C,OAAO,IAAI,iBAAiB,CACpB,EAAA,CAAA,EACX;AACJ;;;;;"}