@oracle/oraclejet-preact 18.0.10 → 18.0.12

package/amd/BaseCardView-ab799b69.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCardView-ab799b69.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/BaseCardView.tsx","../../src/PRIVATE_BaseCardView/useCardViewReorder.ts"],"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","/**\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","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"],"names":["BaseCardViewReorderableItem","currentKey","children","dragKey","setDragKey","onReorder","rootRef","gutterSize","columns","context","itemRef","useRef","isOneColumn","isFirstColumn","index","isLastColumn","variantClasses","multiVariantStyles","itemOverlayFront","variantClassesVertical","itemOverlayFrontVertical","itemStyles","itemOverlayRear","styles","itemOverlayRearVertical","itemDragger","getItem","useCallback","current","closest","ITEM_SELECTOR","setTransferData","event","dataTransfer","setData","JSON","stringify","metadata","key","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemSelector","isVertical","currentItemKey","useReorderableContext","useEffect","direction","useUser","isRtl","overlayZoneBeforeClass","classNames","class","itemOverlayFrontEdge","overlayZoneAfterClass","itemOverlayRearEdge","_jsxs","isKeyDefined","_Fragment","_jsx","jsx","animationConfigSlide","animationStates","slideUp","from","translateY","to","options","duration","delay","easing","slideDown","isAnimatedOnMount","animationConfigOpacity","timeoutRef","opacity","onAnimationEnd","clearTimeout","MemoizeBaseCardViewItem","memo","isTabbable","isFocused","isFocusRingVisible","isSelected","selectionMode","focusBehavior","setIsFocusBehaviorValid","initialAnimation","isGridLayout","updateCardSize","reorderItemProps","itemKey","itemIndex","isItemFocused","itemFocused","itemInitialOpacity","itemInGridLayout","classes","itemStyle","handleResize","entry","contentRect","width","height","nullRef","useResizeObserver","useLayoutEffect","content","firstElementChild","focusable","allTabbableElements","length","warn","focus","nodeRef","nodeRefSlide","controller","controllerSlide","useAnimation","nodeRefOpacity","controllerOpacity","undefined","setTimeout","cancel","style","itemRefs","useMemo","mergeRefs","childrenComponent","id","useId","role","onKeyDown","stopPropagation","TabbableModeContext","Provider","value","FocusTrap","restoreFocusRef","prev","next","compareListItemContext","props1","props2","BaseCardViewLayout","layout","gap","cardViewVars","Grid","gridTemplateColumns","Flex","wrap","BaseCardViewSkeletonContainer","isVisible","setIsVisible","useState","Fragment","LOADMORE_STYLE_CLASS","getSkeletonsByCount","count","isUnique","sw","sh","Array","map","_v","i","Skeleton","Date","getTime","InitialLoadSkeletons","props","DefaultLoadMoreSkeletons","skeletons","DEFAULT_SKELETON_NUMBER","InvisibleSkeletons","LoadMoreSkeletons","colCount","cardWidth","cardHeight","firstRowColCount","totalCount","isOnlyOneRow","firstSkeleton","push","emptyKeys","all","keys","Set","gutterSizeToPX","xs","sm","md","lg","xl","BaseCardViewImpl","forwardRef","data","onLoadMore","hasMore","getRowKey","currentItemOverride","onPersistCurrentItem","selectedKeys","onSelectionChange","viewportConfig","ariaLabel","ariaLabelledBy","cardSize","skeletonRenderer","useImperativeHandle","anchorKey","pendingCurrentKey","focusAndScrollIntoView","gutterSizePX","layoutProps","isInitialAnimation","ariaMultiSelectable","ariaRowcount","Math","ceil","ariaColcount","isFocusBehaviorValid","validFocusBehavior","scrollCurrItemIntoView","isReorderEnabled","isFetching","onCurrentKeyChange","isCurrentItemOverridden","useCurrentItemOverride","isCurrentTabbableKey","tabbableModeProps","useTabbableModeSet","element","keyExtractor","currentKeyProps","useCurrentKey","getPrevNextKeyByCount","showFocusRing","focusRingProps","useCollectionFocusRing","handlePointerDown","target","elem","findElementByKey","cell","activeDescendant","getAttribute","setAttribute","scrollIntoView","block","handleSelectionChange","detail","size","values","pop","handleSelectionRangeChange","handleSelectionRange","isArray","eventType","start","end","selectionProps","useSelection","isPrev","reorderProps","reorderContext","reorderInstructionsId","reorderInstructions","useReorderable","onDragOver","dragToScroll","useCardViewReorder","reorderAcc","HiddenAccessible","handleLoadMore","getItemContext","selectorRenderer","Selector","onChange","rowKey","selector","containsKey","renderCustomLoadMoreSkeletons","isRenderAsInitial","loadingStatus","renderMultipleSkeletons","fillColCount","sizeCal","getViewportConfig","collectionComponent","LoadMoreCollection","loadMoreIndicator","loadMoreThreshold","cardItemContext","itemRenderFunc","initialLoadSkeletons","renderCustomInitialSkeletons","jsxs","mergeProps","onFocus","firstKey","getFirstVisibleKey","onPointerDown","preventScroll","metaKey","ctrlKey","shiftKey","includes","baseStyle","tabIndex","ReorderableContext","fill","val","BaseCardView","gapWidth","rootWidth","floor","max"],"mappings":"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"}

package/amd/BaseCardViewSelectionTest-0ec52156.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-4f5a07b0', './Text-cd61a065', './View-ce970ed7', './Flex-56ecdf4c', './LayerHost-e95c5f30', './EnvironmentProvider-8f6fc388', './Center-b449a95c', './DragHandle-699fefd6', './Button-3dc2a041', './Avatar-27526b67'], (function(e,t,a,i,r,c,s,n,l,d,o,u,p,x,g,f){"use strict";function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(i);const w=(e,t)=>[...Array(e)].map(((e,a)=>({id:t?a:`${a}`,name:`Employee ${a}`,title:`Employee title ${a}`,initials:`E${a}`}))),q=async()=>a.screen.findByRole("grid"),A=async(e="row")=>a.screen.findAllByRole(e),h=async(e="gridcell")=>a.screen.findAllByRole(e),k=(e,t)=>{a.fireEvent.click(e,t)},m=(e,t)=>{a.fireEvent.dragStart(e),a.fireEvent.dragEnter(t),a.fireEvent.drop(t),a.fireEvent.dragEnd(e)},v=(e,t)=>{a.fireEvent.keyDown(e,{key:t,code:t,shiftKey:!0,metaKey:!0})};e.CardContent=({context:e,showButton:a,isReorderEnabled:i})=>{const r=i&&t.jsx(u.RootEnvironmentProvider,{environment:{mode:"test"},children:t.jsx(p.Center,{children:t.jsx(x.DragHandle,{testId:`drag-icon-${e.metadata.key}`})})}),c=a&&t.jsx(l.View,{paddingBlockStart:"1x",children:t.jsxs(d.Flex,{direction:"row",wrap:"wrap",gap:"1x",width:"100%",children:[t.jsx(g.Button,{variant:"outlined",size:"md",label:"A"}),t.jsx(g.Button,{variant:"outlined",size:"md",label:"B"})]})});return t.jsxs(l.View,{padding:"6px",children:[r,t.jsxs(l.View,{padding:"10px",paddingBlockEnd:0,children:[t.jsx(f.Avatar,{initials:e.data.initials,size:"xl"}),t.jsxs(l.View,{paddingBlockStart:"2x",children:[t.jsx(n.Text,{variant:"primary",size:"md",lineClamp:1,children:e.data.name}),t.jsx(n.Text,{variant:"secondary",size:"md",lineClamp:1,children:e.data.title})]})]}),t.jsxs(l.View,{padding:"10px",paddingBlockStart:0,children:[c,e.selector?.()]})]})},e.getItems=A,e.getRoot=q,e.keyboardReorder=v,e.mouseItemSelection=k,e.populateData=w,e.testRender=({GenericCardGrid:e,ActionCardGrid:i,SelectionCardGrid:n,ContentUpdatableCardGrid:l})=>{it("initial render",(async function(){const i=w(100);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c.length).eq(25)})),it("checking key type - string key",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(void 0===c[0].dataset.ojKeyType).eq(!0),r.expect(void 0===c[1].dataset.ojKeyType).eq(!0),r.expect(void 0===c[2].dataset.ojKeyType).eq(!0)})),it("checking key type - numeric key",(async()=>{const i=w(3,!0);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c[0].dataset.ojKeyType).eq("number"),r.expect(c[1].dataset.ojKeyType).eq("number"),r.expect(c[2].dataset.ojKeyType).eq("number")})),it("aria attributes - multiselectable and selected, selectionMode is none",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq(null),r.expect(i[0].getAttribute("aria-selected")).eq(null),r.expect(i[1].getAttribute("aria-selected")).eq(null)})),it("aria attributes - multiselectable and selected, selectionMode is single",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e,selectionMode:"single",selectedKeys:new Set(["1"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("false"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true")})),it("aria attributes - multiselectable and selected, selectionMode is multiple",(async()=>{const e=w(3);a.render(t.jsx(n,{data:e,selectionMode:"multiple",selectedKeys:new Set(["1","2"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("true"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true"),r.expect(i[2].getAttribute("aria-selected")).eq("true")})),"undefined"==typeof jest&&(it("content focusBehavior - valid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e}));const c=await A("gridcell");await y.default.tab(),await a.waitFor((()=>{r.expect(c[0].matches(":focus-within")).to.be.true}))})),it("content focusBehavior - invalid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e,showButton:!0}));const c=await q();await y.default.tab(),await a.waitFor((()=>{r.expect(c.matches(":focus")).to.be.true}))}))),it("memoization - update memoized children",(async()=>{const e=w(3),{queryByTestId:i}=a.render(t.jsx(l,{data:e})),c=i(e[0].id),s=i(e[1].id),n=i(e[2].id);r.expect(c?.innerHTML,"the 1st item initial count should be 0").eq("0"),r.expect(s?.innerHTML,"the 2nd item initial count should be 0").eq("0"),r.expect(n?.innerHTML,"the 3rd item initial count should be 0").eq("0");const d=i("mybutton");await y.default.click(d),r.expect(c?.innerHTML,"the 1st item new count should be 1").eq("1"),r.expect(s?.innerHTML,"the 2nd item new count should be 1").eq("1"),r.expect(n?.innerHTML,"the 3rd item new count should be 1").eq("1")})),it("reorder - fire Drag and Drop Event",(async()=>{const i=w(5),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - fire Drag and Drop Event when id is number and start at 0",(async()=>{const i=w(5,!0),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the first item to right using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[0];k(l),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[0];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the last item to left using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[s.length-1];k(l),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-2];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-3];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),"undefined"==typeof jest&&it("reorder - instruction text should exist when reorder is enabled",(async()=>{const{deviceType:i,platform:n}=s.getClientHints(),l="windows"===n?c.default.accControlKey():c.default.accCommandKey(),d="phone"===i||"tablet"===i?"":c.default.accReorderInstructions({keyPressed:l}),o=w(3),{rerender:u}=a.render(t.jsx(e,{data:o,isReorderEnabled:!0}));let p=a.screen.queryByText(d);r.expect(p).not.to.be.null,u(t.jsx(e,{data:o})),p=a.screen.queryByText(d),r.expect(p).to.be.null})),"undefined"==typeof jest&&it("scroll into view - when cardview regains focus",(async()=>{const i=w(10);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[9].id}}));const c=await q();await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(450)})),c.scrollTop=0,await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(0)})),c.focus(),await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(450)}))})),"undefined"==typeof jest&&it("load more on scroll - should fetch data once during keyboard navigation",(async()=>{const i=w(21);a.render(t.jsx(e,{data:i,fetchSize:7}));let c=await A("gridcell");const s=c[3];await y.default.click(s);const n=await q();r.expect(n.matches(":focus")).to.be.true,a.fireEvent.keyDown(n,{key:"ArrowDown"}),await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(14)}));try{await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(21)}))}catch(e){r.expect(e).not.null}}),6e3),it("click an item different than currentItem should not scroll the currentItem back into view",(async()=>{const i=w(20);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[2].id}}));const c=await q(),s=await A();await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(0)})),c.scrollTop=450,await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)})),await y.default.click(s[19]),await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)}))}))},e.testSelectionRender=({SelectionCardGrid:e})=>{it("multiple selection - multiple selected items can be preserved",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),k(c[1]),await a.waitFor((()=>{r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true")}))})),it("range selection - space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[0]),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - space and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),k(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("false"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),k(c[2],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click item",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+arrow items",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+arrow  ",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+arrow",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")}))})),it("range selection - from current item to shift+space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection - deselect selected item by shift+space",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),a.fireEvent.keyUp(c[1],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),a.fireEvent.keyUp(c[0],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("false"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+click and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),k(c[0],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+arrow and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[2]),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),r.expect(s[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[4],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true"),r.expect(s[4].getAttribute("aria-selected")).eq("true")}))}}));
-//# sourceMappingURL=BaseCardViewSelectionTest-0ec52156.js.map

package/amd/BaseCardViewSelectionTest-0ec52156.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCardViewSelectionTest-0ec52156.js","sources":["../../src/PRIVATE_BaseCardView/__tests__/testHelpers.tsx","../../src/PRIVATE_BaseCardView/__tests__/BaseCardViewTest.tsx","../../src/PRIVATE_BaseCardView/__tests__/BaseCardViewSelectionTest.tsx"],"sourcesContent":["import { fireEvent, screen } from '@testing-library/preact';\nimport { VNode } from 'preact';\nimport { Item, ListItemRendererContext, SelectionMode } from '../../UNSAFE_Collection';\nimport { ActionDetail } from '../../UNSAFE_BaseButton';\nimport { Avatar } from '../../UNSAFE_Avatar';\nimport { Button } from '../../UNSAFE_Button';\nimport { Text } from '../../UNSAFE_Text';\nimport { View } from '../../UNSAFE_View';\nimport { Flex } from '../../UNSAFE_Flex';\nimport { Center } from '../../UNSAFE_Center';\nimport { DragHandle } from '../../UNSAFE_DragHandle';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport { Employee } from '../__dev__/BaseCardViewData';\n\nexport type GenericCardGridProps<K extends string | number> = {\n  data: Employee[];\n  delay?: number;\n  isReorderEnabled?: boolean;\n  initialCurrentKey?: Item<K>;\n  fetchSize?: number;\n};\n\nexport type ActionCardGridProps<K extends string | number> = GenericCardGridProps<K> & {\n  handleAction?: (details: ActionDetail) => void;\n  showButton?: boolean; // for testing invalid focusBehavior\n};\n\nexport type SelectionCardGridProps<K extends string | number> = GenericCardGridProps<K> & {\n  selectionMode?: SelectionMode;\n  selectedKeys?: Set<Employee['id']>;\n};\n\nexport type TestComponentsProps<K extends string | number> = {\n  GenericCardGrid: (props: GenericCardGridProps<K>) => VNode;\n  ActionCardGrid: (props: ActionCardGridProps<K>) => VNode;\n  SelectionCardGrid: (props: SelectionCardGridProps<K>) => VNode;\n} & Record<string, (props: any) => VNode>;\n\nexport const CardContent = ({\n  context,\n  showButton,\n  isReorderEnabled\n}: {\n  context: ListItemRendererContext<Employee['id'], Employee>;\n  showButton?: boolean;\n  isReorderEnabled?: boolean;\n}) => {\n  const dragIcon = isReorderEnabled && (\n    <RootEnvironmentProvider environment={{ mode: 'test' }}>\n      <Center>\n        <DragHandle testId={`drag-icon-${context.metadata.key}`} />\n      </Center>\n    </RootEnvironmentProvider>\n  );\n  const buttons = showButton && (\n    <View paddingBlockStart={'1x'}>\n      <Flex direction=\"row\" wrap=\"wrap\" gap={'1x'} width={'100%'}>\n        <Button variant=\"outlined\" size=\"md\" label=\"A\" />\n        <Button variant=\"outlined\" size=\"md\" label=\"B\" />\n      </Flex>\n    </View>\n  );\n\n  return (\n    <View padding=\"6px\">\n      {dragIcon}\n      <View padding=\"10px\" paddingBlockEnd={0}>\n        <Avatar initials={context.data.initials} size=\"xl\" />\n        <View paddingBlockStart=\"2x\">\n          <Text variant=\"primary\" size=\"md\" lineClamp={1}>\n            {context.data.name}\n          </Text>\n          <Text variant=\"secondary\" size=\"md\" lineClamp={1}>\n            {context.data.title}\n          </Text>\n        </View>\n      </View>\n      <View padding=\"10px\" paddingBlockStart={0}>\n        {buttons}\n        {context.selector?.()}\n      </View>\n    </View>\n  );\n};\n\nexport const populateData = (count: number, isNumberKey?: boolean) =>\n  [...Array(count)].map(\n    (_, i) =>\n      ({\n        id: isNumberKey ? i : `${i}`,\n        name: `Employee ${i}`,\n        title: `Employee title ${i}`,\n        initials: `E${i}`\n      }) as Employee\n  );\n\nexport const getRoot = async () => {\n  return screen.findByRole('grid');\n};\n\nexport const getItems = async (role = 'row') => {\n  return screen.findAllByRole(role);\n};\n\nexport const getContents = async (role = 'gridcell') => {\n  return screen.findAllByRole(role);\n};\n\nexport const mouseItemSelection = (element: HTMLElement, options?: Record<string, unknown>) => {\n  fireEvent.click(element, options);\n};\n\nexport const fireDragAndDropEvent = (dragElement: HTMLElement, dropElement: HTMLElement) => {\n  fireEvent.dragStart(dragElement);\n  fireEvent.dragEnter(dropElement);\n  fireEvent.drop(dropElement);\n  fireEvent.dragEnd(dragElement);\n};\n\nexport const keyboardReorder = (\n  element: HTMLElement,\n  keyCode: 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown'\n) => {\n  fireEvent.keyDown(element, {\n    key: keyCode,\n    code: keyCode,\n    shiftKey: true,\n    metaKey: true\n  });\n};\n","import { render, waitFor, screen, fireEvent } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\n\nimport translations from '#resources/nls/en/bundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport {\n  getRoot,\n  getItems,\n  populateData,\n  TestComponentsProps,\n  mouseItemSelection,\n  fireDragAndDropEvent,\n  keyboardReorder\n} from './testHelpers';\n\nexport const testRender = ({\n  GenericCardGrid,\n  ActionCardGrid,\n  SelectionCardGrid,\n  ContentUpdatableCardGrid\n}: TestComponentsProps<string | number>) => {\n  it('initial render', async function () {\n    const data = populateData(100);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect(items.length).eq(25);\n  });\n\n  it('checking key type - string key', async () => {\n    const data = populateData(3);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect((items[0] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n    expect((items[1] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n    expect((items[2] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n  });\n\n  it('checking key type - numeric key', async () => {\n    const data = populateData(3, true);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect((items[0] as HTMLElement).dataset['ojKeyType']).eq('number');\n    expect((items[1] as HTMLElement).dataset['ojKeyType']).eq('number');\n    expect((items[2] as HTMLElement).dataset['ojKeyType']).eq('number');\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is none', async () => {\n    const data = populateData(2);\n    render(<SelectionCardGrid data={data}></SelectionCardGrid>);\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq(null);\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq(null);\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq(null);\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is single', async () => {\n    const data = populateData(2);\n    render(\n      <SelectionCardGrid\n        data={data}\n        selectionMode={'single'}\n        selectedKeys={new Set(['1'])}></SelectionCardGrid>\n    );\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq('false');\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq('false');\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq('true');\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is multiple', async () => {\n    const data = populateData(3);\n    render(\n      <SelectionCardGrid\n        data={data}\n        selectionMode={'multiple'}\n        selectedKeys={new Set(['1', '2'])}></SelectionCardGrid>\n    );\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq('true');\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq('false');\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq('true');\n    expect((items[2] as HTMLElement).getAttribute('aria-selected')).eq('true');\n  });\n\n  // skip this test in jest, only run it in karma mocha\n  if (typeof jest === typeof undefined) {\n    // because jest doesn't show grid layout, the number of focusable elements is not calculated correctly\n    it('content focusBehavior - valid case', async () => {\n      const data = populateData(3);\n      render(<ActionCardGrid data={data}></ActionCardGrid>);\n      const items = await getItems('gridcell');\n\n      await userEvent.tab();\n\n      await waitFor(() => {\n        expect(items[0].matches(':focus-within')).to.be.true;\n      });\n    });\n\n    it('content focusBehavior - invalid case', async () => {\n      const data = populateData(3);\n      render(<ActionCardGrid data={data} showButton={true}></ActionCardGrid>);\n      const grid = await getRoot();\n\n      await userEvent.tab();\n      await waitFor(() => {\n        expect(grid.matches(':focus')).to.be.true;\n      });\n    });\n  }\n\n  // JET-61732\n  it('memoization - update memoized children', async () => {\n    const data = populateData(3);\n    const { queryByTestId } = render(\n      <ContentUpdatableCardGrid data={data}></ContentUpdatableCardGrid>\n    );\n\n    const elem0 = queryByTestId(data[0].id) as HTMLElement;\n    const elem1 = queryByTestId(data[1].id) as HTMLElement;\n    const elem2 = queryByTestId(data[2].id) as HTMLElement;\n    expect(elem0?.innerHTML, 'the 1st item initial count should be 0').eq('0');\n    expect(elem1?.innerHTML, 'the 2nd item initial count should be 0').eq('0');\n    expect(elem2?.innerHTML, 'the 3rd item initial count should be 0').eq('0');\n\n    const button = queryByTestId('mybutton') as HTMLElement;\n    await userEvent.click(button);\n\n    expect(elem0?.innerHTML, 'the 1st item new count should be 1').eq('1');\n    expect(elem1?.innerHTML, 'the 2nd item new count should be 1').eq('1');\n    expect(elem2?.innerHTML, 'the 3rd item new count should be 1').eq('1');\n  });\n\n  it('reorder - fire Drag and Drop Event', async () => {\n    const data = populateData(5);\n    const { queryByTestId } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItemDragIcon = queryByTestId('drag-icon-0') as HTMLElement;\n    const thirdItemDragIcon = queryByTestId('drag-icon-2') as HTMLElement;\n    const firstItem = items[0];\n\n    // drag the first item and drop on the third item\n    fireDragAndDropEvent(firstItemDragIcon, thirdItemDragIcon);\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const updatedThirdItem = items[2];\n      expect(firstItem).equals(updatedThirdItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - fire Drag and Drop Event when id is number and start at 0', async () => {\n    const data = populateData(5, true);\n    const { queryByTestId } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItemDragIcon = queryByTestId('drag-icon-0') as HTMLElement;\n    const thirdItemDragIcon = queryByTestId('drag-icon-2') as HTMLElement;\n    const firstItem = items[0];\n\n    // drag the first item and drop on the third item\n    fireDragAndDropEvent(firstItemDragIcon, thirdItemDragIcon);\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const updatedThirdItem = items[2];\n      expect(firstItem).equals(updatedThirdItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - reorder the first item to right using keyboard', async () => {\n    const data = populateData(5);\n    render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    const grid = await getRoot();\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItem = items[0];\n\n    // reorder the first item to left\n    mouseItemSelection(firstItem);\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[0];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // reorder the first item to right\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[1];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // continuous reorder the first item to right\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[2];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - reorder the last item to left using keyboard', async () => {\n    const data = populateData(5);\n    render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    const grid = await getRoot();\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const lastItem = items[items.length - 1];\n\n    // reorder the last item to right\n    mouseItemSelection(lastItem);\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 1];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // reorder the last item to left\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 2];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // continuous reorder the last item to left\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 3];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  if (typeof jest == typeof undefined) {\n    it('reorder - instruction text should exist when reorder is enabled', async () => {\n      // get instruction text\n      const { deviceType, platform } = getClientHints();\n      const keyPressed =\n        platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n      const reorderInstructions =\n        deviceType === 'phone' || deviceType === 'tablet'\n          ? ''\n          : translations.accReorderInstructions({\n              keyPressed: keyPressed\n            });\n\n      // instruction text should exist when reorder is enabled\n      const data = populateData(3);\n      const { rerender } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n      let instructionText = screen.queryByText(reorderInstructions);\n      expect(instructionText).not.to.be.null;\n\n      // instruction text should not exist when reorder is disabled\n      rerender(<GenericCardGrid data={data} />);\n      instructionText = screen.queryByText(reorderInstructions);\n      expect(instructionText).to.be.null;\n    });\n  }\n\n  // test in karma mocha only since it involves scrolling\n  if (typeof jest === typeof undefined) {\n    it('scroll into view - when cardview regains focus', async () => {\n      const data = populateData(10);\n      render(<GenericCardGrid data={data} initialCurrentKey={{ rowKey: data[9].id }} />);\n\n      // the initial current item is Employee 9, so the scrollTop is high\n      const grid = await getRoot();\n      await waitFor(() => {\n        expect(grid.scrollTop).to.greaterThanOrEqual(450);\n      });\n\n      // scroll cardview up until scrollTop is 0\n      grid.scrollTop = 0;\n      await waitFor(() => {\n        expect(grid.scrollTop).to.eq(0);\n      });\n\n      // tab into cardview, should scroll Employee 9 into view\n      grid.focus();\n      await waitFor(() => {\n        expect(grid.scrollTop).to.greaterThanOrEqual(450);\n      });\n    });\n  }\n\n  // test in karma mocha only since it involves rerender\n  if (typeof jest === typeof undefined) {\n    it('load more on scroll - should fetch data once during keyboard navigation', async () => {\n      const data = populateData(21);\n      render(<GenericCardGrid data={data} fetchSize={7} />);\n\n      let items = await getItems('gridcell');\n      const thirdItem = items[3];\n      await userEvent.click(thirdItem);\n\n      const grid = await getRoot();\n      expect(grid.matches(':focus')).to.be.true;\n      fireEvent.keyDown(grid, { key: 'ArrowDown' });\n\n      await waitFor(async () => {\n        items = await getItems('gridcell');\n        expect(items.length).to.eq(14);\n      });\n\n      // load more should only happen once\n      try {\n        await waitFor(async () => {\n          items = await getItems('gridcell');\n          expect(items.length).to.eq(21);\n        });\n      } catch (e) {\n        expect(e).not.null;\n      }\n    }, 6000);\n  }\n\n  // JET-71257\n  it('click an item different than currentItem should not scroll the currentItem back into view', async () => {\n    const data = populateData(20);\n\n    // the initial current item is Employee 2\n    render(<GenericCardGrid data={data} initialCurrentKey={{ rowKey: data[2].id }} />);\n\n    const grid = await getRoot();\n    const items = await getItems();\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(0);\n    });\n\n    // scroll cardview down to the bottom\n    grid.scrollTop = 450;\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(450);\n    });\n\n    // click an item different than currentItem\n    await userEvent.click(items[19]);\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(450);\n    });\n  });\n};\n","import { render, waitFor, fireEvent } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\nimport {\n  getRoot,\n  populateData,\n  TestComponentsProps,\n  getContents,\n  mouseItemSelection\n} from './testHelpers';\n\nexport const testSelectionRender = ({\n  SelectionCardGrid\n}: TestComponentsProps<string | number>) => {\n  it('multiple selection - multiple selected items can be preserved', async () => {\n    const data = populateData(3);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n\n    mouseItemSelection(items[0]);\n    mouseItemSelection(items[1]);\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('true');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n    });\n  });\n\n  it('range selection - space and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // press space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ' });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow right to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - click and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // click to select the 1st item\n    mouseItemSelection(items[0]);\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow right to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - space and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // press space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ' });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 3rd item\n    mouseItemSelection(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - click and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n\n    // click to select the 1st item\n    mouseItemSelection(items[0]);\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 3rd item\n    mouseItemSelection(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+click item', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 3rd item\n    fireEvent.click(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+arrow items', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+click and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 4th item\n    fireEvent.click(items[3], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+click and then shift+arrow  ', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + arrow to the 4th item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+click and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the 4th item\n    fireEvent.keyUp(items[3], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.click(items[0]);\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 4th item\n    fireEvent.click(items[3], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+arrow', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow to the 3rd item, then shift + arrow to the 4th item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.click(items[0]);\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('true');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n      expect(items[2].getAttribute('aria-selected')).eq('false');\n      expect(items[3].getAttribute('aria-selected')).eq('false');\n    });\n\n    // shift + space the 4th item\n    fireEvent.keyUp(items[3], { key: ' ', shiftKey: true });\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('false');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n      expect(items[2].getAttribute('aria-selected')).eq('true');\n      expect(items[3].getAttribute('aria-selected')).eq('true');\n    });\n  });\n\n  it('range selection - from current item to shift+space and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow down to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowDown' });\n    fireEvent.keyDown(grid, { key: 'ArrowDown' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - shift+space and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[0]);\n\n    // shift + space to select the 2nd item\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - deselect selected item by shift+space', async () => {\n    const data = populateData(3);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[0]);\n\n    // shift + space to select the 2nd item\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n\n    fireEvent.keyUp(items[1], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+space and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+click and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + click to select the 1st item\n    mouseItemSelection(items[0], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+arrow and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + arrow to select the 1st item\n    fireEvent.keyDown(grid, { key: 'ArrowLeft', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowLeft', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n};\n"],"names":["populateData","count","isNumberKey","Array","map","_","i","id","name","title","initials","getRoot","async","screen","findByRole","getItems","role","findAllByRole","getContents","mouseItemSelection","element","options","fireEvent","click","fireDragAndDropEvent","dragElement","dropElement","dragStart","dragEnter","drop","dragEnd","keyboardReorder","keyCode","keyDown","key","code","shiftKey","metaKey","context","showButton","isReorderEnabled","dragIcon","_jsx","jsx","RootEnvironmentProvider","environment","mode","children","Center","DragHandle","testId","metadata","buttons","View","paddingBlockStart","_jsxs","Flex","direction","wrap","gap","width","Button","variant","size","label","padding","jsxs","paddingBlockEnd","Avatar","data","Text","lineClamp","selector","GenericCardGrid","ActionCardGrid","SelectionCardGrid","ContentUpdatableCardGrid","it","render","items","expect","length","eq","undefined","dataset","grid","getAttribute","selectionMode","selectedKeys","Set","jest","userEvent","tab","waitFor","matches","to","be","true","queryByTestId","elem0","elem1","elem2","innerHTML","button","firstItemDragIcon","thirdItemDragIcon","firstItem","updatedThirdItem","equals","equal","reorderedItem","lastItem","deviceType","platform","getClientHints","keyPressed","translations","accControlKey","accCommandKey","reorderInstructions","accReorderInstructions","rerender","instructionText","queryByText","not","null","initialCurrentKey","rowKey","scrollTop","greaterThanOrEqual","focus","fetchSize","thirdItem","e","keyUp"],"mappings":"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"}

package/amd/BaseNavigationListItem-5765a81f.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-cd61a065', './useNavigationListItem-17b77626', './Flex-56ecdf4c', './useComponentTheme-5aa41a8f', './classNames-08d99695', './WarningS-3ecba583', './ErrorS-d2efaf06', './InformationS-2f6b535d', './SuccessS-c5d520d2', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './Badge-b28ef084'], (function(e,s,a,n,t,i,r,o,c,l,d,m,u,g){"use strict";e.BaseNavigationListItem=function({itemKey:e,label:h,badge:x,metadata:f,severity:v="none",removeIcon:S}){const j=a.useRef(null),{itemId:p,itemHandlers:I,itemClasses:N,isSelected:b,labelContainerClasses:C,labelContainerStyle:y}=t.useNavigationListItem({itemKey:e}),T=!("none"===v||void 0===v),{styles:{iconLabelContainer:L,iconContainer:w,navigationItemMetadata:R}}=r.useComponentTheme(u.NavigationListItemRedwoodTheme),B=o.classNames([R]),E=o.classNames([L,w]),{styles:{navigationlistRemoveIcon:F}}=r.useComponentTheme(u.NavigationListItemRedwoodTheme),k=o.classNames([F]);return s.jsxs("li",{role:"tab",...I,"data-oj-key":e,id:p,class:N,"aria-selected":b,ref:j,children:[h&&s.jsx("span",{class:C,style:y,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:h})}),(f||T||x||S)&&s.jsxs(i.Flex,{gap:"2x",align:"center",justify:"end",flex:"1 1 auto",children:[" ",x&&s.jsx("span",{class:E,children:s.jsx(g.Badge,{size:"md",variant:"neutralSubtle",children:x})}),f&&s.jsx("span",{class:B,children:s.jsx(n.Text,{children:"( "+f+" )"})}),T&&s.jsx("span",{class:E,children:(e=>{switch(e){case"error":return s.jsx(l.SvgErrorS,{color:"danger"});case"warning":return s.jsx(c.SvgWarningS,{color:"warning"});case"info":return s.jsx(d.SvgInformationS,{color:"info"});case"confirmation":return s.jsx(m.SvgSuccessS,{color:"success"});default:return null}})(v)}),S&&s.jsx("span",{class:k,children:S})]})]})}}));
-//# sourceMappingURL=BaseNavigationListItem-5765a81f.js.map

package/amd/BaseNavigationListItem-5765a81f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseNavigationListItem-5765a81f.js","sources":["../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.tsx"],"sourcesContent":["import { useRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { ComponentChildren } from 'preact';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\n\nexport type BaseNavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem.\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem.\n   */\n  label?: string;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label.\n   */\n  severity?: Severity;\n  /**\n   * The content to be rendered for remove icon\n   */\n  removeIcon?: ComponentChildren;\n};\n\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function BaseNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity = 'none',\n  removeIcon\n}: BaseNavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    itemId,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle\n  } = useNavigationListItem({\n    itemKey\n  });\n\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        return <ErrorS color=\"danger\" />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const {\n    styles: { iconLabelContainer, iconContainer, navigationItemMetadata }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const navigationItemMatadata = classNames([navigationItemMetadata]);\n\n  const endIconContainerClasses = classNames([iconLabelContainer, iconContainer]);\n  const {\n    styles: { navigationlistRemoveIcon }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const removeClass = classNames([navigationlistRemoveIcon]);\n\n  return (\n    <li\n      role=\"tab\"\n      {...itemHandlers}\n      data-oj-key={itemKey}\n      id={itemId}\n      class={itemClasses}\n      aria-selected={isSelected}\n      ref={itemRef}>\n      {label && (\n        <span class={labelContainerClasses} style={labelContainerStyle}>\n          <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n            {label}\n          </Text>\n        </span>\n      )}\n      {(metadata || severityRequirement || badge || removeIcon) && (\n        <Flex gap=\"2x\" align=\"center\" justify=\"end\" flex=\"1 1 auto\">\n          {' '}\n          {badge && (\n            <span class={endIconContainerClasses}>\n              <Badge size=\"md\" variant=\"neutralSubtle\">\n                {badge}\n              </Badge>\n            </span>\n          )}\n          {metadata && (\n            <span class={navigationItemMatadata}>\n              <Text>{'( ' + metadata + ' )'}</Text>\n            </span>\n          )}\n          {severityRequirement && (\n            <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n          )}\n          {removeIcon && <span class={removeClass}>{removeIcon}</span>}\n        </Flex>\n      )}\n    </li>\n  );\n}\n"],"names":["itemKey","label","badge","metadata","severity","removeIcon","itemRef","useRef","itemId","itemHandlers","itemClasses","isSelected","labelContainerClasses","labelContainerStyle","useNavigationListItem","severityRequirement","undefined","styles","iconLabelContainer","iconContainer","navigationItemMetadata","useComponentTheme","NavigationListItemRedwoodTheme","navigationItemMatadata","classNames","endIconContainerClasses","navigationlistRemoveIcon","removeClass","_jsxs","jsxs","role","id","class","ref","children","_jsx","jsx","style","Text","size","weight","variant","Flex","gap","align","justify","flex","Badge","severityValue","ErrorS","SvgErrorS","color","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","IconComponent"],"mappings":"gcAkDkEA,QAChEA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,EAAW,OAAMC,WACjBA,IAEA,MAAMC,EAAUC,SAA6B,OAGvCC,OACJA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,WACXA,EAAUC,sBACVA,EAAqBC,oBACrBA,GACEC,wBAAsB,CACxBd,YAGIe,IAAqC,SAAbX,QAAoCY,IAAbZ,IAkBnDa,QAAQC,mBAAEA,EAAkBC,cAAEA,EAAaC,uBAAEA,IAC3CC,oBACFC,EAAAA,gCAGIC,EAAyBC,EAAAA,WAAW,CAACJ,IAErCK,EAA0BD,EAAUA,WAAC,CAACN,EAAoBC,KAE9DF,QAAQS,yBAAEA,IACRL,EAAAA,kBACFC,EAAAA,gCAGIK,EAAcH,EAAAA,WAAW,CAACE,IAEhC,OACEE,EACEC,KAAA,KAAA,CAAAC,KAAK,SACDrB,EAAY,cACHT,EACb+B,GAAIvB,EACJwB,MAAOtB,EAAW,gBACHC,EACfsB,IAAK3B,EACJ4B,SAAA,CAAAjC,GACCkC,EAAAC,IAAA,OAAA,CAAMJ,MAAOpB,EAAuByB,MAAOxB,EAAmBqB,SAC5DC,MAACG,OAAI,CAACC,KAAK,UAAUC,OAAO,UAAUC,QAAQ,UAASP,SACpDjC,OAILE,GAAYY,GAAuBb,GAASG,IAC5CuB,EAACC,KAAAa,OAAK,CAAAC,IAAI,KAAKC,MAAM,SAASC,QAAQ,MAAMC,KAAK,WAC9CZ,SAAA,CAAA,IACAhC,GACCiC,EAAAA,IAAA,OAAA,CAAMH,MAAOP,EACXS,SAAAC,EAAAC,IAACW,EAAKA,MAAC,CAAAR,KAAK,KAAKE,QAAQ,gBAAeP,SACrChC,MAINC,GACCgC,EAAAA,YAAMH,MAAOT,EACXW,SAAAC,EAAAA,IAACG,EAAAA,KAAI,CAAAJ,SAAE,KAAO/B,EAAW,SAG5BY,GACCoB,EAAAA,IAAA,OAAA,CAAMH,MAAOP,EAA0BS,SAhE3B,CAACc,IACrB,OAAQA,GACN,IAAK,QACH,OAAOb,MAACc,EAAMC,UAAA,CAACC,MAAM,WACvB,IAAK,UACH,OAAOhB,MAACiB,EAAQC,YAAA,CAACF,MAAM,YACzB,IAAK,OACH,OAAOhB,MAACmB,EAAYC,gBAAA,CAACJ,MAAM,SAC7B,IAAK,eACH,OAAOhB,MAACqB,EAAQC,YAAA,CAACN,MAAM,YACzB,QACE,OAAO,KACV,EAoD8CO,CAActD,KAEtDC,GAAc8B,EAAAA,IAAM,OAAA,CAAAH,MAAOL,WAActB,SAKpD"}

package/amd/BaseRichSelection-9d8f3ee4.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFormFieldContextProps-4e36b4c3', './useCollectionFocusRing-66a6fc12', './useTranslationBundle-516b1b83', './Label-3912beb2', './InlineHelp-a169f974', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTestId-3a316499', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-d51bf3f4', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-681da2d3', './CheckboxRadioContext-6a0fead0', './LabelValueLayout-194e64d9', './LayoutStyles.css-c8bc984d', './Grid-160f4885', './refUtils-d354a169', './useContainerBreakpoints-53f7e391', './RichSelectionContext-aaaa548c', './View-ce970ed7', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,n,r,i,l,d,c,u,p,m,x,h,b,y,g,S,f,A,C,F,U,T,w,R,v,I,E,B,V,j,L,M,k,D,P,_,N,H,q,$,G,z,O,J,K,Q,W,X,Y,Z,ee,se){"use strict";const te=["xl","lg","md","sm","xs"],ae={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},oe={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},ne=(e,s)=>{for(const t of te)if(e[t])return ae[t][s];return ae.xs[s]},re=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:n,columnSpan:r=1,hasValue:i,helpSourceLink:p,helpSourceText:m,isDisabled:x,isReadonly:h,isRequired:b,label:g,labelEdge:S,messages:f,parentComponentVariant:A,role:C,testId:U,userAssistanceDensity:T},w=null)=>{const R=F.useTestId(U),v=`${U}-inline-user-assistance`,I=U?`${v}-top`:void 0,E=U?`${v}-bottom`:void 0,B=!(x||h||!a&&(!p||!m)),V=!x&&!h,j=t.useRef(null),{groupProps:L,labelProps:k,topUserAssistanceProps:D,bottomUserAssistanceProps:P,readonlyId:_}=O.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:b,isReadonly:h,isDisabled:x,label:g,labelEdge:S,messages:f,hasValue:i,hasTopUserAssistance:B,hasBottomUserAssistance:V,parentComponentVariant:A}),N=d.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(w,(()=>({focus:()=>{if(!x){const e=j.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{j.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[H,q]=l.useCollectionFocusRing(j,"radioSet"===A?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:$,ref:G}=(()=>{const e=Z.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Y.useContainerBreakpoints(oe);return{ref:t,gridTemplateColumns:null!==e?`repeat(${ne(s,e.layout)}, 1fr)`:""}})(),z=s.jsxs(s.Fragment,{children:[B&&s.jsx("div",{id:`${o}-top-ua-container`,class:O.topUAContainerStyles.start,children:s.jsx(y.InlineUserAssistanceContainer,{...D,testId:I,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:p,sourceText:m})})}),s.jsx(ee.View,{padding:["2x",0],width:"100%",children:s.jsx(W.Grid,{gridTemplateColumns:$,gap:"6x",role:"list",children:s.jsx(J.CheckboxRadioContext.Provider,{value:{isFocusRingShown:H},children:n})})}),V?s.jsx(y.InlineUserAssistance,{...P,requiredAlignment:"start",messages:f,userAssistanceDensity:"reflow"===T?"reflow":"efficient",testId:E}):"reflow"===T?void 0:s.jsx(y.InlineUserAssistance,{id:P?.id,userAssistanceDensity:"efficient",testId:E})]}),se=Q.layoutSpanStyles.layoutSpanColumn[r];return s.jsxs("div",{ref:X.mergeRefs(j,G),class:se,role:C,...L,...q,...R,children:["none"===S?z:s.jsx(K.LabelValueLayout,{parentComponentVariant:A,hasTopUserAssistance:B,label:s.jsx(c.Label,{...k,variant:S,userAssistanceDensity:"efficient",parentComponentVariant:A,children:g}),labelEdge:S,children:z}),h&&s.jsx(M.HiddenAccessible,{id:_,isHidden:!0,children:N})]})})),ie=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:r,columnSpan:l,helpSourceLink:d,helpSourceText:c,isDisabled:u,isReadonly:p,isRequired:m,label:x,labelEdge:h,layout:b,messages:y,selection:g,testId:S,userAssistanceDensity:f,value:A},C=null)=>{const F=null!=A&&("single"===g||A.size>0),{isDisabled:U,isReadonly:T,labelEdge:w,userAssistanceDensity:R}=o.useFormContext(),v=u??U,I=p??T,E=h??w,B=f??R,V=i.useFormFieldContextProps({hasValue:F,isDisabled:v,isReadonly:I}),j="error"===se.useMessageSeverity(y)?"error":void 0;return s.jsx(n.FormFieldContext.Provider,{value:V,children:s.jsx(Z.RichSelectionContext.Provider,{value:{selection:g,layout:b,messageSeverity:j},children:s.jsx(re,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:l,hasValue:F,helpSourceLink:d,helpSourceText:c,isDisabled:v,isReadonly:I,isRequired:m,label:x,labelEdge:"start"===E?"top":E,messages:y,parentComponentVariant:"single"===g?"radioSet":"checkboxSet",ref:C,role:"single"===g?"radiogroup":"group",testId:S,userAssistanceDensity:B,children:r})})})}));e.BaseRichSelection=ie}));
-//# sourceMappingURL=BaseRichSelection-9d8f3ee4.js.map

package/amd/BaseRichSelection-9d8f3ee4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseRichSelection-9d8f3ee4.js","sources":["../../src/PRIVATE_RichSelectionCommon/useRichSelectionGrid.ts","../../src/PRIVATE_RichSelectionCommon/RichSelectionField.tsx","../../src/PRIVATE_RichSelectionCommon/BaseRichSelection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Ref } from 'preact';\nimport { useContainerBreakpoints } from '#hooks/UNSAFE_useContainerBreakpoints';\nimport {\n  useRichSelectionContext,\n  type RichSelectionContextValue\n} from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\n\nconst sizes = ['xl', 'lg', 'md', 'sm', 'xs'] as const;\n\nconst columnMatrix = {\n  xl: { xl: 6, md: 4, sm: 4 },\n  lg: { xl: 4, md: 3, sm: 3 },\n  md: { xl: 3, md: 2, sm: 2 },\n  sm: { xl: 2, md: 2, sm: 2 },\n  xs: { xl: 1, md: 1, sm: 1 }\n} as const;\n\nconst breakpointSizes = {\n  xs: '0px',\n  sm: '600px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1440px'\n} as const;\n\nconst breakpointColumns = (\n  breakpoints: Record<(typeof sizes)[number], boolean>,\n  layout: RichSelectionContextValue['layout']\n) => {\n  // incrementally go from largest to smallest breakpoint\n  for (const size of sizes) {\n    if (breakpoints[size]) {\n      return columnMatrix[size][layout];\n    }\n  }\n  // defaults to xs columns if no breakpoints are true\n  return columnMatrix['xs'][layout];\n};\n/**\n * Hook to be used with rich selection items that are in a grid layout within RichSelectionField\n * @returns An object containing a ref to be placed on the container and a string\n * with the calculated grid template columns to be placed on the Grid component\n */\nconst useRichSelectionGrid = () => {\n  const context = useRichSelectionContext()!;\n  const { breakpointMatches, ref } = useContainerBreakpoints(breakpointSizes);\n\n  return {\n    ref: ref as Ref<HTMLDivElement>,\n    gridTemplateColumns:\n      context !== null ? `repeat(${breakpointColumns(breakpointMatches, context.layout)}, 1fr)` : ''\n  };\n};\n\nexport { useRichSelectionGrid };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  type UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { topUAContainerStyles } from '#PRIVATE_CheckboxRadioField/CheckboxRadioFieldStyles.css';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { useCheckboxRadioField } from '#PRIVATE_CheckboxRadioField/useCheckboxRadioField';\nimport { LabelValueLayout } from '#UNSAFE_LabelValueLayout';\nimport { layoutSpanStyles, type LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { useRichSelectionGrid } from './useRichSelectionGrid';\nimport { View } from '#UNSAFE_View';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype AriaProps = Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\ntype Props = TestIdProps &\n  AriaProps & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * baseId, used to generate other element IDs.\n     */\n    baseId: string;\n    /**\n     * <RichSelectionItems />\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Value of the option.\n     */\n    hasValue?: boolean;\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n    /**\n     * Specifies if the set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field. Maps to \"top\" in forms using \"start\".\n     */\n    labelEdge?: 'none' | 'top' | 'inside';\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n    /**\n     * Specifies the parent field type.\n     */\n    parentComponentVariant: 'radioSet' | 'checkboxSet';\n    /**\n     * Specifies the ARIA role type.\n     */\n    role?: 'radiogroup' | 'group';\n    /**\n     * Specifies the density of the user assistance presentation.  It can be set to:\n     * <ul>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n  };\n\n/**\n * Internal component use by rich selection components to manage focus and layout labels and messages\n */\nexport const RichSelectionField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      messages,\n      parentComponentVariant,\n      role,\n      testId,\n      userAssistanceDensity\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const testIdProps = useTestId(testId);\n    const UAtestId = `${testId}-inline-user-assistance`;\n    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;\n    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;\n    const hasTopUserAssistance =\n      !isDisabled && !isReadonly && (!!assistiveText || (!!helpSourceLink && !!helpSourceText));\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled or readonly fields\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const {\n      groupProps,\n      labelProps,\n      topUserAssistanceProps,\n      bottomUserAssistanceProps,\n      readonlyId\n    } = useCheckboxRadioField({\n      ariaDescribedBy,\n      baseId,\n      isRequired,\n      isReadonly,\n      isDisabled,\n      label,\n      labelEdge,\n      messages,\n      hasValue,\n      hasTopUserAssistance,\n      hasBottomUserAssistance,\n      parentComponentVariant\n    });\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const readonlyLabel = translations.formControl_readOnly();\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation\n    // while checkboxset uses tabbing\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      groupRef,\n      parentComponentVariant === 'radioSet'\n        ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n        : ['Tab']\n    );\n\n    const { gridTemplateColumns, ref: breakpointRef } = useRichSelectionGrid();\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div id={`${baseId}-top-ua-container`} class={topUAContainerStyles.start}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <View padding={['2x', 0]} width=\"100%\">\n          <Grid gridTemplateColumns={gridTemplateColumns} gap=\"6x\" role=\"list\">\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {children}\n            </CheckboxRadioContext.Provider>\n          </Grid>\n        </View>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestIdBottom}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n          <InlineUserAssistance\n            id={bottomUserAssistanceProps?.id}\n            userAssistanceDensity=\"efficient\"\n            testId={UAtestIdBottom}\n          />\n        )}\n      </>\n    );\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <div\n        ref={mergeRefs(groupRef, breakpointRef)}\n        class={classes}\n        role={role}\n        {...groupProps}\n        {...focusRingProps}\n        {...testIdProps}>\n        {labelEdge === 'none' ? (\n          content\n        ) : (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge}>\n            {content}\n          </LabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\n    );\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { RichSelectionField } from './RichSelectionField';\nimport { RichSelectionContext, type RichSelectionContextValue } from './RichSelectionContext';\nimport { useMessageSeverity } from '#hooks/PRIVATE_useMessageSeverity';\n\ntype RichSelectionFieldProps = ComponentProps<typeof RichSelectionField>;\n\ntype Props = TestIdProps &\n  Pick<\n    RichSelectionFieldProps,\n    | 'aria-describedby'\n    | 'assistiveText'\n    | 'baseId'\n    | 'children'\n    | 'columnSpan'\n    | 'helpSourceLink'\n    | 'helpSourceText'\n    | 'isDisabled'\n    | 'isReadonly'\n    | 'isRequired'\n    | 'label'\n    | 'messages'\n    | 'userAssistanceDensity'\n  > & {\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside';\n    /**\n     * Specifies the layout of the cards and media\n     */\n    layout: RichSelectionContextValue['layout'];\n  } & (\n    | {\n        selection: 'single';\n        value?: string | number;\n      }\n    | {\n        selection: 'multiple';\n        value?: Set<string | number>;\n      }\n  );\n\n/**\n * Internal component used by Rich Selection components to provide context and wrap RichSelectionField\n */\nexport const BaseRichSelection = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired,\n      label,\n      labelEdge: propLabelEdge,\n      layout,\n      messages,\n      selection,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasValue = value != null && (selection === 'single' || value.size > 0);\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    // rich selection only need to be aware of error severity\n    const messageSeverity = useMessageSeverity(messages) === 'error' ? 'error' : undefined;\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <RichSelectionContext.Provider\n          value={{\n            selection,\n            layout,\n            messageSeverity\n          }}>\n          <RichSelectionField\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            baseId={baseId}\n            columnSpan={columnSpan}\n            hasValue={hasValue}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            label={label}\n            // start is not supported by Rich Selection and will default to \"top\" if the form is using \"start\"\n            labelEdge={labelEdge === 'start' ? 'top' : labelEdge}\n            messages={messages}\n            parentComponentVariant={selection === 'single' ? 'radioSet' : 'checkboxSet'}\n            ref={ref}\n            role={selection === 'single' ? 'radiogroup' : 'group'}\n            testId={testId}\n            userAssistanceDensity={userAssistanceDensity}>\n            {children}\n          </RichSelectionField>\n        </RichSelectionContext.Provider>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["sizes","columnMatrix","xl","md","sm","lg","xs","breakpointSizes","breakpointColumns","breakpoints","layout","size","RichSelectionField","forwardRef","ariaDescribedBy","assistiveText","baseId","children","columnSpan","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","messages","parentComponentVariant","role","testId","userAssistanceDensity","ref","testIdProps","useTestId","UAtestId","UAtestIdTop","undefined","UAtestIdBottom","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","readonlyId","useCheckboxRadioField","readonlyLabel","useTranslationBundle","formControl_readOnly","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","gridTemplateColumns","breakpointRef","context","useRichSelectionContext","breakpointMatches","useContainerBreakpoints","useRichSelectionGrid","content","_jsxs","_Fragment","_jsx","id","class","topUAContainerStyles","start","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","jsx","View","padding","width","Grid","gap","CheckboxRadioContext","Provider","value","InlineUserAssistance","requiredAlignment","classes","layoutSpanStyles","layoutSpanColumn","mergeRefs","LabelValueLayout","Label","variant","HiddenAccessible","isHidden","BaseRichSelection","propIsDisabled","propIsReadonly","propLabelEdge","selection","propUserAssistanceDensity","isFormDisabled","isFormReadonly","formLabelEdge","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","messageSeverity","useMessageSeverity","FormFieldContext","RichSelectionContext"],"mappings":"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"}

package/amd/Button-3dc2a041.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './BaseButton-19a622bc', './ButtonLabelLayout-2e0e8d09', 'preact/compat'], (function(e,t,o,n,a){"use strict";const s=a.forwardRef((({variant:e="outlined",isDisabled:a=!1,isRepeat:s=!1,size:i="md",display:u="all",type:r="button",endIcon:d,startIcon:c,autofocus:l,edge:b,testId:p,onAction:y,label:B="","aria-label":f,"aria-describedby":h,width:m,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E},M)=>{const g=!c&&!d||"label"===u,j={type:"button",buttonType:r},w=g?B:t.jsx(n.ButtonLabelLayout,{display:u,startIcon:c,endIcon:d,size:i,children:B});return t.jsx(o.BaseButton,{ref:M,elementDetails:j,isDisabled:a,isRepeat:s,size:i,width:m,autofocus:l,edge:b,variant:e,styling:[g?"default":"min"],onAction:y,"aria-label":f??B,"aria-describedby":h,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E,testId:p,children:w})}));s.displayName="Button",e.Button=s}));
-//# sourceMappingURL=Button-3dc2a041.js.map

package/amd/Button-3dc2a041.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-3dc2a041.js","sources":["../../src/UNSAFE_Button/Button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n    );\n\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        testId={testId}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","variant","isDisabled","isRepeat","size","display","type","buttonType","endIcon","startIcon","autofocus","edge","testId","onAction","label","accessibleLabel","ariaDescribedBy","width","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","labelOnly","elementDetails","content","_jsx","jsx","ButtonLabelLayout","children","BaseButton","styling","displayName"],"mappings":"iJAiHO,MAAMA,EAASC,EAAUA,YAC9B,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,UAAU,MACVC,KAAMC,EAAa,SACnBC,UACAC,YACAC,YACAC,OACAC,SACAC,WACAC,QAAQ,GACR,aAAcC,EACd,mBAAoBC,EACpBC,QACAC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,GAAchB,IAAcD,GAAwB,UAAZH,EACxCqB,EAAiB,CACrBpB,KAAM,SACNC,WAAYA,GAERoB,EAAUF,IAGdG,EAAAC,IAACC,oBAAkB,CAAAzB,QAASA,EAASI,UAAWA,EAAWD,QAASA,EAASJ,KAAMA,EAAI2B,SACpFjB,IAIL,OACEc,MAACI,EAAAA,WAAU,CACTR,IAAKA,EACLE,eAAgBA,EAChBxB,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNa,MAAOA,EACPP,UAAWA,EACXC,KAAMA,EACNV,QAASA,EACTgC,QAAS,CAACR,EAAY,UAAY,OAClCZ,SAAUA,EACE,aAAAE,GAAmBD,EAAK,mBAClBE,EAClBE,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdC,WAAYA,EACZC,aAAcA,EACdX,OAAQA,EACPmB,SAAAJ,GAEH,IAIN5B,EAAOmC,YAAc"}

package/amd/ButtonSetButton-526d9712.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './BaseButton-19a622bc', './mergeProps-bcfa6a92', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-330c8f8b', './toggleButtonUtils-c8f12580', './buttonUtils-97878e90'], (function(t,e,o,s,a,n,l,i,u){"use strict";const r=o.forwardRef((({startIcon:t,endIcon:o,isSelected:r=!1,onToggle:d,position:c,autofocus:b,testId:p,label:g,value:B,"aria-label":f,"aria-describedby":y,width:S,...m},x)=>{const I=n.useButtonSetContext(),{inputProps:P,buttonSetButtonProps:h,globalEventProps:v,isDisabled:w}=u.processSetButtonProps(m,I),j={...P,display:I.display??m.display??"all"},D=i.toggleStyling(h.layoutWidth,r,!1,!0,"outlined"===h.variant,c,!0,!1);return e.jsx(s.BaseButton,{...a.mergeProps(v,h),ref:x,onAction:()=>{d?.({value:r})},elementDetails:{type:"span",isFocusable:!1,isLabel:!0},width:I.width?"100%":S,autofocus:b,styling:D,"aria-describedby":y,testId:p,children:e.jsx(l.ToggleButtonLabel,{label:g,isSelected:r,isDisabled:w,startIcon:t,endIcon:o,value:B,...j})})}));r.displayName="ButtonSetButton",t.ButtonSetButton=r}));
-//# sourceMappingURL=ButtonSetButton-526d9712.js.map

package/amd/ButtonSetButton-526d9712.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSetButton-526d9712.js","sources":["../../src/UNSAFE_ButtonSetButton/ButtonSetButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useButtonSetContext } from '#hooks/UNSAFE_useButtonSetContext';\nimport { ToggleButtonLabel } from '../UNSAFE_ToggleButtonLabel';\nimport {\n  toggleStyling,\n  processSetButtonProps,\n  LayoutWidths,\n  ButtonSetPosition,\n  type InputTypes,\n  type ButtonIntrinsicProps\n} from '#utils/UNSAFE_buttonUtils';\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type ButtonSetButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon. This should not vary depending on state.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon. This should not vary depending on state.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Input type indicate if the toggle is intended as a radio or checkbox.\n     */\n    inputType?: InputTypes;\n\n    /**\n     * The name of the input group\n     */\n    inputName?: string;\n\n    /**\n     * Specifies that the buttonsetbutton element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * label - buttonsetbutton label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * value - buttonsetbutton value\n     */\n    value?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the buttonsetbutton has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttonsetbuttons are a more prominent variation. Borderless\n     * buttonsetbuttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttonsetbuttons are salient, but lighter weight than\n     * solid buttonsetbuttons. Outlined buttonsetbuttons are useful for secondary actions.\",\n     */\n    variant?: 'outlined' | 'borderless';\n\n    /**\n     * The size indicates how large the buttonsetbutton is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * The position modifies the borders for usage inside a button group.\n     */\n    position?: ButtonSetPosition;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the buttonsetbutton.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the buttonsetbutton.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * The layoutWidth specifies if the toggle button width fits the contents or\n     * the container.\n     */\n    layoutWidth?: LayoutWidths;\n  };\n\n/**\n * Toggle buttons allow users to switch between states when pressed.\n */\nexport const ButtonSetButton = forwardRef(\n  (\n    {\n      startIcon,\n      endIcon,\n      isSelected = false,\n      onToggle,\n      position,\n      autofocus,\n      testId,\n      label,\n      value,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: ButtonSetButtonProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const buttonSetProps = useButtonSetContext();\n    const {\n      inputProps: baseInputProps,\n      buttonSetButtonProps,\n      globalEventProps,\n      isDisabled\n    } = processSetButtonProps(props, buttonSetProps);\n    const inputProps = {\n      ...baseInputProps,\n      display: buttonSetProps.display ?? props.display ?? 'all'\n    };\n\n    const styling = toggleStyling(\n      buttonSetButtonProps.layoutWidth,\n      isSelected,\n      false, // switch\n      true, // label\n      buttonSetButtonProps.variant === 'outlined',\n      position,\n      true, // hasLabel\n      false // iconOnly\n    );\n\n    return (\n      <BaseButton\n        {...mergeProps(globalEventProps, buttonSetButtonProps)}\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        onAction={() => {\n          onToggle?.({ value: isSelected });\n        }}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        width={buttonSetProps.width ? '100%' : width}\n        autofocus={autofocus}\n        styling={styling}\n        aria-describedby={ariaDescribedBy}\n        testId={testId}>\n        <ToggleButtonLabel\n          label={label}\n          isSelected={isSelected}\n          isDisabled={isDisabled}\n          startIcon={startIcon}\n          endIcon={endIcon}\n          value={value}\n          {...inputProps}></ToggleButtonLabel>\n      </BaseButton>\n    );\n  }\n);\n\nButtonSetButton.displayName = 'ButtonSetButton';\n"],"names":["ButtonSetButton","forwardRef","startIcon","endIcon","isSelected","onToggle","position","autofocus","testId","label","value","accessibleLabel","ariaDescribedBy","width","props","ref","buttonSetProps","useButtonSetContext","inputProps","baseInputProps","buttonSetButtonProps","globalEventProps","isDisabled","processSetButtonProps","display","styling","toggleStyling","layoutWidth","variant","_jsx","BaseButton","mergeProps","onAction","elementDetails","type","isFocusable","isLabel","children","ToggleButtonLabel","displayName"],"mappings":"gRAyHaA,EAAkBC,EAAAA,YAC7B,EAEIC,YACAC,UACAC,cAAa,EACbC,WACAC,WACAC,YACAC,SACAC,QACAC,QACA,aAAcC,EACd,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,EAAiBC,EAAAA,uBAErBC,WAAYC,EAAcC,qBAC1BA,EAAoBC,iBACpBA,EAAgBC,WAChBA,GACEC,EAAqBA,sBAACT,EAAOE,GAC3BE,EAAa,IACdC,EACHK,QAASR,EAAeQ,SAAWV,EAAMU,SAAW,OAGhDC,EAAUC,EAAaA,cAC3BN,EAAqBO,YACrBvB,GACA,GACA,EACiC,aAAjCgB,EAAqBQ,QACrBtB,GACA,GACA,GAGF,OACEuB,MAACC,EAAAA,eACKC,aAAWV,EAAkBD,GACjCL,IAAKA,EACLiB,SAAU,KACR3B,IAAW,CAAEK,MAAON,GAAa,EAEnC6B,eAAgB,CAAEC,KAAM,OAAQC,aAAa,EAAOC,SAAS,GAC7DvB,MAAOG,EAAeH,MAAQ,OAASA,EACvCN,UAAWA,EACXkB,QAASA,EACS,mBAAAb,EAClBJ,OAAQA,EAAM6B,SACdR,MAACS,oBAAiB,CAChB7B,MAAOA,EACPL,WAAYA,EACZkB,WAAYA,EACZpB,UAAWA,EACXC,QAASA,EACTO,MAAOA,KACHQ,KAER,IAINlB,EAAgBuC,YAAc"}

package/amd/ButtonSetIconButton-7a2c113c.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './BaseButton-19a622bc', './useTooltip-7b11fd35', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-330c8f8b', './toggleButtonUtils-c8f12580', './buttonUtils-97878e90'], (function(t,e,o,s,n,i,l,a,r,c,u,d,p,b,g,B,f,h){"use strict";const y=s.forwardRef((({children:t,tooltip:s,value:r,accessibleLabel:c,isSelected:u=!1,onToggle:d,position:p,testId:b,width:y,"aria-describedby":S,...m},T)=>{const x=g.useButtonSetContext(),{inputProps:v,buttonSetButtonProps:w,isDisabled:C}=h.processSetButtonProps(m,x),I=n.useRef(null);n.useImperativeHandle(T,(()=>I.current),[I]);const{tooltipContent:P,tooltipProps:L}=l.useTooltip({text:s??c,isDisabled:C}),U=f.toggleStyling(w.layoutWidth,u,!1,!0,"outlined"===w.variant,p,void 0,!0),j={"aria-describedby":S};return e.jsxs(o.Fragment,{children:[e.jsx(i.BaseButton,{...a.mergeProps(w,j),elementDetails:{type:"span",isFocusable:!1,isLabel:!0},onAction:()=>d?.({value:u}),styling:U,width:x.width?"100%":y,ref:I,testId:b,children:e.jsx(B.ToggleButtonLabel,{...L,label:c??s,display:"icons",isSelected:u,...v,value:r,startIcon:t})}),P]})}));y.displayName="ButtonSetIconButton",t.ButtonSetIconButton=y}));
-//# sourceMappingURL=ButtonSetIconButton-7a2c113c.js.map