@oracle/oraclejet-preact 17.1.1 → 17.1.2

package/amd/{Indexer-74c989ce.js.map → Indexer-6833ad40.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Indexer-74c989ce.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.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 { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles, IndexerItemVariantOptions } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const { classes } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(\n      IndexerRedwoodTheme,\n      {\n        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',\n        selected: isSelected ? 'isSelected' : 'notSelected'\n      }\n    );\n    const itemClasses = classNames([classes]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const { classes } = useComponentTheme<IndexerItemVariantOptions>(IndexerRedwoodTheme, {\n    focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n    selected: isSelected ? 'isSelected' : 'notSelected'\n  });\n  const othersClasses = classNames([classes]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n\n    const separatorClasses = classNames([classes]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} class={separatorClasses} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={dotStyle}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, createRef, RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback, Dispatch } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey, isMobile } from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {},\n  testId\n}: Props<K> & TestIdProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    true,\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    styles: { baseStyle, innerStyle }\n  } = useComponentTheme<never, IndexerStyles>(IndexerRedwoodTheme);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin={0}\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={innerStyle}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<StateUpdater<K | undefined>>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  if (isMobile()) {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","ITEM_SELECTOR","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","isSelected","data","commonProps","getCommonProps","classes","useComponentTheme","IndexerRedwoodTheme","focused","isFocusRingVisible","disabled","isDisabled","selected","itemClasses","classNames","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","jsx","class","children","currentKey","valueNow","LastSectionItem","lastValueNow","sectionProps","_jsxs","jsxs","Fragment","OthersItem","index","othersClasses","othersValueText","SeparatorItem","sections","from","to","getSeparatorRange","styles","dotStyle","isInSeparatorMiddle","fromText","toText","separatorClasses","separatorValueText","indexer_separatorLabel","FROM_SECTION","TO_SECTION","Flex","align","justify","sectionsPerTruncation","last","Math","floor","defaultSections","handleKeyExtract","element","rootRef","current","undefined","keyExtractor","handleSelection","detail","onCommit","value","find","section","updateSectionsPerTruncation","height","itemHeight","sectionsLength","firstSectionKey","setSectionsPerTruncation","setCurrent","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","truncationCount","tempLeftover","getIndexerDescription","isMobile","indexer_touchInstructionText","indexer_keyboardInstructionText","testId","useRef","ulRef","currElementRef","createRef","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","getPrevNextKey","selectionProps","useSingleSelection","handleResize","useCallback","entries","entry","contentRect","length","useEffect","setAttribute","dataset","root","querySelector","offsetHeight","resizeObserver","ResizeObserver","observe","unobserve","baseStyle","innerStyle","testIdProps","useTestId","width","mergeProps","tabIndex","role","Collection","items","separatorProps","hasSeparator","HiddenAccessible","id"],"mappings":"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"}
+{"version":3,"file":"Indexer-6833ad40.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.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 { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles, IndexerItemVariantOptions } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const { classes } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(\n      IndexerRedwoodTheme,\n      {\n        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',\n        selected: isSelected ? 'isSelected' : 'notSelected'\n      }\n    );\n    const itemClasses = classNames([classes]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const { classes } = useComponentTheme<IndexerItemVariantOptions>(IndexerRedwoodTheme, {\n    focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n    selected: isSelected ? 'isSelected' : 'notSelected'\n  });\n  const othersClasses = classNames([classes]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n\n    const separatorClasses = classNames([classes]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} class={separatorClasses} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={dotStyle}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, createRef, RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback, Dispatch } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey, isMobile } from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {},\n  testId\n}: Props<K> & TestIdProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    true,\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    styles: { baseStyle, innerStyle }\n  } = useComponentTheme<never, IndexerStyles>(IndexerRedwoodTheme);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin={0}\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={innerStyle}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<StateUpdater<K | undefined>>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  if (isMobile()) {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","ITEM_SELECTOR","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","isSelected","data","commonProps","getCommonProps","classes","useComponentTheme","IndexerRedwoodTheme","focused","isFocusRingVisible","disabled","isDisabled","selected","itemClasses","classNames","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","jsx","class","children","currentKey","valueNow","LastSectionItem","lastValueNow","sectionProps","_jsxs","jsxs","Fragment","OthersItem","index","othersClasses","othersValueText","SeparatorItem","sections","from","to","getSeparatorRange","styles","dotStyle","isInSeparatorMiddle","fromText","toText","separatorClasses","separatorValueText","indexer_separatorLabel","FROM_SECTION","TO_SECTION","Flex","align","justify","sectionsPerTruncation","last","Math","floor","defaultSections","handleKeyExtract","element","rootRef","current","undefined","keyExtractor","handleSelection","detail","onCommit","value","find","section","updateSectionsPerTruncation","height","itemHeight","sectionsLength","firstSectionKey","setSectionsPerTruncation","setCurrent","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","truncationCount","tempLeftover","getIndexerDescription","isMobile","indexer_touchInstructionText","indexer_keyboardInstructionText","testId","useRef","ulRef","currElementRef","createRef","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","getPrevNextKey","selectionProps","useSingleSelection","handleResize","useCallback","entries","entry","contentRect","length","useEffect","setAttribute","dataset","root","querySelector","offsetHeight","resizeObserver","ResizeObserver","observe","unobserve","baseStyle","innerStyle","testIdProps","useTestId","width","mergeProps","tabIndex","role","Collection","items","separatorProps","hasSeparator","HiddenAccessible","id"],"mappings":"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"}

package/amd/List-3ebac3fc.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-cc1cb01d', './LoadMoreCollection-a6adbc3f', './VirtualizedCollection-63223f5e', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-eb7cc3d2', './useInteractionStyle-726087e0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './collectionUtils-6740111c', './Skeleton-5839404b', './Flex-56ecdf4c', './Selector-039f7481', './ImageVars.css-17386400', './useTheme-ac980f9a', './useTestId-3a316499', './useSelection-e2791513', './useCurrentKey-1d869ff4', './useCollectionFocusRing-64636529', './useCollectionInteractionContext-173bc431', './useItemAction-66d976c4', './useTabbableModeSet-b4c18d1a', './useReorderableContext-652356ad', './Inset-d7d99801', 'module'], (function(e,t,i,s,r,n,l,o,a,c,u,d,g,m,b,f,y,v,p,h,x,S,k,C,I,w,K,T,R,V,j,A){"use strict";const P=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},E="[data-oj-key]";function F({children:e,context:r,itemDepth:n,isFocused:l,isFocusRingVisible:o,isActive:a,isGridlineVisible:y,isSelected:v,isTopGridlineVisible:p=!1,isTabbable:h=!1,role:x,selectionMode:S,suggestion:k,currentItemVariant:C}){const I=i.useRef(null),w=i.useMemo((()=>P(x)),[x]),K=r.metadata.key,T=r.index,R="option"===w.cell?{role:w.cell,"aria-posinset":T+1,"aria-setsize":-1}:{role:w.cell},{interactionProps:V,applyActiveStyle:j,applyHoverStyle:A,applyPseudoHoverStyle:E}=g.useInteractionStyle(),F=f.listItemMultiVariantStyles({selectable:M(S,v)?"isSelectable":"notSelectable",selected:v?"isSelected":"notSelected",selectedSingle:v&&"single"===S?"isSelectedSingle":"notSelectedSingle",needsEventsHover:A?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:E?"isPseudoHover":"notPseudoHover",active:j||a?"isActive":"notActive",focusHighlight:"highlight"===C&&l?"isFocusHighlight":"notFocusHighlight",focusRingVisible:o&&l?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:p?"visible":"hidden",gridlineBottom:!y&&("end"!==k||y||v&&"single"===S)?"hidden":"visible"}),L=s.classNames([F]),H=m.mergeInterpolations([...Object.values(b.flexitemInterpolations)]),{class:z,...D}=H({flex:"1 1 auto",alignSelf:"center"}),N=s.classNames([z,"multiple"===S&&f.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":"grid"===x?T+1:void 0,"aria-level":n,"data-oj-key":K,class:L,ref:I,role:w.item,...k&&{"data-oj-suggestion":!0},..."number"==typeof K&&{"data-oj-key-type":"number"},...V,children:t.jsx("div",{id:u.useId(),style:D,class:N,"aria-posinset":"grid"===x?void 0:T+1,"aria-setsize":"grid"===x?void 0:-1,onKeyDown:e=>{!h||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===x?1:void 0,"aria-selected":"none"!==S?v:void 0,...R,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:h},children:t.jsx(d.FocusTrap,{isDisabled:!h,restoreFocusRef:!1,children:e(r)})})})})}const M=(e,t)=>"none"!==e&&("multiple"===e||!t),L=a.memo(F,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.suggestion===t.suggestion&&e.isGridlineVisible===t.isGridlineVisible&&e.isTopGridlineVisible===t.isTopGridlineVisible&&y.compareListItemContext(e.context,t.context))));function H({children:e,minimumCount:r=1}){const[n,l]=i.useState(!1);i.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]);const o=s.classNames([f.skeletonStyles.container]);return n&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(r)].map(((t,i)=>e(i)))}):null}const z="oj-collection-sparkle";function D({sparkleHeight:e}){const{name:i}=S.useTheme();if(e<=0)return null;const r=e+"px",n=s.classNames([f.sparkleStyles.base]),l=s.classNames([f.sparkleStyles.container,z,"redwood"===i&&x.globalImages]);return t.jsx("div",{class:l,children:t.jsx("div",{class:n,style:{height:r}})},"sparkle")}const N=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,i,s)=>{const r=i.metadata.key;return s===t-1?e.set(r,"end"):e.set(r,!0),e}),new Map)},O=(e,t,i)=>{if(e&&t&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),i>0)){const s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),n=s.top+i-r.top;n>0&&(t.scrollTop=t.scrollTop-n)}},G=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),s=i.indexOf(e.value.start),r=i.indexOf(e.value.end),n=Math.min(s,r),l=Math.max(s,r);return-1===n?{offset:0,count:t.totalSize}:i.slice(n,l+1)},B=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));const _=(e,t)=>t??{scroller:()=>e.current},U={all:!1,keys:new Set},q=t.jsx(H,{minimumCount:25,children:()=>t.jsx(j.Inset,{variant:"listview",children:t.jsx(p.Flex,{height:"6x",align:"center",children:t.jsx(v.Skeleton,{height:"4x"})})})}),Y=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(H,{minimumCount:3,children:()=>t.jsx(j.Inset,{variant:"listview",children:t.jsx(p.Flex,{height:"6x",align:"center",children:t.jsx(v.Skeleton,{height:"4x"})})})})}),$=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),s=i-e.offset;s>0&&(e={offset:i,data:e.data.slice(s,s+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":a,allowTabbableMode:c=!0,children:u,data:d,gridlines:g,loadingIndicator:m=q,currentItemOverride:b,onPersistCurrentItem:v,onLoadRange:p,onSelectionChange:x,onItemAction:S,rangeExtractor:j,role:A="grid",selectedKeys:M=U,selectionMode:H="none",viewportConfig:z,currentItemVariant:J="none",promotedSection:Q,isVirtualized:W=!1,customItemRenderer:X,scrollToVisibleOffset:Z,testId:ee,scrollerRef:te,reorderProps:ie,contextMenuTriggerProps:se,...re}){const ne=i.useRef(null),le=i.useRef(),[oe,ae]=i.useState(!1),ce="none"===H?void 0:"multiple"===H,ue=null===d?void 0:"exact"===d.sizePrecision?d.totalSize:-1,de=s.classNames([f.listStyles.base]),ge=i.useCallback(((e,t)=>{d&&(le.current={detail:e,range:{offset:d.offset,count:d.data.length}},p(t))}),[d,p]),{currentKey:me,onCurrentKeyChange:be,isCurrentItemOverridden:fe}=((e,t)=>{const[s,r]=i.useState(),n=i.useRef(),l=i.useRef(!1),o=V.useReorderableContext(),a=i.useMemo((()=>e=>{r(e.value),t?.(e),null!=o?.currentItemKey&&(o.currentItemKey.current=e.value?.rowKey)}),[t,o?.currentItemKey]);return n.current!==e&&(n.current=e,s?.rowKey!==e?.rowKey&&(l.current=!0,a({value:e}))),i.useEffect((()=>{l.current=!1})),{currentKey:s?.rowKey,onCurrentKeyChange:e=>{a({value:{rowKey:e.value}})},isCurrentItemOverridden:l.current}})(b,v),{eventProps:ye,showFocusRing:ve,handleSelectionChange:pe}=((e,t,s="none",n,l,o,a,c,u="grid",d,g,m,b)=>{const f=i.useMemo((()=>P(u)),[u]),v=i.useRef(),p=K.useCollectionInteractionContext(),{currentKeyProps:h}=I.useCurrentKey((e=>y.keyExtractor(e,E)),"multiple"!==s,y.getPrevNextKey(g.current,e,!0,E),y.getPrevNextKey(g.current,e,!1,E),void 0,void 0,e,n),[x,S]=w.useCollectionFocusRing(g,["ArrowUp","ArrowDown"]);i.useEffect((()=>{if(null!=e&&g.current){const t=y.findElementByKey(g.current,e,E);if(t){const e=g.current.getAttribute("aria-activedescendant"),i=t.querySelector(`[role=${f.cell}]`);if(i&&e!==i.id&&(g.current.setAttribute("aria-activedescendant",i.id),!b||"embedded"===p)){const e=c?.scroller(),i=d?d(g.current):0;O(t,null!=e?e:g.current,i)}}}}),[e,a,f.cell,c,d,g,b]);const k=i.useCallback((e=>{l&&(!1===e.value.all&&e.value.keys.size>0&&(v.current=Array.from(e.value.keys.values()).pop()),l(e))}),[v,l]),R=i.useCallback((e=>{if(a&&l){const t=G(e,a);Array.isArray(t)?("shiftSpace"===e.eventType?v.current=e.value.start:v.current=e.value.end,l({value:{all:!1,keys:new Set(t)},target:null})):m(e,t)}}),[a,l,m]),{selectionProps:V}=C.useSelection((t=>t===g.current?void 0===e?null:e:y.keyExtractor(t,E)),t,s,!1,"replace","embedded"===p,k,v.current,e,((e,t)=>y.getPrevNextKey(g.current,e,t,E)),void 0,(e=>{if(g.current){const t=y.findElementByKey(g.current,e,E);if(t){const e=c?.scroller(),i=d?d(g.current):0;O(t,null!=e?e:g.current,i)}}}),R),j=T.useItemAction(e,a,o,E,"embedded"===p);return{eventProps:r.mergeProps(h,S,V,j),showFocusRing:x,handleSelectionChange:k}})(me,M,H,be,x,S,d,z,A,Z,ne,ge,fe),{eventProps:he,isCurrentTabbableKey:xe}=((e,t,s,l,o,a)=>{const c=i.useRef(),[u,d]=R.useTabbableModeSet(l,(e=>B(e)?null:y.keyExtractor(e,E)),e,t),g=i.useCallback((()=>{if(l.current&&t&&(!s||u(void 0))){const e=c.current||y.getFirstVisibleKey(l.current,E);n.isKeyDefined(e)&&t({value:e})}}),[l,t,s,u]),m=i.useCallback((i=>{if(B(i.target)){l.current?.focus();const e=y.keyExtractor(i.target,E);t&&n.isKeyDefined(e)&&t({value:e})}else if(n.isKeyDefined(e)){if(l.current){const i=y.findElementByKey(l.current,e,E);if(i){const e=o?.scroller(),t=a?a(l.current):0;O(i,null!=e?e:l.current,t)}else t&&g()}}else t&&g()}),[e,g,t,l]),b=i.useCallback((e=>{const t=y.keyExtractor(e.target,E);n.isKeyDefined(t)&&(c.current=t)}),[]);return{eventProps:r.mergeProps(s?d:{},{onFocus:m,onPointerDown:b}),isCurrentTabbableKey:u}})(me,be,c,ne,z,Z);if(d&&void 0!==le.current&&x){const e=G(le.current.detail,d);Array.isArray(e)&&x({value:{all:!1,keys:new Set(e)},target:null});const t=le.current?le.current.range:{offset:d.offset,count:d.data.length};d=$(d,t),le.current=void 0,p(t)}const{sparkleHeight:Se,suggestions:ke}=((e,t,s)=>{const[r,n]=i.useState(0),l=i.useMemo((()=>e&&t&&N(e.data,t.count)),[e,t]);return i.useEffect((()=>{if(l){const e=s.current?.querySelector("."+o.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=s.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),n(t)}}),[s,l]),{sparkleHeight:r,suggestions:l}})(d,Q,ne),Ce=t.jsx(D,{sparkleHeight:Se}),Ie=i.useCallback((e=>{const i=e.data,s="multiple"===H?()=>t.jsx(h.Selector,{onChange:pe,rowKey:i.metadata.key,selectedKeys:M}):void 0;return{index:e.index,data:i.data,metadata:i.metadata,selector:s}}),[H,M,pe]),we=W?F:L,Ke=e=>{const i=Ie(e),s=ke?.get(i.metadata.key),r=c&&xe(i.metadata.key),l=me===i.metadata.key&&!r,o=l&&oe,a=n.containsKey(M,i.metadata.key),m=l&&ve,b=(e,r)=>{return t.jsx(we,{context:e,isFocused:l,isFocusRingVisible:m,isActive:o,isGridlineVisible:(n=i.index,"visible"===g?.item&&(n+1!==d?.totalSize||"visible"===g?.bottom)),isSelected:a,isTabbable:c&&xe(i.metadata.key),role:A,selectionMode:H,currentItemVariant:J,...s&&{suggestion:s},...0===i.index&&{isTopGridlineVisible:"visible"===g?.item&&"visible"===g?.top},...r,children:u},i.metadata.key);var n};if(X){return X({listItemContext:i,isFocused:l,isFocusRingVisible:m,isSelected:a,isTabbable:r,isActive:o,defaultListItem:b})}return b(i)};z=_(ne,z);const Te=i.useCallback((e=>{" "===e.key&&n.isKeyDefined(me)&&"none"!==H&&ae(!0)}),[me,H,ae]),Re=i.useCallback((()=>{ae(!1)}),[ae]);i.useImperativeHandle(te,(()=>ne.current));const Ve=k.useTestId(ee);return t.jsx("div",{...r.mergeProps(ye,he,se||{},ie||{},{onKeyDown:Te,onKeyUp:Re},re),...Ve,role:A,"aria-rowcount":"grid"===A?ue:void 0,"aria-colcount":"grid"===A?1:void 0,ref:ne,class:de,tabIndex:0,"aria-label":e,"aria-labelledby":a,"aria-multiselectable":ce,children:null==d?m:W?t.jsx(o.VirtualizedCollection,{data:d,itemSelector:E,loadMoreIndicator:Y,onLoadRange:p,rangeExtractor:j,suggestions:Ce,viewportConfig:z,children:Ke}):t.jsx(l.LoadMoreCollection,{data:d.data,loadMoreIndicator:Y,hasMore:"atLeast"===d.sizePrecision&&d.data.length<=d.totalSize,onLoadMore:()=>{d&&p({offset:0,count:d.data.length+25})},suggestions:Ce,viewportConfig:z,children:Ke})})},e.SkeletonContainer=H,e.excludeGroup=(e,t)=>{if(!t.all){const i=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),s=Array.from(t.keys.values()).filter((e=>!i.includes(e)));return{...t,keys:new Set(s)}}return t},e.scrollToVisible=O}));
+//# sourceMappingURL=List-3ebac3fc.js.map

package/amd/{List-61d64cd6.js.map → List-3ebac3fc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"List-61d64cd6.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/SkeletonContainer.tsx","../../src/PRIVATE_List/Sparkle.tsx","../../src/PRIVATE_List/usePromotedSection.ts","../../src/PRIVATE_List/ListUtils.ts","../../src/PRIVATE_List/useSelectionAndNavigation.ts","../../src/PRIVATE_List/useFocusTabbableMode.ts","../../src/PRIVATE_List/List.tsx","../../src/PRIVATE_List/useCurrentItemOverride.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 { useRef, useMemo } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { SelectionMode, CurrentItemVariant, ListItemRendererContext } 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';\nimport { compareListItemContext } from '../utils/PRIVATE_collectionUtils';\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  context: ListItemRendererContext<K, 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([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={role === 'grid' ? itemIndex + 1 : undefined}\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={role === 'grid' ? undefined : itemIndex + 1}\n        aria-setsize={role === 'grid' ? undefined : -1}\n        onKeyDown={handleKeyDown}\n        aria-colindex={role === 'grid' ? 1 : undefined}\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      prev.isGridlineVisible === next.isGridlineVisible &&\n      prev.isTopGridlineVisible === next.isTopGridlineVisible &&\n      compareListItemContext(prev.context, next.context)\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 { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { skeletonStyles } from './themes/ListStyles.css';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 1 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  const containerClasses = classNames([skeletonStyles.container]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\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 { globalImages } from '#/ImageVars.css';\nimport { sparkleStyles } from './themes/ListStyles.css';\nimport { useTheme } from '#/hooks/UNSAFE_useTheme';\n\nconst SPARKLE_STYLE_CLASS = 'oj-collection-sparkle';\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  const { name } = useTheme();\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([\n    sparkleStyles.container,\n    SPARKLE_STYLE_CLASS,\n    // TODO: this component should create separate theme definitions to only show the image in redwood\n    name === 'redwood' && globalImages\n  ]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n","import { RefObject } from 'preact';\nimport { useState, useEffect, useMemo } from 'preact/hooks';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { PLACEHOLDER_STYLE_CLASS } from '../PRIVATE_VirtualizedCollection';\nimport { Metadata } from '../UNSAFE_Collection';\n\nexport const usePromotedSection = <K extends string | number, D>(\n  data: ListViewProps<K, D>['data'],\n  promotedSection: ListViewProps<K, D>['promotedSection'],\n  rootRef: RefObject<HTMLDivElement>\n) => {\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const suggestions = useMemo(\n    () => data && promotedSection && findSuggestions(data.data, promotedSection.count),\n    [data, promotedSection]\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  }, [rootRef, suggestions]);\n\n  return { sparkleHeight, suggestions };\n};\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nconst findSuggestions = <K, D>(data: { data: D; metadata: Metadata<K> }[], count: number) => {\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 { FlattenedDataState } from '../UNSAFE_Collection';\nimport { Keys } from '../utils/UNSAFE_keys';\n\n/**\n * Helper function to only include keys of leaf items.\n */\nexport const excludeGroup = <K, D>(data: FlattenedDataState<K, D>, keys: Keys<K>) => {\n  if (!keys.all) {\n    const groups = data.data\n      .filter((dataMetadata) => {\n        return !dataMetadata.metadata.isLeaf;\n      })\n      .map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n    const leafOnly = Array.from(keys.keys.values()).filter((key: K) => {\n      return !groups.includes(key);\n    });\n    return { ...keys, keys: new Set(leafOnly) };\n  }\n  return keys;\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nexport const 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","import { RefObject } from 'preact';\nimport { useEffect, useCallback, useRef, useMemo } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys } from '../utils/UNSAFE_keys';\nimport {\n  DataState,\n  Metadata,\n  Range,\n  SelectionDetail,\n  CurrentKeyDetail\n} from '../UNSAFE_Collection';\nimport { getListViewRoles } from './ListRoles';\nimport { SelectionRangeDetail, useSelection } from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCollectionInteractionContext } from '../hooks/UNSAFE_useCollectionInteractionContext';\nimport { useItemAction } from '../hooks/PRIVATE_useItemAction';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { getPrevNextKey, findElementByKey, keyExtractor } from '../utils/PRIVATE_collectionUtils';\nimport { ITEM_SELECTOR } from './ListItem';\nimport { scrollToVisible } from './ListUtils';\n\nexport const useSelectionAndNavigation = <K extends string | number, D>(\n  currentKey: K | undefined,\n  selectedKeys: Keys<K>,\n  selectionMode: ListViewProps<K, D>['selectionMode'] = 'none',\n  onCurrentKeyChange: ((detail: CurrentKeyDetail<K>) => void) | undefined,\n  onSelectionChange: ListViewProps<K, D>['onSelectionChange'],\n  onItemAction: ListViewProps<K, D>['onItemAction'],\n  data: ListViewProps<K, D>['data'],\n  viewportConfig: ListViewProps<K, D>['viewportConfig'],\n  role: ListViewProps<K, D>['role'] = 'grid',\n  scrollToVisibleOffset: ListViewProps<K, D>['scrollToVisibleOffset'],\n  rootRef: RefObject<HTMLDivElement>,\n  pendingSelectionCallback: (detail: SelectionRangeDetail<K>, value: Range) => void,\n  isCurrentItemOverridden: boolean\n) => {\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  const collectionInteraction = useCollectionInteractionContext();\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 [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\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          // scroll the current item into view only when the current item is updated internally\n          // or when the collection interaction is 'embedded' if the current item is updated by the app\n          if (!isCurrentItemOverridden || collectionInteraction === 'embedded') {\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    }\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  }, [\n    currentKey,\n    data,\n    listRoles.cell,\n    viewportConfig,\n    scrollToVisibleOffset,\n    rootRef,\n    isCurrentItemOverridden\n  ]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // during regular selection, 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          if (detail.eventType === 'shiftSpace') {\n            // during range selection by shift+space, the first key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.start;\n          } else {\n            // during range selection by shift+click/arrow keys, the last key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.end;\n          }\n          onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n        } else {\n          pendingSelectionCallback(detail, value);\n        }\n      }\n    },\n    [data, onSelectionChange, pendingSelectionCallback]\n  );\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    collectionInteraction === '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  const itemActionProps = useItemAction(\n    currentKey,\n    data,\n    onItemAction,\n    ITEM_SELECTOR,\n    collectionInteraction === 'embedded'\n  );\n\n  return {\n    eventProps: mergeProps(currentKeyProps, focusRingProps, selectionProps, itemActionProps),\n    showFocusRing,\n    handleSelectionChange\n  };\n};\n\nexport const 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","import { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { getFirstVisibleKey, keyExtractor } from '../utils/PRIVATE_collectionUtils';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { ITEM_SELECTOR } from './ListItem';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { scrollToVisible } from './ListUtils';\n\nexport const useFocusTabbableMode = <K extends string | number, D>(\n  currentKey: K | undefined,\n  onCurrentKeyChange: ((detail: CurrentKeyDetail<K>) => void) | undefined,\n  allowTabbableMode: ListViewProps<K, D>['allowTabbableMode'],\n  rootRef: RefObject<HTMLDivElement>,\n  viewportConfig: ListViewProps<K, D>['viewportConfig'],\n  scrollToVisibleOffset: ListViewProps<K, D>['scrollToVisibleOffset']\n) => {\n  const pendingCurrentKey = useRef<K>();\n\n  const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n    rootRef,\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    onCurrentKeyChange\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  }, [rootRef, onCurrentKeyChange, allowTabbableMode, isCurrentTabbableKey]);\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 && isKeyDefined(key)) {\n          onCurrentKeyChange({ value: key as K });\n        }\n        return;\n      }\n      if (!isKeyDefined(currentKey)) {\n        onCurrentKeyChange && handleInitialFocus();\n      } else if (rootRef.current) {\n        // if currentKey is defined, make sure scroll the current item into view when listview regains focus\n        const elem = findElementByKey(rootRef.current, currentKey as K, 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        } else {\n          // if elem is not found, meaning the currentKey is not valid, we should pick the first item as current item\n          onCurrentKeyChange && handleInitialFocus();\n        }\n      }\n    },\n    [currentKey, handleInitialFocus, onCurrentKeyChange, rootRef]\n  );\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  return {\n    eventProps: mergeProps(allowTabbableMode ? tabbableModeProps : {}, {\n      onFocus: handleFocus,\n      onPointerDown: handlePointerDown\n    }),\n    isCurrentTabbableKey\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 * @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, useState, useImperativeHandle } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport { DataState, ItemContext, ListItemRendererContext, Range } from '../UNSAFE_Collection';\nimport { LoadMoreCollection, LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { VirtualizedCollection } from '../PRIVATE_VirtualizedCollection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { ListViewItem, ITEM_SELECTOR, MemoizeListViewItem } from './ListItem';\n\nimport { SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Selector } from '../UNSAFE_Selector';\nimport { Props } from '../UNSAFE_ListView';\nimport { Sparkle } from './Sparkle';\nimport { listStyles } from './themes/ListStyles.css';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\nimport { usePromotedSection } from './usePromotedSection';\nimport { useSelectionAndNavigation, handleSelectionRange } from './useSelectionAndNavigation';\nimport { useFocusTabbableMode } from './useFocusTabbableMode';\nimport { useCurrentItemOverride } from './useCurrentItemOverride';\nimport { Inset } from '../UNSAFE_Inset';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/ListBaseTheme.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  data,\n  gridlines,\n  loadingIndicator = defaultLoadingIndicator,\n  currentItemOverride,\n  onPersistCurrentItem,\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 = false,\n  customItemRenderer,\n  scrollToVisibleOffset,\n  testId,\n  scrollerRef,\n  reorderProps,\n  contextMenuTriggerProps,\n  ...props\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  // tracking pending selection key that is not in current data\n  const pendingSelection = useRef<{ detail: SelectionRangeDetail<K>; range: Range }>();\n\n  const [active, setActive] = useState<boolean>(false);\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  const pendingSelectionCallback = useCallback(\n    (detail: SelectionRangeDetail<K>, value: Range) => {\n      if (data) {\n        pendingSelection.current = {\n          detail: detail,\n          range: { offset: data.offset, count: data.data.length }\n        };\n        onLoadRange(value);\n      }\n    },\n    [data, onLoadRange]\n  );\n\n  const { currentKey, onCurrentKeyChange, isCurrentItemOverridden } = useCurrentItemOverride(\n    currentItemOverride,\n    onPersistCurrentItem\n  );\n\n  const { eventProps, showFocusRing, handleSelectionChange } = useSelectionAndNavigation(\n    currentKey,\n    selectedKeys,\n    selectionMode,\n    onCurrentKeyChange,\n    onSelectionChange,\n    onItemAction,\n    data,\n    viewportConfig,\n    role,\n    scrollToVisibleOffset,\n    rootRef,\n    pendingSelectionCallback,\n    isCurrentItemOverridden\n  );\n\n  const { eventProps: focusTabbableProps, isCurrentTabbableKey } = useFocusTabbableMode(\n    currentKey,\n    onCurrentKeyChange,\n    allowTabbableMode,\n    rootRef,\n    viewportConfig,\n    scrollToVisibleOffset\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 { sparkleHeight, suggestions } = usePromotedSection(data, promotedSection, rootRef);\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  // Collection generic is of this type\n  type DataStateData = DataState<K, D>['data'][number];\n\n  // returns an ListItemContext based on ItemContext (added metadata and selector)\n  // note the type for ItemContext, this is the context coming from Collection\n  const getItemContext = useCallback(\n    (context: ItemContext<DataStateData>) => {\n      const dataStateData = context.data;\n      const selectorRenderer =\n        selectionMode === 'multiple'\n          ? () => (\n              <Selector\n                onChange={handleSelectionChange}\n                rowKey={dataStateData.metadata.key}\n                selectedKeys={selectedKeys}></Selector>\n            )\n          : undefined;\n\n      return {\n        index: context.index,\n        data: dataStateData.data,\n        metadata: dataStateData.metadata,\n        selector: selectorRenderer\n      };\n    },\n    [selectionMode, selectedKeys, handleSelectionChange]\n  );\n\n  const ItemComponent = isVirtualized ? ListViewItem : MemoizeListViewItem;\n\n  const childrenComponent = (context: ItemContext<DataStateData>) => {\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;\n    const listItemFunc = (ctx: ListItemRendererContext<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  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' && isKeyDefined(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  useImperativeHandle(scrollerRef!, () => rootRef.current);\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  const testIdProps = useTestId(testId);\n  return (\n    <div\n      {...mergeProps(\n        eventProps,\n        focusTabbableProps,\n        contextMenuTriggerProps || {},\n        reorderProps || {},\n        {\n          onKeyDown: handleKeyDown,\n          onKeyUp: handleKeyUp\n        },\n        props\n      )}\n      {...testIdProps}\n      role={role}\n      aria-rowcount={role === 'grid' ? ariaRowCount : undefined}\n      aria-colcount={role === 'grid' ? 1 : undefined}\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 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 defaultLoadingIndicator = (\n  <SkeletonContainer minimumCount={25}>\n    {() => {\n      return (\n        <Inset variant=\"listview\">\n          <Flex height=\"6x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        </Inset>\n      );\n    }}\n  </SkeletonContainer>\n);\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Inset variant=\"listview\">\n            <Flex height=\"6x\" align=\"center\">\n              <Skeleton height=\"4x\" />\n            </Flex>\n          </Inset>\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","import { useRef, useMemo, useState, useEffect } from 'preact/hooks';\nimport { Props as ListProps } from '../UNSAFE_ListView';\nimport { CurrentKeyDetail, Item, CurrentItemDetail } from '../UNSAFE_Collection';\nimport { useReorderableContext } from '#hooks/PRIVATE_useReorderable/useReorderableContext';\n\n/**\n * This hook converts the new API (i.e. currentItemOverride and onPersistCurrentItem) back to\n * the old API (i.e. currentKey and onCurrentKeyChange), keeps the internal current item, and\n * also triggers an update when a new currentItemOverride is passed by the app\n *\n * @param currentItemOverride\n * @param onPersistCurrentItem\n */\nexport const useCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride'],\n  onPersistCurrentItem: ListProps<K, D>['onPersistCurrentItem']\n) => {\n  // the internal state of current item\n  const [currentItem, setCurrentItem] = useState<Item<K>>();\n  // track the currentItemOverride props\n  const currentItemOverrideRef = useRef<Item<K>>();\n  // whether the current item is overridden by the app\n  const isCurrentItemOverridden = useRef(false);\n  // update current item key for reorderable list\n  const reorderContext = useReorderableContext();\n\n  // intercept onPersistCurrentItem calls to ensure internal state is updated appropriately\n  const handleCurrentItemChanged = useMemo(() => {\n    return (detail: CurrentItemDetail<K>) => {\n      setCurrentItem(detail.value);\n      onPersistCurrentItem?.(detail);\n      if (reorderContext?.currentItemKey != null) {\n        reorderContext.currentItemKey.current = detail.value?.rowKey;\n      }\n    };\n  }, [onPersistCurrentItem, reorderContext?.currentItemKey]);\n\n  // ensure any new currentItemOverride settings are applied only on that render\n  // (same as how Table handles the changes)\n  if (currentItemOverrideRef.current !== currentItemOverride) {\n    currentItemOverrideRef.current = currentItemOverride;\n    if (currentItem?.rowKey !== currentItemOverride?.rowKey) {\n      isCurrentItemOverridden.current = true;\n      handleCurrentItemChanged({ value: currentItemOverride });\n    }\n  }\n\n  useEffect(() => {\n    isCurrentItemOverridden.current = false;\n  });\n\n  return {\n    currentKey: currentItem?.rowKey,\n    onCurrentKeyChange: (detail: CurrentKeyDetail<K>) => {\n      handleCurrentItemChanged({ value: { rowKey: detail.value } });\n    },\n    isCurrentItemOverridden: isCurrentItemOverridden.current\n  };\n};\n"],"names":["getListViewRoles","ariaRole","list","item","cell","ITEM_SELECTOR","ListViewItem","children","context","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isSelected","isTopGridlineVisible","isTabbable","role","selectionMode","suggestion","currentItemVariant","rootRef","useRef","roles","useMemo","itemKey","metadata","key","itemIndex","index","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","jsx","undefined","ref","id","useId","style","onKeyDown","event","stopPropagation","TabbableModeContext","Provider","value","FocusTrap","isDisabled","restoreFocusRef","isItemSelected","MemoizeListViewItem","memo","prev","next","compareListItemContext","SkeletonContainer","minimumCount","isVisible","setIsVisible","useState","useEffect","setTimeout","containerClasses","skeletonStyles","container","Array","map","_element","SPARKLE_STYLE_CLASS","Sparkle","sparkleHeight","name","useTheme","height","sparkleClasses","sparkleStyles","base","globalImages","findSuggestions","data","count","slice","reduce","suggestions","set","Map","scrollToVisible","elem","scroller","offset","scrollIntoViewIfNeeded","scrollIntoView","block","scrollerBounds","getBoundingClientRect","elemBounds","diff","top","scrollTop","handleSelectionRange","detail","dataState","keys","startIndex","indexOf","start","endIndex","end","minIndex","Math","min","maxIndex","max","totalSize","isExpander","parentElement","classList","contains","getViewportConfig","config","current","emptyKeys","all","Set","defaultLoadingIndicator","Inset","variant","Flex","align","Skeleton","defaultLoadMoreIndicator","LOADMORE_STYLE_CLASS","adjustDataState","range","safeRangeOffset","sizePrecision","ariaLabel","ariaLabelledBy","allowTabbableMode","gridlines","loadingIndicator","currentItemOverride","onPersistCurrentItem","onLoadRange","onSelectionChange","onItemAction","rangeExtractor","selectedKeys","viewportConfig","promotedSection","isVirtualized","customItemRenderer","scrollToVisibleOffset","testId","scrollerRef","reorderProps","contextMenuTriggerProps","props","pendingSelection","setActive","ariaMultiSelectable","ariaRowCount","listStyles","pendingSelectionCallback","useCallback","length","currentKey","onCurrentKeyChange","isCurrentItemOverridden","currentItem","setCurrentItem","currentItemOverrideRef","reorderContext","useReorderableContext","handleCurrentItemChanged","currentItemKey","rowKey","useCurrentItemOverride","eventProps","showFocusRing","handleSelectionChange","listRoles","anchorKey","collectionInteraction","useCollectionInteractionContext","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","focusRingProps","useCollectionFocusRing","findElementByKey","activeDescendant","getAttribute","querySelector","setAttribute","size","from","pop","handleSelectionRangeChange","isArray","eventType","target","selectionProps","useSelection","isPrev","itemActionProps","useItemAction","mergeProps","useSelectionAndNavigation","focusTabbableProps","isCurrentTabbableKey","pendingCurrentKey","tabbableModeProps","useTabbableModeSet","handleInitialFocus","firstKey","getFirstVisibleKey","isKeyDefined","handleFocus","focus","handlePointerDown","onFocus","onPointerDown","useFocusTabbableMode","setSparkleHeight","placeholder","PLACEHOLDER_STYLE_CLASS","offsetHeight","suggestionItems","querySelectorAll","forEach","usePromotedSection","sparkleIndicator","getItemContext","dataStateData","selectorRenderer","Selector","onChange","selector","ItemComponent","childrenComponent","listItemContext","get","containsKey","listItemFunc","ctx","otherProps","bottom","defaultListItem","handleKeyDown","handleKeyUp","useImperativeHandle","testIdProps","useTestId","onKeyUp","tabIndex","VirtualizedCollection","itemSelector","loadMoreIndicator","LoadMoreCollection","hasMore","onLoadMore","groups","filter","dataMetadata","isLeaf","leafOnly","includes"],"mappings":"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"}
+{"version":3,"file":"List-3ebac3fc.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/SkeletonContainer.tsx","../../src/PRIVATE_List/Sparkle.tsx","../../src/PRIVATE_List/usePromotedSection.ts","../../src/PRIVATE_List/ListUtils.ts","../../src/PRIVATE_List/useSelectionAndNavigation.ts","../../src/PRIVATE_List/useFocusTabbableMode.ts","../../src/PRIVATE_List/List.tsx","../../src/PRIVATE_List/useCurrentItemOverride.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 { useRef, useMemo } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { SelectionMode, CurrentItemVariant, ListItemRendererContext } 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';\nimport { compareListItemContext } from '../utils/PRIVATE_collectionUtils';\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  context: ListItemRendererContext<K, 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([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={role === 'grid' ? itemIndex + 1 : undefined}\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={role === 'grid' ? undefined : itemIndex + 1}\n        aria-setsize={role === 'grid' ? undefined : -1}\n        onKeyDown={handleKeyDown}\n        aria-colindex={role === 'grid' ? 1 : undefined}\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      prev.isGridlineVisible === next.isGridlineVisible &&\n      prev.isTopGridlineVisible === next.isTopGridlineVisible &&\n      compareListItemContext(prev.context, next.context)\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 { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { skeletonStyles } from './themes/ListStyles.css';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 1 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  const containerClasses = classNames([skeletonStyles.container]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\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 { globalImages } from '#/ImageVars.css';\nimport { sparkleStyles } from './themes/ListStyles.css';\nimport { useTheme } from '#/hooks/UNSAFE_useTheme';\n\nconst SPARKLE_STYLE_CLASS = 'oj-collection-sparkle';\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  const { name } = useTheme();\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([\n    sparkleStyles.container,\n    SPARKLE_STYLE_CLASS,\n    // TODO: this component should create separate theme definitions to only show the image in redwood\n    name === 'redwood' && globalImages\n  ]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n","import { RefObject } from 'preact';\nimport { useState, useEffect, useMemo } from 'preact/hooks';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { PLACEHOLDER_STYLE_CLASS } from '../PRIVATE_VirtualizedCollection';\nimport { Metadata } from '../UNSAFE_Collection';\n\nexport const usePromotedSection = <K extends string | number, D>(\n  data: ListViewProps<K, D>['data'],\n  promotedSection: ListViewProps<K, D>['promotedSection'],\n  rootRef: RefObject<HTMLDivElement>\n) => {\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const suggestions = useMemo(\n    () => data && promotedSection && findSuggestions(data.data, promotedSection.count),\n    [data, promotedSection]\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  }, [rootRef, suggestions]);\n\n  return { sparkleHeight, suggestions };\n};\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nconst findSuggestions = <K, D>(data: { data: D; metadata: Metadata<K> }[], count: number) => {\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 { FlattenedDataState } from '../UNSAFE_Collection';\nimport { Keys } from '../utils/UNSAFE_keys';\n\n/**\n * Helper function to only include keys of leaf items.\n */\nexport const excludeGroup = <K, D>(data: FlattenedDataState<K, D>, keys: Keys<K>) => {\n  if (!keys.all) {\n    const groups = data.data\n      .filter((dataMetadata) => {\n        return !dataMetadata.metadata.isLeaf;\n      })\n      .map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n    const leafOnly = Array.from(keys.keys.values()).filter((key: K) => {\n      return !groups.includes(key);\n    });\n    return { ...keys, keys: new Set(leafOnly) };\n  }\n  return keys;\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nexport const 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","import { RefObject } from 'preact';\nimport { useEffect, useCallback, useRef, useMemo } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys } from '../utils/UNSAFE_keys';\nimport {\n  DataState,\n  Metadata,\n  Range,\n  SelectionDetail,\n  CurrentKeyDetail\n} from '../UNSAFE_Collection';\nimport { getListViewRoles } from './ListRoles';\nimport { SelectionRangeDetail, useSelection } from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCollectionInteractionContext } from '../hooks/UNSAFE_useCollectionInteractionContext';\nimport { useItemAction } from '../hooks/PRIVATE_useItemAction';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { getPrevNextKey, findElementByKey, keyExtractor } from '../utils/PRIVATE_collectionUtils';\nimport { ITEM_SELECTOR } from './ListItem';\nimport { scrollToVisible } from './ListUtils';\n\nexport const useSelectionAndNavigation = <K extends string | number, D>(\n  currentKey: K | undefined,\n  selectedKeys: Keys<K>,\n  selectionMode: ListViewProps<K, D>['selectionMode'] = 'none',\n  onCurrentKeyChange: ((detail: CurrentKeyDetail<K>) => void) | undefined,\n  onSelectionChange: ListViewProps<K, D>['onSelectionChange'],\n  onItemAction: ListViewProps<K, D>['onItemAction'],\n  data: ListViewProps<K, D>['data'],\n  viewportConfig: ListViewProps<K, D>['viewportConfig'],\n  role: ListViewProps<K, D>['role'] = 'grid',\n  scrollToVisibleOffset: ListViewProps<K, D>['scrollToVisibleOffset'],\n  rootRef: RefObject<HTMLDivElement>,\n  pendingSelectionCallback: (detail: SelectionRangeDetail<K>, value: Range) => void,\n  isCurrentItemOverridden: boolean\n) => {\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  const collectionInteraction = useCollectionInteractionContext();\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 [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\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          // scroll the current item into view only when the current item is updated internally\n          // or when the collection interaction is 'embedded' if the current item is updated by the app\n          if (!isCurrentItemOverridden || collectionInteraction === 'embedded') {\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    }\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  }, [\n    currentKey,\n    data,\n    listRoles.cell,\n    viewportConfig,\n    scrollToVisibleOffset,\n    rootRef,\n    isCurrentItemOverridden\n  ]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // during regular selection, 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          if (detail.eventType === 'shiftSpace') {\n            // during range selection by shift+space, the first key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.start;\n          } else {\n            // during range selection by shift+click/arrow keys, the last key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.end;\n          }\n          onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n        } else {\n          pendingSelectionCallback(detail, value);\n        }\n      }\n    },\n    [data, onSelectionChange, pendingSelectionCallback]\n  );\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    collectionInteraction === '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  const itemActionProps = useItemAction(\n    currentKey,\n    data,\n    onItemAction,\n    ITEM_SELECTOR,\n    collectionInteraction === 'embedded'\n  );\n\n  return {\n    eventProps: mergeProps(currentKeyProps, focusRingProps, selectionProps, itemActionProps),\n    showFocusRing,\n    handleSelectionChange\n  };\n};\n\nexport const 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","import { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { getFirstVisibleKey, keyExtractor } from '../utils/PRIVATE_collectionUtils';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { ITEM_SELECTOR } from './ListItem';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { scrollToVisible } from './ListUtils';\n\nexport const useFocusTabbableMode = <K extends string | number, D>(\n  currentKey: K | undefined,\n  onCurrentKeyChange: ((detail: CurrentKeyDetail<K>) => void) | undefined,\n  allowTabbableMode: ListViewProps<K, D>['allowTabbableMode'],\n  rootRef: RefObject<HTMLDivElement>,\n  viewportConfig: ListViewProps<K, D>['viewportConfig'],\n  scrollToVisibleOffset: ListViewProps<K, D>['scrollToVisibleOffset']\n) => {\n  const pendingCurrentKey = useRef<K>();\n\n  const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n    rootRef,\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    onCurrentKeyChange\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  }, [rootRef, onCurrentKeyChange, allowTabbableMode, isCurrentTabbableKey]);\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 && isKeyDefined(key)) {\n          onCurrentKeyChange({ value: key as K });\n        }\n        return;\n      }\n      if (!isKeyDefined(currentKey)) {\n        onCurrentKeyChange && handleInitialFocus();\n      } else if (rootRef.current) {\n        // if currentKey is defined, make sure scroll the current item into view when listview regains focus\n        const elem = findElementByKey(rootRef.current, currentKey as K, 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        } else {\n          // if elem is not found, meaning the currentKey is not valid, we should pick the first item as current item\n          onCurrentKeyChange && handleInitialFocus();\n        }\n      }\n    },\n    [currentKey, handleInitialFocus, onCurrentKeyChange, rootRef]\n  );\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  return {\n    eventProps: mergeProps(allowTabbableMode ? tabbableModeProps : {}, {\n      onFocus: handleFocus,\n      onPointerDown: handlePointerDown\n    }),\n    isCurrentTabbableKey\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 * @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, useState, useImperativeHandle } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport { DataState, ItemContext, ListItemRendererContext, Range } from '../UNSAFE_Collection';\nimport { LoadMoreCollection, LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { VirtualizedCollection } from '../PRIVATE_VirtualizedCollection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { ListViewItem, ITEM_SELECTOR, MemoizeListViewItem } from './ListItem';\n\nimport { SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Selector } from '../UNSAFE_Selector';\nimport { Props } from '../UNSAFE_ListView';\nimport { Sparkle } from './Sparkle';\nimport { listStyles } from './themes/ListStyles.css';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\nimport { usePromotedSection } from './usePromotedSection';\nimport { useSelectionAndNavigation, handleSelectionRange } from './useSelectionAndNavigation';\nimport { useFocusTabbableMode } from './useFocusTabbableMode';\nimport { useCurrentItemOverride } from './useCurrentItemOverride';\nimport { Inset } from '../UNSAFE_Inset';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/ListBaseTheme.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  data,\n  gridlines,\n  loadingIndicator = defaultLoadingIndicator,\n  currentItemOverride,\n  onPersistCurrentItem,\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 = false,\n  customItemRenderer,\n  scrollToVisibleOffset,\n  testId,\n  scrollerRef,\n  reorderProps,\n  contextMenuTriggerProps,\n  ...props\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  // tracking pending selection key that is not in current data\n  const pendingSelection = useRef<{ detail: SelectionRangeDetail<K>; range: Range }>();\n\n  const [active, setActive] = useState<boolean>(false);\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  const pendingSelectionCallback = useCallback(\n    (detail: SelectionRangeDetail<K>, value: Range) => {\n      if (data) {\n        pendingSelection.current = {\n          detail: detail,\n          range: { offset: data.offset, count: data.data.length }\n        };\n        onLoadRange(value);\n      }\n    },\n    [data, onLoadRange]\n  );\n\n  const { currentKey, onCurrentKeyChange, isCurrentItemOverridden } = useCurrentItemOverride(\n    currentItemOverride,\n    onPersistCurrentItem\n  );\n\n  const { eventProps, showFocusRing, handleSelectionChange } = useSelectionAndNavigation(\n    currentKey,\n    selectedKeys,\n    selectionMode,\n    onCurrentKeyChange,\n    onSelectionChange,\n    onItemAction,\n    data,\n    viewportConfig,\n    role,\n    scrollToVisibleOffset,\n    rootRef,\n    pendingSelectionCallback,\n    isCurrentItemOverridden\n  );\n\n  const { eventProps: focusTabbableProps, isCurrentTabbableKey } = useFocusTabbableMode(\n    currentKey,\n    onCurrentKeyChange,\n    allowTabbableMode,\n    rootRef,\n    viewportConfig,\n    scrollToVisibleOffset\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 { sparkleHeight, suggestions } = usePromotedSection(data, promotedSection, rootRef);\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  // Collection generic is of this type\n  type DataStateData = DataState<K, D>['data'][number];\n\n  // returns an ListItemContext based on ItemContext (added metadata and selector)\n  // note the type for ItemContext, this is the context coming from Collection\n  const getItemContext = useCallback(\n    (context: ItemContext<DataStateData>) => {\n      const dataStateData = context.data;\n      const selectorRenderer =\n        selectionMode === 'multiple'\n          ? () => (\n              <Selector\n                onChange={handleSelectionChange}\n                rowKey={dataStateData.metadata.key}\n                selectedKeys={selectedKeys}></Selector>\n            )\n          : undefined;\n\n      return {\n        index: context.index,\n        data: dataStateData.data,\n        metadata: dataStateData.metadata,\n        selector: selectorRenderer\n      };\n    },\n    [selectionMode, selectedKeys, handleSelectionChange]\n  );\n\n  const ItemComponent = isVirtualized ? ListViewItem : MemoizeListViewItem;\n\n  const childrenComponent = (context: ItemContext<DataStateData>) => {\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;\n    const listItemFunc = (ctx: ListItemRendererContext<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  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' && isKeyDefined(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  useImperativeHandle(scrollerRef!, () => rootRef.current);\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  const testIdProps = useTestId(testId);\n  return (\n    <div\n      {...mergeProps(\n        eventProps,\n        focusTabbableProps,\n        contextMenuTriggerProps || {},\n        reorderProps || {},\n        {\n          onKeyDown: handleKeyDown,\n          onKeyUp: handleKeyUp\n        },\n        props\n      )}\n      {...testIdProps}\n      role={role}\n      aria-rowcount={role === 'grid' ? ariaRowCount : undefined}\n      aria-colcount={role === 'grid' ? 1 : undefined}\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 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 defaultLoadingIndicator = (\n  <SkeletonContainer minimumCount={25}>\n    {() => {\n      return (\n        <Inset variant=\"listview\">\n          <Flex height=\"6x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        </Inset>\n      );\n    }}\n  </SkeletonContainer>\n);\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Inset variant=\"listview\">\n            <Flex height=\"6x\" align=\"center\">\n              <Skeleton height=\"4x\" />\n            </Flex>\n          </Inset>\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","import { useRef, useMemo, useState, useEffect } from 'preact/hooks';\nimport { Props as ListProps } from '../UNSAFE_ListView';\nimport { CurrentKeyDetail, Item, CurrentItemDetail } from '../UNSAFE_Collection';\nimport { useReorderableContext } from '#hooks/PRIVATE_useReorderable/useReorderableContext';\n\n/**\n * This hook converts the new API (i.e. currentItemOverride and onPersistCurrentItem) back to\n * the old API (i.e. currentKey and onCurrentKeyChange), keeps the internal current item, and\n * also triggers an update when a new currentItemOverride is passed by the app\n *\n * @param currentItemOverride\n * @param onPersistCurrentItem\n */\nexport const useCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride'],\n  onPersistCurrentItem: ListProps<K, D>['onPersistCurrentItem']\n) => {\n  // the internal state of current item\n  const [currentItem, setCurrentItem] = useState<Item<K>>();\n  // track the currentItemOverride props\n  const currentItemOverrideRef = useRef<Item<K>>();\n  // whether the current item is overridden by the app\n  const isCurrentItemOverridden = useRef(false);\n  // update current item key for reorderable list\n  const reorderContext = useReorderableContext();\n\n  // intercept onPersistCurrentItem calls to ensure internal state is updated appropriately\n  const handleCurrentItemChanged = useMemo(() => {\n    return (detail: CurrentItemDetail<K>) => {\n      setCurrentItem(detail.value);\n      onPersistCurrentItem?.(detail);\n      if (reorderContext?.currentItemKey != null) {\n        reorderContext.currentItemKey.current = detail.value?.rowKey;\n      }\n    };\n  }, [onPersistCurrentItem, reorderContext?.currentItemKey]);\n\n  // ensure any new currentItemOverride settings are applied only on that render\n  // (same as how Table handles the changes)\n  if (currentItemOverrideRef.current !== currentItemOverride) {\n    currentItemOverrideRef.current = currentItemOverride;\n    if (currentItem?.rowKey !== currentItemOverride?.rowKey) {\n      isCurrentItemOverridden.current = true;\n      handleCurrentItemChanged({ value: currentItemOverride });\n    }\n  }\n\n  useEffect(() => {\n    isCurrentItemOverridden.current = false;\n  });\n\n  return {\n    currentKey: currentItem?.rowKey,\n    onCurrentKeyChange: (detail: CurrentKeyDetail<K>) => {\n      handleCurrentItemChanged({ value: { rowKey: detail.value } });\n    },\n    isCurrentItemOverridden: isCurrentItemOverridden.current\n  };\n};\n"],"names":["getListViewRoles","ariaRole","list","item","cell","ITEM_SELECTOR","ListViewItem","children","context","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isSelected","isTopGridlineVisible","isTabbable","role","selectionMode","suggestion","currentItemVariant","rootRef","useRef","roles","useMemo","itemKey","metadata","key","itemIndex","index","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","jsx","undefined","ref","id","useId","style","onKeyDown","event","stopPropagation","TabbableModeContext","Provider","value","FocusTrap","isDisabled","restoreFocusRef","isItemSelected","MemoizeListViewItem","memo","prev","next","compareListItemContext","SkeletonContainer","minimumCount","isVisible","setIsVisible","useState","useEffect","setTimeout","containerClasses","skeletonStyles","container","Array","map","_element","SPARKLE_STYLE_CLASS","Sparkle","sparkleHeight","name","useTheme","height","sparkleClasses","sparkleStyles","base","globalImages","findSuggestions","data","count","slice","reduce","suggestions","set","Map","scrollToVisible","elem","scroller","offset","scrollIntoViewIfNeeded","scrollIntoView","block","scrollerBounds","getBoundingClientRect","elemBounds","diff","top","scrollTop","handleSelectionRange","detail","dataState","keys","startIndex","indexOf","start","endIndex","end","minIndex","Math","min","maxIndex","max","totalSize","isExpander","parentElement","classList","contains","getViewportConfig","config","current","emptyKeys","all","Set","defaultLoadingIndicator","Inset","variant","Flex","align","Skeleton","defaultLoadMoreIndicator","LOADMORE_STYLE_CLASS","adjustDataState","range","safeRangeOffset","sizePrecision","ariaLabel","ariaLabelledBy","allowTabbableMode","gridlines","loadingIndicator","currentItemOverride","onPersistCurrentItem","onLoadRange","onSelectionChange","onItemAction","rangeExtractor","selectedKeys","viewportConfig","promotedSection","isVirtualized","customItemRenderer","scrollToVisibleOffset","testId","scrollerRef","reorderProps","contextMenuTriggerProps","props","pendingSelection","setActive","ariaMultiSelectable","ariaRowCount","listStyles","pendingSelectionCallback","useCallback","length","currentKey","onCurrentKeyChange","isCurrentItemOverridden","currentItem","setCurrentItem","currentItemOverrideRef","reorderContext","useReorderableContext","handleCurrentItemChanged","currentItemKey","rowKey","useCurrentItemOverride","eventProps","showFocusRing","handleSelectionChange","listRoles","anchorKey","collectionInteraction","useCollectionInteractionContext","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","focusRingProps","useCollectionFocusRing","findElementByKey","activeDescendant","getAttribute","querySelector","setAttribute","size","from","pop","handleSelectionRangeChange","isArray","eventType","target","selectionProps","useSelection","isPrev","itemActionProps","useItemAction","mergeProps","useSelectionAndNavigation","focusTabbableProps","isCurrentTabbableKey","pendingCurrentKey","tabbableModeProps","useTabbableModeSet","handleInitialFocus","firstKey","getFirstVisibleKey","isKeyDefined","handleFocus","focus","handlePointerDown","onFocus","onPointerDown","useFocusTabbableMode","setSparkleHeight","placeholder","PLACEHOLDER_STYLE_CLASS","offsetHeight","suggestionItems","querySelectorAll","forEach","usePromotedSection","sparkleIndicator","getItemContext","dataStateData","selectorRenderer","Selector","onChange","selector","ItemComponent","childrenComponent","listItemContext","get","containsKey","listItemFunc","ctx","otherProps","bottom","defaultListItem","handleKeyDown","handleKeyUp","useImperativeHandle","testIdProps","useTestId","onKeyUp","tabIndex","VirtualizedCollection","itemSelector","loadMoreIndicator","LoadMoreCollection","hasMore","onLoadMore","groups","filter","dataMetadata","isLeaf","leafOnly","includes"],"mappings":"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"}

package/amd/{ListView-a49e52c3.js → ListView-c8082c0c.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-e95c5f30', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './HiddenAccessible-037ef42d', './collectionUtils-6740111c', './useReorderableItem-7fd4d629', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './mergeProps-bcfa6a92', './List-61d64cd6', './Menu-8f3a1e8c', './MenuItem-44b2547b', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useItemAction-66d976c4', './useContextMenuGesture-a2ad99c1'], (function(e,r,t,o,n,s,l,i,c,a,u,d,f,m,y,g,p,x,C,I,h,R,S,b,v,M,E,P,T,O,K){"use strict";const w=(e,r)=>{if(null!=e){const t=e.querySelectorAll("[role='row']");if(t.length>r)return a.getKey(t[r])}return null};function k(e,r){const t=Math.abs(null==r?e.scrollTop:r),o={y:t,key:void 0,offsetY:void 0};let n=0;const s=e.querySelectorAll("[role='row']");if(s.length>0&&0===t)return o.key=w(e,0),o.offsetY=0,o;for(let r=0;r<s.length;r++){const l=s[r].getBoundingClientRect().height;if(n+=l,t<n){o.key=w(e,r),o.offsetY=l+t-n;break}}return o}function L(e,r){const t=function(e,r){if(null!=r){let t,o=!1;if(null!=r.key?(o=!0,t=r.key):null!=r.offsetY&&null==r.y&&(o=!0,t=k(e).key),o){if(null!=t){let o=0;const n=e.querySelectorAll("[role ='row']");for(let e=0;e<n.length;e++){if(t===a.getKey(n[e]))return o+(null!=r.offsetY?r.offsetY:0);o+=n[e].getBoundingClientRect().height}}}else if(null!=r.y)return r.y}return}(e,r);e.scrollTop=null!=t?t:0}const D=t.memo((function({children:e,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,itemKey:i}){const c=o.useRef(null),m={itemOverlayFront:f.styles.reorderableItemOverlayFront,itemOverlayRear:f.styles.reorderableItemOverlayRear,itemDragger:f.styles.reorderableItemDragger},y=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i))}),[i]),{rootProps:g,isDragged:p,overlayZoneBeforeProps:x,overlayZoneAfterProps:C}=u.useReorderableItem({currentKey:void 0,isDisabled:!s,draggable:!!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,ref:c,getItem:()=>c?.current?.closest(a.ITEM_SELECTOR),setTransferData:y,itemStyles:m,itemSelector:a.ITEM_SELECTOR,isVertical:!0}),I=d.classNames([g?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...g,draggable:!1,class:I,children:[e,!p&&t&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...x}),r.jsx("div",{...C})]})]})}),((e,r)=>!(!e||!r)&&(e?.children===r?.children&&e?.dragKey===r?.dragKey)));function j({contextMenuConfig:e,contextMenuContext:t,...o}){const n=e.accessibleLabel;return r.jsx(r.Fragment,{children:r.jsx(g.Menu,{...o,...n&&{"aria-label":n},children:o.isOpen&&e.itemsRenderer(t)})})}const A={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},F={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},_=t.forwardRef(((e,t)=>{const{contextMenuConfig:n}=e,s=o.useRef(),i=o.useRef(null),{currentItemOverride:d,updateCurrentItemOverride:f}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const n=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:n}})(e.currentItemOverride),g=e.data?e.data.map((r=>({data:r,metadata:{key:e.getRowKey(r)}}))):null,p=e.onLoadMore?e.onLoadMore:()=>{},x=g?{offset:0,data:g,sizePrecision:e.hasMore?"atLeast":"exact",totalSize:g.length}:null,{triggerProps:C,menuProps:I,contextMenuContext:h,notifyCurrentItemChanged:R}=((e,r,t,n)=>{const[s,l]=o.useState(),[i,c]=o.useState(F),u=o.useRef(),{triggerProps:d}=K.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let i=o;if("keyboard"===r){i=a.findElementByKey(t.current,u.current?.rowKey,a.ITEM_SELECTOR)||o;const r=O.findItemContext(u.current?.rowKey,e);l(r)}else{const r=a.keyExtractor(s,a.ITEM_SELECTOR),t=O.findItemContext(r,e);l(t),n(r)}c({...A[r],anchorRef:{current:i},isOpen:!0})}),{isDisabled:!r}),f=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),c({...F})}),[t]);return{menuProps:{...i,onClose:f},onClose:f,contextMenuContext:s,triggerProps:d,notifyCurrentItemChanged:e=>{u.current=e.value}}})(x,n,i,f),S=r=>{e.onPersistCurrentItem?.(r),R(r)};o.useImperativeHandle(t,(()=>({getScrollPosition:()=>i.current?k(i.current):{y:0}}))),o.useLayoutEffect((()=>{i.current&&s.current!==e.scrollPositionOverride&&(L(i.current,e.scrollPositionOverride),s.current=e.scrollPositionOverride)}),[e.scrollPositionOverride]);const b=null!=e.onReorder,{reorderProps:v,reorderItemProps:M,reorderContext:E,reorderInstructionsId:P,reorderInstructions:T}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,l]=o.useState(void 0),{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}=u.useReorderable({onReorder:e,rootRef:r,itemSelector:a.ITEM_SELECTOR,isDisabled:!n,columns:1}),g=o.useRef(!1);return o.useEffect((()=>{if(n&&g.current){const e=r.current,o=a.findElementByKey(e,c.currentItemKey.current,a.ITEM_SELECTOR);if(o){const r=t?.scroller()||e;y.scrollToVisible(o,r,0),g.current=!1}}})),n?{reorderProps:m.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(g.current=!0,i.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(g.current=!1,a.dragToScroll(e,void 0!==s,r.current))}}),reorderItemProps:{dragKey:s,setDragKey:l,onReorder:e,rootRef:r},reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}:{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}})({onReorder:e.onReorder,rootRef:i,viewportConfig:e.viewportConfig});return b&&M?r.jsxs(r.Fragment,{children:[r.jsxs(l.ReorderableContext.Provider,{value:E,children:[r.jsx(y.List,{...e,contextMenuTriggerProps:C,reorderProps:v,onLoadRange:p,scrollerRef:i,data:x,currentItemOverride:d,onPersistCurrentItem:S,children:t=>r.jsx(D,{...M,itemKey:t.metadata.key,children:e.children(t)})}),r.jsx("span",{id:P,children:r.jsx(c.HiddenAccessible,{children:T})})]}),n&&r.jsx(j,{...I,contextMenuConfig:n,contextMenuContext:h})]}):r.jsxs(r.Fragment,{children:[r.jsx(y.List,{...e,onLoadRange:p,scrollerRef:i,data:x,contextMenuTriggerProps:C,currentItemOverride:d,onPersistCurrentItem:S,children:e.children}),n&&r.jsx(j,{...I,contextMenuConfig:n,contextMenuContext:h})]})}));e.ListView=_}));
-//# sourceMappingURL=ListView-a49e52c3.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-e95c5f30', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './HiddenAccessible-037ef42d', './collectionUtils-6740111c', './useReorderableItem-7fd4d629', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './mergeProps-bcfa6a92', './List-3ebac3fc', './Menu-8f3a1e8c', './MenuItem-44b2547b', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useItemAction-66d976c4', './useContextMenuGesture-a2ad99c1'], (function(e,r,t,o,n,s,l,i,c,a,u,d,f,m,y,g,p,x,C,I,h,R,S,b,v,M,E,P,T,O,K){"use strict";const w=(e,r)=>{if(null!=e){const t=e.querySelectorAll("[role='row']");if(t.length>r)return a.getKey(t[r])}return null};function k(e,r){const t=Math.abs(null==r?e.scrollTop:r),o={y:t,key:void 0,offsetY:void 0};let n=0;const s=e.querySelectorAll("[role='row']");if(s.length>0&&0===t)return o.key=w(e,0),o.offsetY=0,o;for(let r=0;r<s.length;r++){const l=s[r].getBoundingClientRect().height;if(n+=l,t<n){o.key=w(e,r),o.offsetY=l+t-n;break}}return o}function L(e,r){const t=function(e,r){if(null!=r){let t,o=!1;if(null!=r.key?(o=!0,t=r.key):null!=r.offsetY&&null==r.y&&(o=!0,t=k(e).key),o){if(null!=t){let o=0;const n=e.querySelectorAll("[role ='row']");for(let e=0;e<n.length;e++){if(t===a.getKey(n[e]))return o+(null!=r.offsetY?r.offsetY:0);o+=n[e].getBoundingClientRect().height}}}else if(null!=r.y)return r.y}return}(e,r);e.scrollTop=null!=t?t:0}const D=t.memo((function({children:e,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,itemKey:i}){const c=o.useRef(null),m={itemOverlayFront:f.styles.reorderableItemOverlayFront,itemOverlayRear:f.styles.reorderableItemOverlayRear,itemDragger:f.styles.reorderableItemDragger},y=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i))}),[i]),{rootProps:g,isDragged:p,overlayZoneBeforeProps:x,overlayZoneAfterProps:C}=u.useReorderableItem({currentKey:void 0,isDisabled:!s,draggable:!!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,ref:c,getItem:()=>c?.current?.closest(a.ITEM_SELECTOR),setTransferData:y,itemStyles:m,itemSelector:a.ITEM_SELECTOR,isVertical:!0}),I=d.classNames([g?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...g,draggable:!1,class:I,children:[e,!p&&t&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...x}),r.jsx("div",{...C})]})]})}),((e,r)=>!(!e||!r)&&(e?.children===r?.children&&e?.dragKey===r?.dragKey)));function j({contextMenuConfig:e,contextMenuContext:t,...o}){const n=e.accessibleLabel;return r.jsx(r.Fragment,{children:r.jsx(g.Menu,{...o,...n&&{"aria-label":n},children:o.isOpen&&e.itemsRenderer(t)})})}const A={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},F={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},_=t.forwardRef(((e,t)=>{const{contextMenuConfig:n}=e,s=o.useRef(),i=o.useRef(null),{currentItemOverride:d,updateCurrentItemOverride:f}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const n=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:n}})(e.currentItemOverride),g=e.data?e.data.map((r=>({data:r,metadata:{key:e.getRowKey(r)}}))):null,p=e.onLoadMore?e.onLoadMore:()=>{},x=g?{offset:0,data:g,sizePrecision:e.hasMore?"atLeast":"exact",totalSize:g.length}:null,{triggerProps:C,menuProps:I,contextMenuContext:h,notifyCurrentItemChanged:R}=((e,r,t,n)=>{const[s,l]=o.useState(),[i,c]=o.useState(F),u=o.useRef(),{triggerProps:d}=K.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let i=o;if("keyboard"===r){i=a.findElementByKey(t.current,u.current?.rowKey,a.ITEM_SELECTOR)||o;const r=O.findItemContext(u.current?.rowKey,e);l(r)}else{const r=a.keyExtractor(s,a.ITEM_SELECTOR),t=O.findItemContext(r,e);l(t),n(r)}c({...A[r],anchorRef:{current:i},isOpen:!0})}),{isDisabled:!r}),f=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),c({...F})}),[t]);return{menuProps:{...i,onClose:f},onClose:f,contextMenuContext:s,triggerProps:d,notifyCurrentItemChanged:e=>{u.current=e.value}}})(x,n,i,f),S=r=>{e.onPersistCurrentItem?.(r),R(r)};o.useImperativeHandle(t,(()=>({getScrollPosition:()=>i.current?k(i.current):{y:0}}))),o.useLayoutEffect((()=>{i.current&&s.current!==e.scrollPositionOverride&&(L(i.current,e.scrollPositionOverride),s.current=e.scrollPositionOverride)}),[e.scrollPositionOverride]);const b=null!=e.onReorder,{reorderProps:v,reorderItemProps:M,reorderContext:E,reorderInstructionsId:P,reorderInstructions:T}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,l]=o.useState(void 0),{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}=u.useReorderable({onReorder:e,rootRef:r,itemSelector:a.ITEM_SELECTOR,isDisabled:!n,columns:1}),g=o.useRef(!1);return o.useEffect((()=>{if(n&&g.current){const e=r.current,o=a.findElementByKey(e,c.currentItemKey.current,a.ITEM_SELECTOR);if(o){const r=t?.scroller()||e;y.scrollToVisible(o,r,0),g.current=!1}}})),n?{reorderProps:m.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(g.current=!0,i.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(g.current=!1,a.dragToScroll(e,void 0!==s,r.current))}}),reorderItemProps:{dragKey:s,setDragKey:l,onReorder:e,rootRef:r},reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}:{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}})({onReorder:e.onReorder,rootRef:i,viewportConfig:e.viewportConfig});return b&&M?r.jsxs(r.Fragment,{children:[r.jsxs(l.ReorderableContext.Provider,{value:E,children:[r.jsx(y.List,{...e,contextMenuTriggerProps:C,reorderProps:v,onLoadRange:p,scrollerRef:i,data:x,currentItemOverride:d,onPersistCurrentItem:S,children:t=>r.jsx(D,{...M,itemKey:t.metadata.key,children:e.children(t)})}),r.jsx("span",{id:P,children:r.jsx(c.HiddenAccessible,{children:T})})]}),n&&r.jsx(j,{...I,contextMenuConfig:n,contextMenuContext:h})]}):r.jsxs(r.Fragment,{children:[r.jsx(y.List,{...e,onLoadRange:p,scrollerRef:i,data:x,contextMenuTriggerProps:C,currentItemOverride:d,onPersistCurrentItem:S,children:e.children}),n&&r.jsx(j,{...I,contextMenuConfig:n,contextMenuContext:h})]})}));e.ListView=_}));
+//# sourceMappingURL=ListView-c8082c0c.js.map