@oracle/oraclejet-preact 18.1.0 → 18.1.2

package/cjs/BaseCardView-dc51267e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCardView-dc51267e.js","sources":["../../src/PRIVATE_BaseCardView/BaseCardViewReorderableItem.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewItem.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewLayout.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewSkeletonContainer.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewSkeleton.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewUtils.ts","../../src/PRIVATE_BaseCardView/useCardViewReorder.ts","../../src/PRIVATE_BaseCardView/BaseCardView.tsx"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ITEM_SELECTOR } from '../utils/PRIVATE_collectionUtils';\nimport { ListItemRendererContext } from '../UNSAFE_Collection';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { multiVariantStyles, styles } from './themes/BaseCardViewStyles.css';\nimport { GutterSize } from './BaseCardViewUtils';\nimport { useReorderableContext } from '#hooks/PRIVATE_useReorderable/useReorderableContext';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type BaseCardViewReorderableItemProps<K> = ReorderableItemProps<K> & {\n  currentKey: K | undefined;\n  gutterSize: GutterSize;\n  columns: number;\n};\n\n/**\n * The internal component used to render a reorderable item in CardView.\n */\nexport function BaseCardViewReorderableItem<K extends string | number, D>({\n  currentKey,\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  gutterSize,\n  columns,\n  context\n}: BaseCardViewReorderableItemProps<K> & { context: ListItemRendererContext<K, D> }) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const isOneColumn = columns === 1;\n  const isFirstColumn = context.index % columns === 0;\n  const isLastColumn = context.index % columns === columns - 1;\n  const variantClasses = multiVariantStyles({\n    itemOverlayFront: gutterSize\n  });\n  const variantClassesVertical = multiVariantStyles({\n    itemOverlayFrontVertical: gutterSize\n  });\n  const itemStyles = {\n    itemOverlayFront: isOneColumn ? variantClassesVertical : variantClasses,\n    itemOverlayRear: isOneColumn ? styles.itemOverlayRearVertical : styles.itemOverlayRear,\n    itemDragger: styles.itemDragger\n  };\n  const getItem = useCallback(() => itemRef?.current?.closest(ITEM_SELECTOR) as HTMLElement, []);\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/cardview-items-key', JSON.stringify(context.metadata.key));\n    },\n    [context.metadata.key]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: ITEM_SELECTOR,\n      isVertical: isOneColumn\n    });\n\n  // TODO: remove this as part of JET-70023\n  const { currentItemKey } = useReorderableContext();\n  useEffect(() => {\n    if (currentKey === context.metadata.key) {\n      currentItemKey.current = currentKey;\n    }\n  }, [currentKey, context, currentItemKey]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    !isOneColumn && !isRtl && isFirstColumn && styles.itemOverlayFrontEdge,\n    !isOneColumn && isRtl && isLastColumn && styles.itemOverlayFrontEdge\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    !isOneColumn && !isRtl && isLastColumn && styles.itemOverlayRearEdge,\n    !isOneColumn && isRtl && isFirstColumn && styles.itemOverlayRearEdge\n  ]);\n\n  return (\n    <div {...rootProps}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { memo } from 'preact/compat';\nimport {\n  useRef,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useEffect,\n  StateUpdater,\n  Dispatch,\n  MutableRef\n} from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { warn } from '../utils/UNSAFE_logger';\nimport { allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { SelectionMode, ListItemRendererContext } from '../UNSAFE_Collection';\nimport { multiVariantStyles, styles } from './themes/BaseCardViewStyles.css';\nimport { compareListItemContext } from '../utils/PRIVATE_collectionUtils';\nimport {\n  BaseCardViewReorderableItem,\n  BaseCardViewReorderableItemProps\n} from './BaseCardViewReorderableItem';\n\n/**\n * Props for the BaseCardViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  context: ListItemRendererContext<K, D>;\n  isTabbable: boolean;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isSelected: boolean;\n  selectionMode: SelectionMode;\n  focusBehavior: 'card' | 'content';\n  setIsFocusBehaviorValid?: Dispatch<StateUpdater<boolean>>;\n  initialAnimation?: 'slideUp' | 'slideDown';\n  isGridLayout?: boolean;\n  updateCardSize?: (width: number, height: number) => void;\n} & {\n  reorderItemProps?: Omit<BaseCardViewReorderableItemProps<K>, 'children'>;\n};\n\n/**\n * The internal component used to render a single item in CardView.\n */\nexport function BaseCardViewItem<K extends string | number, D>({\n  children,\n  context,\n  isTabbable,\n  isFocused,\n  isFocusRingVisible,\n  isSelected,\n  selectionMode,\n  focusBehavior,\n  setIsFocusBehaviorValid,\n  initialAnimation,\n  isGridLayout,\n  updateCardSize,\n  reorderItemProps\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n  const itemKey = context.metadata.key;\n  const itemIndex = context.index;\n\n  const isItemFocused = isFocused && isFocusRingVisible;\n  const variantClasses = multiVariantStyles({\n    itemFocused: focusBehavior === 'card' && isItemFocused ? 'isItemFocused' : 'isNotItemFocused',\n    itemInitialOpacity: initialAnimation ? 'isTransparent' : 'isNotTransparent',\n    itemInGridLayout: isGridLayout ? 'isInGridLayout' : 'isNotInGridLayout'\n  });\n  const classes = classNames([styles.itemStyle, variantClasses]);\n\n  /*********************************** Tabbable Mode ***********************************/\n\n  // don't bubble Arrow Up/Down/Left/Right 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 (\n      focusBehavior === 'card' &&\n      isTabbable &&\n      (event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'ArrowRight')\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  /************************************ Card Size ************************************/\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      updateCardSize?.(entry.contentRect.width, entry.contentRect.height);\n    },\n    [updateCardSize]\n  );\n\n  const nullRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(updateCardSize ? rootRef : nullRef, handleResize);\n\n  /********************************* Focus Behavior *********************************/\n\n  useLayoutEffect(() => {\n    if (focusBehavior === 'content' && isItemFocused) {\n      // rootRef is cardview item, its first child is the focus trap div, so its first grand child\n      // is the actual content\n      const content = rootRef.current?.firstElementChild?.firstElementChild as HTMLElement;\n      const focusable = allTabbableElements(content, true, true);\n      if (focusable.length === 0 || focusable.length > 1) {\n        warn(\n          `${focusable.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`\n        );\n        setIsFocusBehaviorValid?.(false);\n      } else {\n        focusable[0].focus();\n      }\n    }\n  }, [focusBehavior, isItemFocused, setIsFocusBehaviorValid]);\n\n  /******************************** Initial Animation ********************************/\n\n  // animation for slide up/down\n  const { nodeRef: nodeRefSlide, controller: controllerSlide } = useAnimation<\n    'slideUp' | 'slideDown' | 'none',\n    HTMLDivElement\n  >(initialAnimation || 'none', animationConfigSlide(itemIndex));\n\n  // animation for opacity change\n  const { nodeRef: nodeRefOpacity, controller: controllerOpacity } = useAnimation<\n    'opacity' | 'none',\n    HTMLDivElement\n  >((initialAnimation && 'opacity') || 'none', animationConfigOpacity(itemIndex, timeoutRef));\n\n  // max cap for animation is 1s\n  useEffect(() => {\n    if (initialAnimation !== undefined) {\n      timeoutRef.current = setTimeout(() => {\n        controllerSlide.cancel();\n        controllerOpacity.cancel();\n        if (rootRef.current) {\n          rootRef.current.style.opacity = '1';\n        }\n      }, 1000);\n    }\n  }, [controllerOpacity, controllerSlide, initialAnimation]);\n\n  // TODO: issue track in JET-57681, we currently have two useAnimation() because the opacity and\n  // slide up/down have different durations, and the current API couldn't handle this case, we will\n  // update this once the API is updated\n\n  /********************************** Child Component **********************************/\n\n  const itemRefs = useMemo(() => {\n    // NOTE: spot an issue when we click the cards during animation is processing, the cards would not finish\n    // the current animations and stay as what it is, e.g. leave itself as half transparent.\n    // need to remove nodeRefSlide and nodeRefOpacity to avoid this issue.\n    if (initialAnimation === undefined) {\n      return mergeRefs(rootRef);\n    }\n    return mergeRefs(rootRef, nodeRefSlide, nodeRefOpacity);\n  }, [rootRef, nodeRefSlide, nodeRefOpacity, initialAnimation]);\n\n  const childrenComponent = reorderItemProps ? (\n    <BaseCardViewReorderableItem {...reorderItemProps} context={context}>\n      {children(context)}\n    </BaseCardViewReorderableItem>\n  ) : (\n    children(context)\n  );\n\n  return (\n    <div\n      id={useId()}\n      ref={itemRefs}\n      class={classes}\n      role=\"gridcell\"\n      data-oj-key={itemKey}\n      onKeyDown={handleKeyDown}\n      aria-selected={selectionMode === 'none' ? undefined : isSelected}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}>\n      <TabbableModeContext.Provider value={{ isTabbable }}>\n        <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n          {childrenComponent}\n        </FocusTrap>\n      </TabbableModeContext.Provider>\n    </div>\n  );\n}\n\nconst animationConfigSlide = (\n  index: number\n): UseAnimationConfig<'slideUp' | 'slideDown' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      slideUp: {\n        from: {\n          translateY: '50px'\n        },\n        to: {\n          translateY: '0px'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      },\n      slideDown: {\n        from: {\n          translateY: '-50px'\n        },\n        to: {\n          translateY: '0'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      }\n    },\n    isAnimatedOnMount: true\n  };\n};\n\nconst animationConfigOpacity = (\n  index: number,\n  timeoutRef: MutableRef<ReturnType<typeof setTimeout> | undefined>\n): UseAnimationConfig<'opacity' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      opacity: {\n        from: {\n          opacity: 0\n        },\n        to: {\n          opacity: 1\n        },\n        options: {\n          duration: 150,\n          delay: index * 50,\n          easing: 'linear'\n        }\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    }\n  };\n};\n\n/**\n * Compare the equality between two reorderItemProps, especially useful for memoized items\n */\nconst compareReorderItemProps = <K, D>(\n  props1: Props<K, D>['reorderItemProps'],\n  props2: Props<K, D>['reorderItemProps']\n) => {\n  return (\n    props1?.['currentKey'] === props2?.['currentKey'] &&\n    props1?.['dragKey'] === props2?.['dragKey'] &&\n    props1?.['columns'] === props2?.['columns']\n  );\n};\n\nexport const MemoizeBaseCardViewItem = memo(\n  BaseCardViewItem,\n  <K, D>(prev: Props<K, D>, next: Props<K, D>) => {\n    if (prev && next) {\n      return (\n        prev.children === next.children &&\n        prev.isTabbable === next.isTabbable &&\n        prev.isFocused === next.isFocused &&\n        prev.isFocusRingVisible === next.isFocusRingVisible &&\n        prev.isSelected === next.isSelected &&\n        prev.initialAnimation === next.initialAnimation &&\n        prev.focusBehavior === next.focusBehavior &&\n        compareListItemContext(prev.context, next.context) &&\n        compareReorderItemProps(prev.reorderItemProps, next.reorderItemProps)\n      );\n    }\n    return false;\n  }\n);\n","import { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { Flex } from '../UNSAFE_Flex';\nimport { GutterSize } from './BaseCardViewUtils';\nimport { cardViewVars } from './themes/BaseCardViewContract.css';\n\ntype Props = {\n  children: ComponentChildren;\n  layout: 'grid' | 'flex';\n  gutterSize: GutterSize;\n  columns: number;\n};\n\nexport function BaseCardViewLayout({ children, layout, gutterSize, columns }: Props) {\n  const gap = cardViewVars.gutterSize[gutterSize];\n  if (layout === 'grid') {\n    return columns < 1 ? null : (\n      <Grid gridTemplateColumns={`repeat(${columns}, 1fr)`} gap={gap}>\n        {children}\n      </Grid>\n    );\n  } else {\n    return (\n      <Flex wrap=\"wrap\" gap={gap}>\n        {children}\n      </Flex>\n    );\n  }\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\ntype Props = {\n  /**\n   * Allows to pass skeletons\n   **/\n  children: ComponentChildren;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * BaseCardViewSkeletonContainer renders skeletons after 50ms threshold defined in the Redwood spec\n **/\nexport function BaseCardViewSkeletonContainer({ children }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  return isVisible ? <Fragment>{children}</Fragment> : <div class={LOADMORE_STYLE_CLASS}></div>;\n}\n","import { Size } from '../utils/UNSAFE_size';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { BaseCardViewSkeletonContainer } from './BaseCardViewSkeletonContainer';\n\n// these are arbitrary values by now, might update them with definite values in the future\nconst DEFAULT_SKELETON_NUMBER = 25;\nconst DEFAULT_SKELETON_WIDTH = '60x';\nconst DEFAULT_SKELETON_HEIGHT = '70x';\n\ntype SkeletonProps = {\n  layout: 'flex' | 'grid';\n  colCount: number;\n  totalCount: number;\n  cardWidth?: number;\n  cardHeight?: number;\n};\n\n/**\n * A function that returns an array of skeletons based on count\n * @param count the number of skeletons\n */\nconst getSkeletonsByCount = (\n  layout: 'flex' | 'grid',\n  count = DEFAULT_SKELETON_NUMBER,\n  width?: Size,\n  height?: Size,\n  isUnique = true\n) => {\n  const sw = width || (layout === 'flex' ? DEFAULT_SKELETON_WIDTH : '100%');\n  const sh = height || DEFAULT_SKELETON_HEIGHT;\n\n  return [...Array(count)].map((_v, i) => (\n    // create unique keys if needed, otherwise the animations won't start at the same time, because the old copy of skeletons\n    // could be reused, even the key is specified by useId(), combine count with time to make the key unique.\n    <Skeleton key={isUnique && `${i}${new Date().getTime()}`} width={sw} height={sh} />\n  ));\n};\n\n/**\n * When there is no data (i.e. data is an empty array or null, and hasMore is false), we will show 25 card skeletons with default size\n */\nexport const InitialLoadSkeletons = (props: { layout: SkeletonProps['layout'] }) => (\n  <BaseCardViewSkeletonContainer>{getSkeletonsByCount(props.layout)}</BaseCardViewSkeletonContainer>\n);\n\n/**\n * When we are fetching the initial data (i.e. data is an empty array, and hasMore is true), we will show 25 card skeletons with default size,\n * because we don't know the card dimension at this time. Since there is more data to load, we will specify LOADMORE_STYLE_CLASS on skeletons\n */\nexport const DefaultLoadMoreSkeletons = (props: { layout: SkeletonProps['layout'] }) => {\n  const firstSkeleton = (\n    <div class={LOADMORE_STYLE_CLASS}>{getSkeletonsByCount(props.layout, 1)}</div>\n  );\n  const otherSkeletons = getSkeletonsByCount(props.layout, DEFAULT_SKELETON_NUMBER - 1);\n  const skeletons = [firstSkeleton, ...otherSkeletons];\n  return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n};\n\n/**\n * During the render that we measure and update card dimension, we will hide skeletons temporarily\n * to avoid showing incorrect skeletons\n */\nconst InvisibleSkeletons = () => {\n  return <div class={LOADMORE_STYLE_CLASS}></div>;\n};\n\nexport const LoadMoreSkeletons = (props: SkeletonProps) => {\n  if (props.colCount < 1 || props.cardWidth == null || props.cardHeight == null) {\n    // if column count / card width / card height are invalid, we will show the invisible skeletons\n    return <InvisibleSkeletons />;\n  } else {\n    // after initial renders, show skeletons with correct dimension and count\n    const skeletons = [];\n\n    const firstRowColCount = props.colCount - (props.totalCount % props.colCount);\n    const isOnlyOneRow = firstRowColCount === props.colCount;\n\n    const cardWidth = `calc(${props.cardWidth}px)` as Size;\n    const cardHeight = props.cardHeight\n      ? (`calc(${props.cardHeight}px)` as Size)\n      : DEFAULT_SKELETON_HEIGHT;\n\n    const width: Size = props.layout === 'flex' ? cardWidth : '100%';\n    const height: Size = props.layout === 'flex' || isOnlyOneRow ? cardHeight : '100%';\n\n    // first row\n    const firstSkeleton = (\n      <div class={LOADMORE_STYLE_CLASS}>{getSkeletonsByCount(props.layout, 1, width, height)}</div>\n    );\n    skeletons.push(firstSkeleton);\n    skeletons.push(getSkeletonsByCount(props.layout, firstRowColCount - 1, width, height));\n\n    // second row\n    if (!isOnlyOneRow) {\n      skeletons.push(getSkeletonsByCount(props.layout, props.colCount, width, cardHeight));\n    }\n\n    return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n  }\n};\n","import { Size } from '../utils/UNSAFE_size';\n\nexport const emptyKeys = { all: false, keys: new Set() };\nexport type GutterSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * A mapping of gutterSize to concrete size in pixels\n */\nexport const gutterSizeToPX: Record<string, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 48,\n  xl: 64\n};\n\nexport const getGapSize = (gutterSize?: GutterSize) => {\n  const px = gutterSizeToPX[gutterSize || 'sm'];\n  const gap = `${px / 4}x` as Size;\n  return gap;\n};\n\nexport const getColCount = (gapWidth: number, cardWidth?: number, rootWidth?: number) => {\n  if (!cardWidth || !rootWidth) return 0;\n\n  // if we have n cards, we have n-1 gaps\n  const colCount = Math.floor((rootWidth + gapWidth) / (gapWidth + cardWidth));\n  return Math.max(1, colCount);\n};\n","import type { RefObject } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { ITEM_SELECTOR, dragToScroll } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { Props } from '../UNSAFE_CardFlexView';\nimport { GutterSize } from './BaseCardViewUtils';\n\ntype useCardViewReorderProps<K, D> = Pick<Props<K, D>, 'onReorder'> & {\n  currentKey: K | undefined;\n  gutterSize: GutterSize;\n  columns: number;\n  rootRef: RefObject<HTMLDivElement>;\n  scrollCurrItemIntoView: RefObject<boolean>;\n};\n\nexport const useCardViewReorder = <K extends string | number, D>({\n  currentKey,\n  onReorder,\n  gutterSize,\n  columns,\n  rootRef,\n  scrollCurrItemIntoView\n}: useCardViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns\n    });\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleDragOver = (event: DragEvent) => {\n    dragToScroll(event, dragKey !== undefined, rootRef.current);\n    // during mouse reordering, the drag item might not be the same as current item,\n    // so we should disallow current item scroll into view\n    scrollCurrItemIntoView.current = false;\n  };\n\n  const reorderEventProps = { ...reorderProps, onDragOver: handleDragOver };\n\n  const reorderItemProps = {\n    currentKey,\n    dragKey,\n    setDragKey,\n    onReorder,\n    rootRef,\n    gutterSize,\n    columns\n  };\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\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, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useCallback, useEffect, useState, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport {\n  getPrevNextKeyByCount,\n  getFirstVisibleKey,\n  getViewportConfig,\n  findElementByKey,\n  keyExtractor,\n  handleSelectionRange,\n  ITEM_SELECTOR\n} from '../utils/PRIVATE_collectionUtils';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { useSelection, SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { ItemContext, ListItemRendererContext, SelectionDetail } from '../UNSAFE_Collection';\nimport { Selector } from '../UNSAFE_Selector';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LoadMoreCollection } from '../PRIVATE_LoadMoreCollection';\nimport { styles } from './themes/BaseCardViewStyles.css';\nimport { Props } from '../UNSAFE_CardFlexView';\nimport { MemoizeBaseCardViewItem } from './BaseCardViewItem';\nimport { BaseCardViewLayout } from './BaseCardViewLayout';\nimport {\n  DefaultLoadMoreSkeletons,\n  LoadMoreSkeletons,\n  InitialLoadSkeletons\n} from './BaseCardViewSkeleton';\nimport { gutterSizeToPX, emptyKeys } from './BaseCardViewUtils';\nimport { useCardViewReorder } from './useCardViewReorder';\nimport { useCurrentItemOverride } from '../PRIVATE_ListCardCommon';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/BaseCardViewBaseTheme.css';\nimport { SkeletonRendererContext } from '../UNSAFE_CardFlexView';\nimport { BaseCardViewSkeletonContainer } from './BaseCardViewSkeletonContainer';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { Size } from '../utils/UNSAFE_size';\n\n/**\n * Props specific for the GradGridBaseImpl Component\n */\ntype BaseCardViewImplProps<K, D> = Props<K, D> & {\n  /**\n   * Provide the number of columns to render;\n   */\n  columns: number;\n  /**\n   * The layout of the BaseCardView. When we use CardGridView as parent, we will use grid layout;\n   * when we use CardFlexView as parent, we will use flex layout.\n   */\n  layout: 'grid' | 'flex';\n  /**\n   * Card dimension, including width and height\n   */\n  cardSize: { width?: number; height?: number };\n  /**\n   * A callback function to update card dimension, including width and height\n   */\n  updateCardSize: (width: number, height: number) => void;\n};\n\nconst BaseCardViewImpl = forwardRef(\n  <K extends string | number, D>(\n    {\n      children,\n      data,\n      onLoadMore = () => {},\n      hasMore = false,\n      getRowKey,\n      currentItemOverride,\n      onPersistCurrentItem,\n      selectionMode = 'none',\n      selectedKeys = emptyKeys as Keys<K>,\n      onSelectionChange,\n      onReorder,\n      viewportConfig,\n      focusBehavior = 'card',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      initialAnimation = 'slideUp',\n      gutterSize = 'sm',\n      columns,\n      layout,\n      cardSize,\n      updateCardSize,\n      skeletonRenderer\n    }: BaseCardViewImplProps<K, D>,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref!, () => rootRef.current!, [rootRef]);\n\n    // tracking the anchor key which is used for shift+click selection\n    const anchorKey = useRef<K | undefined>();\n    // tracking pending current key in pointer down event\n    const pendingCurrentKey = useRef<K>();\n\n    // ensure current item scroll into view when cardview regains focus\n    // unless pendingCurrentKey gets updated to something different than currentKey\n    const focusAndScrollIntoView = useRef(true);\n\n    const gutterSizePX = gutterSizeToPX[gutterSize];\n    const layoutProps = { layout, columns, gutterSize };\n    const isInitialAnimation = useRef(true);\n    useEffect(() => {\n      if (cardSize.height != undefined && cardSize.width != undefined) {\n        isInitialAnimation.current = false;\n      }\n    }, [cardSize]);\n\n    const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n    const ariaRowcount = hasMore || !data || columns < 1 ? -1 : Math.ceil(data?.length / columns);\n    const ariaColcount = columns < 1 ? -1 : columns;\n\n    const [isFocusBehaviorValid, setIsFocusBehaviorValid] = useState(true);\n    const validFocusBehavior = isFocusBehaviorValid ? focusBehavior : 'card';\n\n    // ensure current item is scrolled into view when current item is updated\n    // during reordering, enable that during keyboard reordering, disable that during mouse reordering\n    const scrollCurrItemIntoView = useRef(false);\n    const isReorderEnabled = onReorder != undefined;\n\n    const isFetching = useRef(false);\n\n    /*****************************************************************************************/\n    /************************************* Tabbable Mode *************************************/\n    /*****************************************************************************************/\n    const { currentKey, onCurrentKeyChange, isCurrentItemOverridden } = useCurrentItemOverride(\n      currentItemOverride,\n      onPersistCurrentItem\n    );\n\n    const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n      rootRef,\n      (element) => {\n        return keyExtractor(element, ITEM_SELECTOR) as K;\n      },\n      currentKey,\n      onCurrentKeyChange\n    );\n\n    /*****************************************************************************************/\n    /********************************* Current Key and Focus *********************************/\n    /*****************************************************************************************/\n\n    const { currentKeyProps } = useCurrentKey(\n      (element) => keyExtractor(element, ITEM_SELECTOR),\n      selectionMode !== 'multiple',\n      // init a function every time to make sure we pass in the latest columns,\n      // otherwise the new key might be wrong after resize\n      () => getPrevNextKeyByCount(data, getRowKey, currentKey, -columns),\n      () => getPrevNextKeyByCount(data, getRowKey, currentKey, columns),\n      () => getPrevNextKeyByCount(data, getRowKey, currentKey, -1),\n      () => getPrevNextKeyByCount(data, getRowKey, currentKey, 1),\n      currentKey,\n      onCurrentKeyChange\n    );\n\n    const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, [\n      'ArrowUp',\n      'ArrowDown',\n      'ArrowLeft',\n      'ArrowRight'\n    ]);\n\n    const handleFocus = () => {\n      // handle initial focus\n      if (\n        !isKeyDefined(currentKey) &&\n        onCurrentKeyChange &&\n        isCurrentTabbableKey(undefined) &&\n        rootRef.current\n      ) {\n        const firstKey =\n          pendingCurrentKey.current || (getFirstVisibleKey(rootRef.current, ITEM_SELECTOR) as K);\n        if (isKeyDefined(firstKey)) {\n          onCurrentKeyChange({ value: firstKey });\n        }\n      } else if (isKeyDefined(currentKey) && rootRef.current) {\n        // if currentKey is defined, make sure scroll the current item into view when cardview regains focus\n        const elem = findElementByKey(rootRef.current, currentKey as K, ITEM_SELECTOR);\n        if (focusAndScrollIntoView.current) {\n          elem?.scrollIntoView({ block: 'nearest' });\n        }\n        focusAndScrollIntoView.current = true;\n      }\n    };\n\n    // need to track pointer down element to set currentItem when initial focus happens\n    const handlePointerDown = useCallback(\n      (event: PointerEvent) => {\n        const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n        if (isKeyDefined(key)) {\n          pendingCurrentKey.current = key as K;\n          if (key !== currentKey) {\n            focusAndScrollIntoView.current = false;\n          }\n        }\n      },\n      [currentKey]\n    );\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // for content focusBehavior, when users tab out, we need to focus back to card grid, to ensure\n      // the tabbing order works properly, otherwise the focus might get stuck at the current item\n      if (validFocusBehavior === 'content' && event.key === 'Tab') {\n        rootRef.current?.focus({ preventScroll: true });\n      }\n      // during keyboard reordering, the current item should be scrolled into view\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        isReorderEnabled &&\n        (event.metaKey || event.ctrlKey) &&\n        event.shiftKey &&\n        keyHandlers.includes(event.key)\n      ) {\n        scrollCurrItemIntoView.current = true;\n      }\n    };\n\n    useEffect(() => {\n      if (currentKey != null && rootRef.current) {\n        const elem = findElementByKey(rootRef.current, currentKey, ITEM_SELECTOR);\n        if (elem) {\n          // only update aria-activedescendant for screen reader in default focusBehavior\n          if (validFocusBehavior === 'card') {\n            const cell = elem.closest(`[role=gridcell]`);\n            const activeDescendant = rootRef.current.getAttribute('aria-activedescendant');\n            if (cell && activeDescendant !== cell.id) {\n              rootRef.current.setAttribute('aria-activedescendant', cell.id);\n              scrollCurrItemIntoView.current = true;\n            }\n          }\n          // make sure current item is visible\n          // scroll the current item into view only when the current item is updated internally\n          if (scrollCurrItemIntoView.current && !isCurrentItemOverridden) {\n            elem.scrollIntoView({ block: 'nearest' });\n            scrollCurrItemIntoView.current = false;\n          }\n        }\n      }\n      // listen to data because the current item would re-render when data is updated, i.e. the id\n      // of current item would be updated, so the currentKey itself couldn't guarantee the root has\n      // the latest aria-activedescendant\n    }, [currentKey, data, validFocusBehavior, isReorderEnabled, isCurrentItemOverridden]);\n\n    /*****************************************************************************************/\n    /*************************************** Selection ***************************************/\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, getRowKey);\n          // for non-virtualized CardView, value should always be an array\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          }\n        }\n      },\n      [data, onSelectionChange, getRowKey]\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      'toggle',\n      handleSelectionChange,\n      anchorKey.current,\n      currentKey,\n      (currentKey: K | undefined, isPrev: boolean) => () =>\n        getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -columns : columns),\n      (currentKey: K | undefined, isPrev: boolean) => () =>\n        getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -1 : 1),\n      (key: K) => {\n        if (rootRef.current) {\n          const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n          if (elem) {\n            elem.scrollIntoView({ block: 'nearest' });\n          }\n        }\n      },\n      handleSelectionRangeChange\n    );\n\n    /*****************************************************************************************/\n    /**************************************** Reorder ****************************************/\n    /*****************************************************************************************/\n\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useCardViewReorder({\n      currentKey,\n      onReorder,\n      gutterSize,\n      columns,\n      rootRef,\n      scrollCurrItemIntoView\n    });\n\n    const reorderAcc = isReorderEnabled && (\n      <>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n      </>\n    );\n\n    /*****************************************************************************************/\n    /************************************* Load More *****************************************/\n    /*****************************************************************************************/\n\n    const handleLoadMore = useCallback(() => {\n      // check isFetching to avoid multiple load more at the same time (details in JET-61117)\n      if (!isFetching.current) {\n        isFetching.current = true;\n        onLoadMore();\n      }\n    }, [isFetching, onLoadMore]);\n\n    useEffect(() => {\n      isFetching.current = false;\n      // listen to data and hasMore because when one of them gets updated, the fetching is done\n    }, [data, hasMore]);\n\n    /*****************************************************************************************/\n    /************************************ Child Component ************************************/\n    /*****************************************************************************************/\n\n    const getItemContext = useCallback(\n      (context: ItemContext<D>) => {\n        const key = getRowKey(context.data);\n        const selectorRenderer =\n          selectionMode === 'multiple'\n            ? () => (\n                <Selector\n                  onChange={onSelectionChange}\n                  rowKey={key}\n                  selectedKeys={selectedKeys}></Selector>\n              )\n            : undefined;\n\n        return {\n          index: context.index,\n          data: context.data,\n          metadata: { key: key },\n          selector: selectorRenderer,\n          isSelected: containsKey(selectedKeys, key)\n        };\n      },\n      [selectionMode, selectedKeys, onSelectionChange, getRowKey]\n    );\n\n    const childrenComponent = (context: ItemContext<D>) => {\n      const cardItemContext = getItemContext(context);\n      const isTabbable = isCurrentTabbableKey(cardItemContext.metadata.key);\n      const isFocused = currentKey === cardItemContext.metadata.key && !isTabbable;\n      const isFocusRingVisible = isFocused && showFocusRing;\n      const isSelected = cardItemContext.isSelected;\n      const itemRenderFunc = (context: ListItemRendererContext<K, D>) => (\n        <MemoizeBaseCardViewItem\n          key={cardItemContext.metadata.key}\n          context={context}\n          isTabbable={isTabbable}\n          isFocused={isFocused}\n          isFocusRingVisible={isFocusRingVisible}\n          isGridLayout={layout === 'grid'}\n          isSelected={isSelected}\n          selectionMode={selectionMode}\n          focusBehavior={validFocusBehavior}\n          {...(focusBehavior === 'content' && { setIsFocusBehaviorValid })}\n          {...(isInitialAnimation.current && { initialAnimation })}\n          {...(cardItemContext.index === 0 && !cardSize.width && { updateCardSize })}\n          {...(isReorderEnabled && { reorderItemProps })}>\n          {children}\n        </MemoizeBaseCardViewItem>\n      );\n      return itemRenderFunc(cardItemContext);\n    };\n\n    const renderCustomLoadMoreSkeletons = useCallback(\n      (\n        isRenderAsInitial: boolean,\n        skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n      ) => {\n        const skeletons = [];\n        if (isRenderAsInitial) {\n          const context: SkeletonRendererContext = { loadingStatus: 'initial' };\n          skeletons.push(<div class={LOADMORE_STYLE_CLASS}>{skeletonRenderer(context)}</div>);\n          skeletons.push(renderMultipleSkeletons(context, 24, skeletonRenderer));\n        } else {\n          if (columns === 0) {\n            return null;\n          }\n          const fillColCount = columns - (data!.length % columns);\n          const isOnlyOneRow = fillColCount === columns;\n          const context: SkeletonRendererContext = {\n            loadingStatus: 'loadMore',\n            height: layout === 'flex' || isOnlyOneRow ? sizeCal(cardSize.height!) : '100%',\n            width: layout === 'flex' ? sizeCal(cardSize.width!) : '100%'\n          };\n          skeletons.push(<div class={LOADMORE_STYLE_CLASS}>{skeletonRenderer(context)}</div>);\n          skeletons.push(\n            Array(renderMultipleSkeletons(context, fillColCount - 1, skeletonRenderer))\n          );\n          if (!isOnlyOneRow) {\n            skeletons.push(renderMultipleSkeletons(context, columns, skeletonRenderer));\n          }\n        }\n        return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n      },\n      [cardSize, columns, data, layout]\n    );\n\n    // todo: issue track in JET-57952, need a way to show the skeletons in keyboard navigation\n    const skeletons = data ? (\n      !data.length && hasMore ? (\n        skeletonRenderer ? (\n          renderCustomLoadMoreSkeletons(true, skeletonRenderer)\n        ) : (\n          <DefaultLoadMoreSkeletons layout={layout} />\n        )\n      ) : skeletonRenderer ? (\n        renderCustomLoadMoreSkeletons(false, skeletonRenderer)\n      ) : (\n        <LoadMoreSkeletons\n          layout={layout}\n          colCount={columns}\n          totalCount={data.length}\n          cardWidth={cardSize.width}\n          cardHeight={cardSize.height}\n        />\n      )\n    ) : null;\n\n    viewportConfig = getViewportConfig(rootRef, viewportConfig);\n    const collectionComponent = (\n      <div role=\"row\">\n        <BaseCardViewLayout {...layoutProps}>\n          <LoadMoreCollection\n            data={data}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loadMoreIndicator={skeletons}\n            loadMoreThreshold={gutterSizePX + 4} // gap size + padding\n            viewportConfig={viewportConfig}>\n            {childrenComponent}\n          </LoadMoreCollection>\n        </BaseCardViewLayout>\n      </div>\n    );\n\n    const initialLoadSkeletons = (\n      <BaseCardViewLayout {...layoutProps}>\n        {skeletonRenderer ? (\n          renderCustomInitialSkeletons(skeletonRenderer)\n        ) : (\n          <InitialLoadSkeletons layout={layout} />\n        )}\n      </BaseCardViewLayout>\n    );\n\n    return (\n      <div\n        {...mergeProps(\n          currentKeyProps,\n          focusRingProps,\n          selectionProps,\n          reorderProps,\n          {\n            onFocus: handleFocus,\n            onPointerDown: handlePointerDown,\n            onKeyDown: handleKeyDown\n          },\n          // only enable tabbable mode in default focusBehavior\n          { ...(validFocusBehavior === 'card' && tabbableModeProps) }\n        )}\n        ref={rootRef}\n        role=\"grid\"\n        class={styles.baseStyle}\n        tabIndex={0}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={isReorderEnabled ? reorderInstructionsId : undefined}\n        aria-multiselectable={ariaMultiSelectable}\n        aria-rowcount={ariaRowcount}\n        aria-colcount={ariaColcount}>\n        <ReorderableContext.Provider value={reorderContext}>\n          {!data ? (\n            initialLoadSkeletons\n          ) : data.length || hasMore ? (\n            collectionComponent\n          ) : (\n            <Fragment />\n          )}\n        </ReorderableContext.Provider>\n        {reorderAcc}\n      </div>\n    );\n  }\n);\n\nconst renderCustomInitialSkeletons = (\n  skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n) => {\n  const context: SkeletonRendererContext = { loadingStatus: 'initial' };\n  return (\n    <BaseCardViewSkeletonContainer>\n      {renderMultipleSkeletons(context, 25, skeletonRenderer)}\n    </BaseCardViewSkeletonContainer>\n  );\n};\n\nconst renderMultipleSkeletons = (\n  context: SkeletonRendererContext,\n  count: number,\n  skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n) => {\n  return Array(count).fill(skeletonRenderer(context));\n};\n\nconst sizeCal = (val: number) => {\n  return `calc(${val}px)` as Size;\n};\n\n/**\n * Props specific for the BaseCardView\n */\ntype BaseCardViewProps<K, D> = BaseCardViewImplProps<K, D> & {\n  ref?: ForwardedRef<HTMLDivElement>;\n};\n\n/**\n * Cast BaseCardViewImpl to generic type, because BaseCardViewImpl would infer the generic type to specific type,\n * i.e infer <K extends string | number, D> to <string | number, unknown>, which will cause type issues in the parent component\n */\nexport const BaseCardView = BaseCardViewImpl as <K extends string | number, D>(\n  props: BaseCardViewProps<K, D>\n) => JSX.Element;\n"],"names":["useRef","multiVariantStyles","styles","useCallback","ITEM_SELECTOR","useReorderableItem","useReorderableContext","useEffect","useUser","classNames","_jsxs","isKeyDefined","_Fragment","_jsx","useResizeObserver","useLayoutEffect","allTabbableElements","warn","useAnimation","useMemo","mergeRefs","useId","TabbableModeContext","FocusTrap","memo","compareListItemContext","cardViewVars","Grid","Flex","useState","Fragment","LOADMORE_STYLE_CLASS","Skeleton","useReorderable","dragToScroll","forwardRef","useImperativeHandle","useCurrentItemOverride","useTabbableModeSet","keyExtractor","useCurrentKey","getPrevNextKeyByCount","useCollectionFocusRing","getFirstVisibleKey","findElementByKey","handleSelectionRange","useSelection","HiddenAccessible","Selector","containsKey","getViewportConfig","LoadMoreCollection","mergeProps","ReorderableContext"],"mappings":"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"}

package/cjs/CardFlexView-9393e48c.js

@@ -0,0 +1,29 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var useResizeObserver = require('./useResizeObserver-1597395f.js');
+var BaseCardView = require('./BaseCardView-dc51267e.js');
+
+function CardFlexView(props) {
+    const rootRef = hooks.useRef(null);
+    const [size, setSize] = hooks.useState({});
+    const updateCardSize = (cardWidth, cardHeight) => {
+        setSize((size) => ({ ...size, cardWidth, cardHeight }));
+    };
+    const handleResize = hooks.useCallback((entry) => {
+        const containerWidth = entry.contentRect.width;
+        if (size.containerWidth !== containerWidth) {
+            setSize((size) => ({ ...size, containerWidth }));
+        }
+    }, [size]);
+    useResizeObserver.useResizeObserver(rootRef, handleResize);
+    const gutterSizePX = BaseCardView.gutterSizeToPX[props.gutterSize || 'sm'];
+    const columns = BaseCardView.getColCount(gutterSizePX, size.cardWidth, size.containerWidth);
+    const cardSize = { width: size.cardWidth, height: size.cardHeight };
+    return (jsxRuntime.jsx(BaseCardView.BaseCardView, { ...props, ref: rootRef, layout: "flex", columns: columns, cardSize: cardSize, updateCardSize: updateCardSize }));
+}
+
+exports.CardFlexView = CardFlexView;
+//# sourceMappingURL=CardFlexView-9393e48c.js.map

package/cjs/CardFlexView-9393e48c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFlexView-9393e48c.js","sources":["../../src/UNSAFE_CardFlexView/CardFlexView.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { BaseCardView, gutterSizeToPX, getColCount } from '../PRIVATE_BaseCardView';\nimport { BaseCardViewPublicProps as Props } from './BaseCardView.types';\n\ntype CardFlexViewProps<K extends string | number, D> = Props<K, D>;\ntype SizeInfo = {\n  cardWidth?: number;\n  cardHeight?: number;\n  containerWidth?: number;\n};\n\nexport function CardFlexView<K extends string | number, D>(props: CardFlexViewProps<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const [size, setSize] = useState<SizeInfo>({});\n  const updateCardSize = (cardWidth: number, cardHeight: number) => {\n    setSize((size) => ({ ...size, cardWidth, cardHeight }));\n  };\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const containerWidth = entry.contentRect.width;\n      if (size.containerWidth !== containerWidth) {\n        setSize((size) => ({ ...size, containerWidth }));\n      }\n    },\n    [size]\n  );\n  useResizeObserver(rootRef, handleResize);\n\n  const gutterSizePX = gutterSizeToPX[props.gutterSize || 'sm'];\n  const columns = getColCount(gutterSizePX, size.cardWidth, size.containerWidth);\n  const cardSize = { width: size.cardWidth, height: size.cardHeight };\n\n  return (\n    <BaseCardView\n      {...props}\n      ref={rootRef}\n      layout=\"flex\"\n      columns={columns}\n      cardSize={cardSize}\n      updateCardSize={updateCardSize}\n    />\n  );\n}\n"],"names":["useRef","useState","useCallback","useResizeObserver","gutterSizeToPX","getColCount","_jsx","BaseCardView"],"mappings":";;;;;;;;AAYM,SAAU,YAAY,CAA+B,KAA8B,EAAA;AACvF,IAAA,MAAM,OAAO,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAW,EAAE,CAAC,CAAC;AAC/C,IAAA,MAAM,cAAc,GAAG,CAAC,SAAiB,EAAE,UAAkB,KAAI;AAC/D,QAAA,OAAO,CAAC,CAAC,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;AAC1D,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,KAA0B,KAAI;AAC7B,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;AAC/C,QAAA,IAAI,IAAI,CAAC,cAAc,KAAK,cAAc,EAAE;AAC1C,YAAA,OAAO,CAAC,CAAC,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;SAClD;AACH,KAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;AACF,IAAAC,mCAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAEzC,MAAM,YAAY,GAAGC,2BAAc,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC;AAC9D,IAAA,MAAM,OAAO,GAAGC,wBAAW,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,IAAA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;IAEpE,QACEC,cAAC,CAAAC,yBAAY,EACP,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,CAAA,EACF;AACJ;;;;"}

package/cjs/CardGridView-e796ff9d.js

@@ -0,0 +1,17 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var BaseCardView = require('./BaseCardView-dc51267e.js');
+
+function CardGridView(props) {
+    const [cardSize, setCardSize] = hooks.useState({});
+    const updateCardSize = (width, height) => {
+        setCardSize({ width, height });
+    };
+    return (jsxRuntime.jsx(BaseCardView.BaseCardView, { ...props, layout: "grid", cardSize: cardSize, updateCardSize: updateCardSize }));
+}
+
+exports.CardGridView = CardGridView;
+//# sourceMappingURL=CardGridView-e796ff9d.js.map

package/cjs/CardGridView-e796ff9d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGridView-e796ff9d.js","sources":["../../src/UNSAFE_CardGridView/CardGridView.tsx"],"sourcesContent":["import { useState } from 'preact/hooks';\nimport { BaseCardView } from '../PRIVATE_BaseCardView';\nimport { Props } from '../UNSAFE_CardFlexView';\n\ntype CardGridProps<K extends string | number, D> = Props<K, D> & {\n  /**\n   * Provide the number of columns to render. The number of columns is required for CardGridView component.\n   * If the number of columns is not provided, please use CardFlexView component.\n   */\n  columns: number;\n};\n\nexport function CardGridView<K extends string | number, D>(props: CardGridProps<K, D>) {\n  const [cardSize, setCardSize] = useState<{ width?: number; height?: number }>({});\n  const updateCardSize = (width: number, height: number) => {\n    setCardSize({ width, height });\n  };\n\n  return (\n    <BaseCardView {...props} layout=\"grid\" cardSize={cardSize} updateCardSize={updateCardSize} />\n  );\n}\n"],"names":["useState","_jsx","BaseCardView"],"mappings":";;;;;;;AAYM,SAAU,YAAY,CAA+B,KAA0B,EAAA;IACnF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAsC,EAAE,CAAC,CAAC;AAClF,IAAA,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,MAAc,KAAI;AACvD,QAAA,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AACjC,KAAC,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,yBAAY,OAAK,KAAK,EAAE,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAA,CAAI,EAC7F;AACJ;;;;"}

package/cjs/CheckboxSetContext-c62db26d.js

@@ -0,0 +1,12 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var preact = require('preact');
+var hooks = require('preact/hooks');
+
+const CheckboxSetContext = preact.createContext({});
+const useCheckboxSetContext = () => hooks.useContext(CheckboxSetContext);
+
+exports.CheckboxSetContext = CheckboxSetContext;
+exports.useCheckboxSetContext = useCheckboxSetContext;
+//# sourceMappingURL=CheckboxSetContext-c62db26d.js.map

package/cjs/CheckboxSetContext-c62db26d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSetContext-c62db26d.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAWA,MAAM,kBAAkB,GAAGA,oBAAa,CAA0B,EAA6B,EAAE;AAC3F,MAAA,qBAAqB,GAAG,MAAMC,gBAAU,CAAC,kBAAkB;;;;;"}

package/cjs/ExpandableList-2182c2f3.js

@@ -17,7 +17,7 @@ var useUser = require('./useUser-503bf40e.js');
 var collectionUtils = require('./collectionUtils-7ae57f89.js');
 var Button = require('./Button-4a864fb1.js');
 var GroupLoadingIndicator = require('./GroupLoadingIndicator-eea4bd1d.js');
-var List = require('./List-9cf30b46.js');
+var List = require('./List-46cdf470.js');
 
 /**
  * @license

package/cjs/GroupLoadingIndicator-eea4bd1d.js

@@ -16,7 +16,7 @@ var PRIVATE_List_themes_ListStyles_css = require('./PRIVATE_List/themes/ListStyl
 var UNSAFE_GroupedList_themes_redwood_GroupedListTheme = require('./UNSAFE_GroupedList/themes/redwood/GroupedListTheme.js');
 var Flex = require('./Flex-307f0d9f.js');
 var Skeleton = require('./Skeleton-00d15f88.js');
-var List = require('./List-9cf30b46.js');
+var List = require('./List-46cdf470.js');
 
 // default style class for items in ListView
 const GROUP_SELECTOR = '[data-oj-listview-group]';

package/cjs/Indexer-034ba277.js

@@ -0,0 +1,339 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+var Flex = require('./Flex-307f0d9f.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var useSingleSelection = require('./useSingleSelection-d52a0dbf.js');
+var useCurrentKey = require('./useCurrentKey-f7fe10c2.js');
+var useCollectionFocusRing = require('./useCollectionFocusRing-8e16f3d9.js');
+var collectionUtils = require('./collectionUtils-7ae57f89.js');
+var useId = require('./useId-6c0eeb27.js');
+var useTranslationBundle = require('./useTranslationBundle-08bd9cac.js');
+var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
+var Collection = require('./Collection-9880039f.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var compat = require('preact/compat');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var UNSAFE_Indexer_themes_redwood_IndexerTheme = require('./UNSAFE_Indexer/themes/redwood/IndexerTheme.js');
+var useTestId = require('./useTestId-284677ac.js');
+
+/**
+ * The others section variable that application could use
+ * to compare value
+ */
+// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');
+const SECTION_OTHERS = Object.freeze({
+    key: '__others__',
+    label: '#'
+});
+const ITEM_SELECTOR = '[data-oj-key]';
+const SectionItem = compat.forwardRef((props, ref) => {
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const { context, selectedKey } = props;
+    const isSelected = context.data.key === selectedKey;
+    const commonProps = getCommonProps(props, ref);
+    const { classes } = useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme, {
+        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',
+        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',
+        selected: isSelected ? 'isSelected' : 'notSelected'
+    });
+    const itemClasses = classNames.classNames([classes]);
+    const sectionLabel = context.data.label || context.data.key;
+    const valueText = context.data.isDisabled
+        ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })
+        : `${sectionLabel}`;
+    return (jsxRuntime.jsx("li", { ...commonProps, class: itemClasses, "data-oj-valuetext": valueText, "data-oj-disabled": context.data.isDisabled, children: context.data.label || context.data.key }));
+});
+function getCommonProps({ context, currentKey, valueNow, isFocusRingVisible }, ref) {
+    const isCurrent = context.data.key === currentKey;
+    return {
+        ...(isCurrent && { ref }),
+        key: context.data.key,
+        'data-oj-key': context.data.key,
+        'data-oj-key-type': typeof context.data.key,
+        'data-oj-valuenow': valueNow,
+        isFocusRingVisible: !!isFocusRingVisible
+    };
+}
+// render the last section, that contains the last character and others character
+const LastSectionItem = compat.forwardRef(({ lastValueNow, ...sectionProps }, ref) => {
+    const commonProps = { ...sectionProps, ref };
+    return (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(SectionItem, { ...commonProps }), jsxRuntime.jsx(OthersItem, { ...commonProps, ref: ref, context: { index: -1, data: SECTION_OTHERS }, valueNow: lastValueNow })] }));
+});
+const OthersItem = compat.forwardRef((props, ref) => {
+    const { context, selectedKey } = props;
+    const commonProps = getCommonProps(props, ref);
+    const isSelected = context.data.key === selectedKey;
+    const { classes } = useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme, {
+        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',
+        selected: isSelected ? 'isSelected' : 'notSelected'
+    });
+    const othersClasses = classNames.classNames([classes]);
+    const othersValueText = SECTION_OTHERS.label;
+    return (jsxRuntime.jsx("li", { ...commonProps, class: othersClasses, "data-oj-valuetext": othersValueText, children: context.data.label }));
+});
+const SeparatorItem = compat.forwardRef((props, ref) => {
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const { context, sections } = props;
+    const commonProps = getCommonProps(props, ref);
+    const { from, to } = getSeparatorRange(props);
+    const { classes, styles: { dotStyle } } = useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme, {
+        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'
+    });
+    if (!isInSeparatorMiddle(context.index, from, to)) {
+        return null;
+    }
+    const fromText = sections[from].label || sections[from].key;
+    const toText = sections[to].label || sections[to].key;
+    const separatorClasses = classNames.classNames([classes]);
+    const separatorValueText = translations.indexer_separatorLabel({
+        FROM_SECTION: `${fromText}`,
+        TO_SECTION: `${toText}`
+    });
+    return (jsxRuntime.jsx("li", { ...commonProps, class: separatorClasses, "data-oj-valuetext": separatorValueText, children: jsxRuntime.jsx(Flex.Flex, { align: "center", justify: "center", children: jsxRuntime.jsx("div", { class: dotStyle }) }) }));
+});
+function hasSeparator(props) {
+    const { from, to } = getSeparatorRange(props);
+    return isInSeparatorMiddle(props.context.index, from, to);
+}
+function getSeparatorRange({ context, sectionsPerTruncation, last }) {
+    const from = context.index - (context.index % sectionsPerTruncation) + 1;
+    let to = from + sectionsPerTruncation - 2;
+    to = to >= last ? last - 1 : to;
+    return { from, to };
+}
+function isInSeparatorMiddle(index, from, to) {
+    return index === Math.floor((from + to) / 2);
+}
+
+const defaultSections = [
+    { key: 'A' },
+    { key: 'B' },
+    { key: 'C' },
+    { key: 'D' },
+    { key: 'E' },
+    { key: 'F' },
+    { key: 'G' },
+    { key: 'H' },
+    { key: 'I' },
+    { key: 'J' },
+    { key: 'K' },
+    { key: 'L' },
+    { key: 'M' },
+    { key: 'N' },
+    { key: 'O' },
+    { key: 'P' },
+    { key: 'Q' },
+    { key: 'R' },
+    { key: 'S' },
+    { key: 'T' },
+    { key: 'U' },
+    { key: 'V' },
+    { key: 'W' },
+    { key: 'X' },
+    { key: 'Y' },
+    { key: 'Z' }
+];
+/**
+ * Pure Preact based component that consumes Collection component
+ * and renders an indexer.
+ */
+function Indexer({ sections = defaultSections, value, onCommit = () => { }, testId }) {
+    const rootRef = hooks.useRef(null);
+    const ulRef = hooks.useRef(null);
+    const currElementRef = preact.createRef();
+    const [current, setCurrent] = hooks.useState(sections[0]?.key);
+    // the number of sections in each truncation
+    const [sectionsPerTruncation, setSectionsPerTruncation] = hooks.useState(-1);
+    // the total number of rendered sections and separators
+    const renderedSectionsCount = hooks.useRef(-1);
+    const itemHeightRef = hooks.useRef(0);
+    // the id for aria describedby
+    const uniqueId = useId.useId();
+    const [showFocusRing, focusRingProps] = useCollectionFocusRing.useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);
+    const { currentKeyProps } = useCurrentKey.useCurrentKey((element) => collectionUtils.keyExtractor(element, ITEM_SELECTOR), true, collectionUtils.getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR), collectionUtils.getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR), undefined, undefined, current, (detail) => setCurrent(detail.value));
+    const { selectionProps } = useSingleSelection.useSingleSelection((element) => handleKeyExtract(element, ulRef, current), 
+    // pass in undefined so onCommit handler will be called
+    // no matter whether the Section was selected before or not
+    undefined, (detail) => handleSelection(detail, onCommit, sections));
+    /**
+     * Item renderer that will return a section item or a section separator
+     * based on the sectionsPerTruncation and item context index.
+     * @param context item context
+     */
+    const itemRenderer = (context) => {
+        const last = sections.length - 1;
+        renderedSectionsCount.current += 1;
+        const commonProps = {
+            context,
+            ref: currElementRef,
+            currentKey: current,
+            selectedKey: value,
+            valueNow: renderedSectionsCount.current,
+            isFocusRingVisible: !!showFocusRing
+        };
+        // render the last and the others character, they are always present
+        if (context.index === last) {
+            return jsxRuntime.jsx(LastSectionItem, { ...commonProps, lastValueNow: renderedSectionsCount.current + 1 });
+        }
+        // render a section, in the non-truncation case or when it is the first in a truncation
+        if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {
+            return jsxRuntime.jsx(SectionItem, { ...commonProps });
+        }
+        // render the separator in the middle of a truncation
+        const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };
+        if (hasSeparator(separatorProps)) {
+            return jsxRuntime.jsx(SeparatorItem, { ...separatorProps });
+        }
+        // remove the count for truncated sections
+        renderedSectionsCount.current -= 1;
+        return null;
+    };
+    // truncate the Indexer during resize
+    const handleResize = hooks.useCallback((entries) => {
+        for (const entry of entries) {
+            updateSectionsPerTruncation(entry.contentRect.height, itemHeightRef.current, sections.length, sections[0]?.key, sectionsPerTruncation, setSectionsPerTruncation, setCurrent);
+        }
+    }, [sections, sectionsPerTruncation]);
+    hooks.useEffect(() => {
+        if (ulRef.current) {
+            // Get aria values from IndexerItem to update aria values on Indexer ul element
+            ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');
+            ulRef.current.setAttribute('aria-valuetext', currElementRef.current?.dataset?.['ojValuetext'] || '');
+            ulRef.current.setAttribute('aria-valuenow', currElementRef.current?.dataset?.['ojValuenow'] || '');
+        }
+        renderedSectionsCount.current = -1;
+    });
+    /**
+     * Set up the initial values for sectionsPerTruncation and event listeners
+     */
+    hooks.useEffect(() => {
+        const root = rootRef.current;
+        if (root) {
+            itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;
+            updateSectionsPerTruncation(root.offsetHeight, itemHeightRef.current, sections.length, sections[0]?.key, sectionsPerTruncation, setSectionsPerTruncation, setCurrent);
+        }
+    }, [sections, sectionsPerTruncation]);
+    /**
+     * Set up resize observer and refresh the resize observer when
+     * sectionsPerTruncation is changed, otherwise it will only have the
+     * old copy of sectionsPerTruncation.
+     */
+    hooks.useEffect(() => {
+        const root = rootRef.current;
+        if (root) {
+            const resizeObserver = new ResizeObserver((entries) => {
+                handleResize(entries);
+            });
+            resizeObserver.observe(root);
+            return () => {
+                resizeObserver.unobserve(root);
+            };
+        }
+        return undefined;
+    }, [sectionsPerTruncation, handleResize]);
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const { styles: { baseStyle, innerStyle } } = useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme);
+    const testIdProps = useTestId.useTestId(testId);
+    return (jsxRuntime.jsxs("div", { ref: rootRef, class: baseStyle, ...testIdProps, children: [jsxRuntime.jsx(Flex.Flex, { align: "center", width: "6x", height: "100%", children: jsxRuntime.jsx("ul", { ...mergeProps.mergeProps(currentKeyProps, focusRingProps, selectionProps), ref: ulRef, tabIndex: 0, "aria-label": "Indexer", "aria-orientation": "vertical", "aria-valuemin": 0, "aria-describedby": uniqueId, role: "slider", class: innerStyle, children: jsxRuntime.jsx(Collection.Collection, { items: sections, children: itemRenderer }) }) }), jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: jsxRuntime.jsx("span", { id: uniqueId, children: getIndexerDescription(translations) }) })] }));
+}
+// A function to extract key for selection
+const handleKeyExtract = (element, rootRef, current) => {
+    if (element === rootRef.current) {
+        return current === undefined ? null : current;
+    }
+    return collectionUtils.keyExtractor(element, ITEM_SELECTOR);
+};
+const handleSelection = (detail, onCommit, sections) => {
+    if (detail.value === SECTION_OTHERS.key) {
+        onCommit({ value: SECTION_OTHERS.key });
+    }
+    else {
+        const selectedSection = sections.find((section) => section.key === detail.value);
+        onCommit({ value: selectedSection.key });
+    }
+};
+/**
+ * A function that calculates the section count, based on
+ * the container height and the number of sections
+ * @param height height of Indexer container
+ */
+const updateSectionsPerTruncation = (height, itemHeight, sectionsLength, firstSectionKey, sectionsPerTruncation, setSectionsPerTruncation, setCurrent) => {
+    if (height === 0 || itemHeight === 0) {
+        return;
+    }
+    const maxSections = height / itemHeight;
+    const last = sectionsLength - 1;
+    // when the container size is too small to hold two sections
+    if (maxSections < 2) {
+        if (sectionsPerTruncation !== last) {
+            setSectionsPerTruncation(last);
+            setCurrent(firstSectionKey);
+        }
+        // no truncation
+        // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections
+        // are about the same, maxNum === sectionsLength doesn't work
+    }
+    else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {
+        if (sectionsPerTruncation > 1) {
+            setSectionsPerTruncation(1);
+            setCurrent(firstSectionKey);
+        }
+        // need truncation
+    }
+    else {
+        const tempSectionCount = findSectionCount(maxSections, last);
+        if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {
+            setSectionsPerTruncation(tempSectionCount);
+            setCurrent(firstSectionKey);
+        }
+    }
+};
+/**
+ * A helper function to find the best section count
+ * in a truncation
+ *
+ * @param maxSections maximum number of sections allowed in a truncation
+ * @param last the index of last section
+ */
+const findSectionCount = (maxSections, last) => {
+    // need truncation
+    maxSections -= 2; // minus the last character and the others character
+    maxSections /= 2; // each truncation has a section and a separator
+    const newSectionCount = Math.round(last / maxSections) + 1;
+    const truncationLeftover = last % newSectionCount;
+    const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);
+    // When the sectionCount becomes greater, it will result in
+    // same truncations but with different sections appearing.
+    // The following is to find the best sectionCount in this case
+    // and prevent unnecessary truncations.
+    let tempLeftover = last - (truncationCount - 1) * newSectionCount;
+    let tempSectionCount = newSectionCount;
+    while (tempSectionCount > tempLeftover) {
+        tempSectionCount -= 1;
+        tempLeftover = last - (truncationCount - 1) * tempSectionCount;
+    }
+    if (tempSectionCount != newSectionCount) {
+        tempSectionCount += 1;
+    }
+    return tempSectionCount;
+};
+/**
+ * Helper function to find the aria description for Indexer,
+ * based on whether current device is a mobile device
+ */
+function getIndexerDescription(translations) {
+    if (collectionUtils.isMobile()) {
+        return translations.indexer_touchInstructionText();
+    }
+    else {
+        return translations.indexer_keyboardInstructionText();
+    }
+}
+
+exports.Indexer = Indexer;
+exports.SECTION_OTHERS = SECTION_OTHERS;
+//# sourceMappingURL=Indexer-034ba277.js.map