@oracle/oraclejet-preact 18.0.12 → 18.0.14

package/es/useSelectCommon-98d8d2dc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectCommon-98d8d2dc.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/selectUtils.ts","../../src/PRIVATE_SelectCommon/useCollectionRenderer.ts","../../src/PRIVATE_SelectCommon/useSelectCommon.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { error } from '../utils/UNSAFE_logger';\nimport { ItemTextFunctionType, ItemTextType } from '../utils/UNSAFE_selectUtils';\n\nexport function renderItemText<K, D>(item: Item<K, D>, itemText: ItemTextType<K, D>) {\n  // if item-text is a string and the data has the specified field, return it;\n  // otherwise log an error\n  if (typeof itemText === 'string') {\n    if ((item.data as any)?.hasOwnProperty(itemText)) {\n      const retData = item.data[itemText];\n      return String(retData);\n    }\n    error('SelectMultiple: itemText specifies field that does not exist: ' + itemText);\n    // return undefined if the field doesn't exist\n    return undefined;\n  }\n  // if item-text is a function, call it to create a display label\n  return (itemText as ItemTextFunctionType<K, D>)(item);\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 */\n\nimport { List, SkeletonContainer } from '#PRIVATE_List';\nimport type { DataState, ListItemRendererContext, Metadata } from '#UNSAFE_Collection';\nimport { Flex } from '#UNSAFE_Flex';\nimport { HighlightText } from '#UNSAFE_HighlightText';\nimport { ListItemText } from '#UNSAFE_ListItemLayout';\nimport { Skeleton } from '#UNSAFE_Skeleton';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport type { Keys } from '#utils/UNSAFE_keys';\nimport type { ItemTextType } from '#utils/UNSAFE_selectUtils';\nimport type { ComponentChildren, ComponentProps } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { renderItemText } from './itemTextUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype ListProps<K extends string | number, D> = ComponentProps<typeof List<K, D>>;\ntype PickedPropsFromList = Pick<\n  ComponentProps<typeof List>,\n  'aria-label' | 'currentItemVariant' | 'selectionMode'\n>;\n\n// pick the props from the ListItemContext instead of extending it directly so that we\n// don't automatically expose any new props that may be added to it\ntype PickedPropsFromListItemContext<K, D> = Pick<\n  ListItemRendererContext<K, D>,\n  'data' | 'index' | 'selector'\n>;\ntype ItemRendererSelectionDetail<K> = {\n  value: Set<K>;\n  target: EventTarget | null;\n};\ntype ItemRendererMetadata<K> = Pick<Metadata<K>, 'key' | 'suggestion'>;\ntype ItemRendererProps<K, D> = PickedPropsFromListItemContext<K, D> & {\n  metadata: ItemRendererMetadata<K>;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onSelectionChange: (detail: ItemRendererSelectionDetail<K>) => void;\n};\n\ntype DefaultListCurrentKeyDetail<K> = { value: K };\ntype DefaultListItemActionDetail<K, D> = { context: Item<K, D> };\ntype DefaultListSelectionDetail<K> = { value: Set<K> };\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\n  itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n  itemText: ItemTextType<K, D>;\n  // props from List that we constrain or unconstrain\n  currentKey?: K;\n  data?: DataState<K, D> | null;\n  onCurrentKeyChange: (detail: DefaultListCurrentKeyDetail<K>) => void;\n  onItemAction?: (detail: DefaultListItemActionDetail<K, D>) => void;\n  onLoadRange?: ComponentProps<typeof List>['onLoadRange'];\n  onSelectionChange?: (detail: DefaultListSelectionDetail<K>) => void;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n};\n\nconst noOp = () => {};\n\nexport function DefaultList<K extends string | number, D extends Record<string, any>>({\n  'aria-label': ariaLabel,\n  currentItemVariant,\n  currentKey,\n  data,\n  itemRenderer,\n  itemText,\n  onCurrentKeyChange,\n  onItemAction,\n  onLoadRange = noOp,\n  onSelectionChange,\n  searchText,\n  selectedKeys,\n  selectionMode\n}: Props<K, D>) {\n  const listItemRenderer = useCallback(\n    (listItemContext: ListItemRendererContext<K, D>) => {\n      // specify the listItemContext props that we want to expose individually instead of\n      // spreading the whole object so that we don't automatically include any new props that\n      // may be added to it\n      const itemRendererProps: ItemRendererProps<K, D> = {\n        data: listItemContext.data,\n        index: listItemContext.index,\n        metadata: listItemContext.metadata,\n        selector: listItemContext.selector,\n        searchText,\n        selectedKeys,\n        onSelectionChange: ({ value }) => {\n          onSelectionChange?.({ value });\n        }\n      };\n      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      return itemRenderer ? (\n        itemRenderer(itemRendererProps)\n      ) : (\n        <Flex align=\"center\">\n          {listItemContext.selector && (\n            <div class={dropdownStyles.selectorWrapper}>{listItemContext.selector()}</div>\n          )}\n          <div\n            class={\n              selectionMode === 'single'\n                ? dropdownStyles.singleSelectItem\n                : dropdownStyles.multiSelectItem\n            }>\n            <ListItemText variant=\"primary\">\n              <HighlightText matchText={searchText}>\n                {renderItemText(itemContext, itemText) as string}\n              </HighlightText>\n            </ListItemText>\n          </div>\n        </Flex>\n      );\n    },\n    [itemRenderer, itemText, onSelectionChange, searchText, selectedKeys, selectionMode]\n  );\n\n  const keys = useMemo(() => {\n    return { all: false, keys: selectedKeys ?? new Set<K>() };\n  }, [selectedKeys]) as Keys<K>;\n\n  const currentItemOverride = useMemo(\n    () => (currentKey !== undefined ? { rowKey: currentKey } : undefined),\n    [currentKey]\n  );\n  const handleItemAction = useCallback<NonNullable<ListProps<K, D>['onItemAction']>>(\n    ({ context: { data, metadata } }) => {\n      onItemAction?.({ context: { data, key: metadata.key, metadata } });\n    },\n    [onItemAction]\n  );\n  const handleSelectionChange = useCallback<NonNullable<ListProps<K, D>['onSelectionChange']>>(\n    ({ value }) => {\n      onSelectionChange?.({ value: new Set(value.keys?.values()) });\n    },\n    [onSelectionChange]\n  );\n\n  return (\n    <List<K, D>\n      aria-label={ariaLabel}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentItemOverride={currentItemOverride}\n      data={data ?? null}\n      loadingIndicator={loadingIndicator}\n      onPersistCurrentItem={onCurrentKeyChange}\n      onItemAction={handleItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={handleSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemRendererContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n\n/**\n * Custom 3 Skeleton loader for select multiple\n * TODO: to remove this once  is solved\n */\nconst loadingIndicator = (\n  <SkeletonContainer minimumCount={3}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","export const isSimpleClick = (event: MouseEvent) => {\n  return event.button === 0 && !event.ctrlKey;\n};\n\nexport const preventDefault = (event: Event) => {\n  event.preventDefault();\n};\n\nexport const preventDefaultForCurrentTarget = (event: MouseEvent) => {\n  if (event.currentTarget === event.target) {\n    event.preventDefault();\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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\n  const offsetValue = { mainAxis: 4, crossAxis: 0 };\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n  }\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={{\n          isMaxHeightAdjusted: true,\n          maxHeightCeiling: 400\n        }}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={offsetValue}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { DropdownArrowIcon } from '../PRIVATE_ThemedIcons/DropdownArrowIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ButtonLabelLayoutRedwoodTheme } from '#UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme';\nimport type { ButtonLabelLayoutVariantOptions } from '#UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { BaseButtonRedwoodTheme } from '#UNSAFE_BaseButton/themes/redwood/BaseButtonTheme';\n\ntype Props = TestIdProps & {\n  isDisabled?: boolean;\n  onClick?: () => void;\n};\n\nconst noop = () => {};\n\nexport function DropdownArrow({ isDisabled = false, onClick, testId }: Props) {\n  const { classes } = useComponentTheme<ButtonLabelLayoutVariantOptions>(\n    ButtonLabelLayoutRedwoodTheme,\n    { size: 'sm' }\n  );\n  const { baseTheme } = useComponentTheme(BaseButtonRedwoodTheme);\n\n  const preventDefault = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop, { isDisabled });\n\n  // TODO: JET-67410 replace this with a icon button\n  const styleClasses = classNames([\n    classes,\n    baseTheme,\n    dropdownStyles.arrow.base,\n    isDisabled ? dropdownStyles.arrow.disabled : dropdownStyles.arrow.enabled\n  ]);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={styleClasses}\n      tabIndex={-1}\n      onMouseDown={preventDefault}\n      {...testIdProps}\n      {...pressProps}>\n      <DropdownArrowIcon />\n    </span>\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { CollectionInteractionContext } from '../hooks/UNSAFE_useCollectionInteractionContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  children?: ComponentChildren;\n  hasTopGap?: boolean;\n  hasBottomGap?: boolean;\n  isLoading?: boolean;\n};\n\nexport function DropdownList({\n  children,\n  hasTopGap = true,\n  hasBottomGap = true,\n  isLoading = false\n}: Props) {\n  const styleClasses = classNames([\n    dropdownStyles.list.base,\n    hasTopGap && dropdownStyles.list.topGap,\n    hasBottomGap && dropdownStyles.list.bottomGap,\n    isLoading && dropdownStyles.list.loading\n  ]);\n  return (\n    <CollectionInteractionContext.Provider value={'embedded'}>\n      <div class={styleClasses} onMouseDown={preventDefaultForCurrentTarget}>\n        {children}\n      </div>\n    </CollectionInteractionContext.Provider>\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\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 */\n\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\nexport function EmptyResults() {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  // call preventDefault for mousedown on this div so that focus does not transfer from\n  // the input\n  return (\n    <div class={dropdownStyles.results.extraItem} onMouseDown={preventDefaultForCurrentTarget}>\n      {translations.select_noMatchesFound()}\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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  /**\n   * Child content of the item.\n   */\n  children: string;\n  /**\n   * Specifies whether to highlight the item.\n   */\n  isHighlighted?: boolean;\n  /**\n   * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n   */\n  onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n  const { isHover, hoverProps } = useHover();\n  const { isFocused, focusProps } = useFocusWithin();\n\n  const handleClick = useCallback(\n    (e: Event) => {\n      // prevent the link from actually navigating by preventing default and returning false\n      e.preventDefault();\n      onAction?.();\n      return false;\n    },\n    [onAction]\n  );\n\n  const rootClasses = classNames([isFocused ? dropdownStyles.results.linkItemFocus : undefined]);\n\n  const linkClasses = classNames([\n    dropdownStyles.results.extraItem,\n    isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n  ]);\n\n  return (\n    <div class={rootClasses} {...focusProps}>\n      <Link href=\"#\" onClick={handleClick}>\n        <div class={linkClasses} {...hoverProps}>\n          {children}\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nexport { LinkItem };\n","import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: HTMLAttributesSignalExcluded['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\n  );\n}\n","import { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '../utils/UNSAFE_attributeUtils';\nimport { TextProps, textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldInputVariantOptions } from '../UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\nimport { isInputPlaceholderShown } from '../UNSAFE_TextField/TextFieldUtils';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { Text } from '../UNSAFE_Text';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { TextFieldInputRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\n\ntype AriaProps = Pick<\n  AriaAttributesSignalExcluded,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n  EventProps &\n  TextProps & {\n    displayValue?: string;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    isRequired?: boolean;\n    placeholder?: string;\n    variant?: 'default' | 'embedded';\n  };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n  (\n    {\n      'aria-controls': ariaControls,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': ariaExpanded,\n      'aria-invalid': ariaInvalid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      displayValue,\n      hasEmptyLabel,\n      hasInsideLabel = false,\n      isRequired,\n      onBlur,\n      onFocus,\n      placeholder,\n      textAlign,\n      variant = 'default'\n    }: Props,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    // consume required contexts\n    const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n    const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n    // setup properties\n    const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n      ? placeholder\n      : undefined;\n\n    // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n    // kinds of labels, this helps to ensure we don't override a meaningful label.\n    const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n    const mergedAriaLabelledBy = hasEmptyLabel\n      ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n      : ariaLabelledBy;\n\n    // setup style classes\n    const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n    const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n      TextFieldInputRedwoodTheme,\n      {\n        type: 'notPassword',\n        styleVariant: variant,\n        textarea: 'notTextArea',\n        input: 'isInput',\n        prefix: 'noPrefix',\n        suffix: 'noSuffix',\n        startContent: 'noStartContent',\n        endContent: 'hasEndContent',\n        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n        value: hasValue ? 'hasValue' : 'noValue',\n        focused: isFocused ? 'isFocused' : 'notFocused',\n        disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n      }\n    );\n    const rootDivStyleClasses = classNames([\n      selectMobileFieldInputStyles.base,\n      styleInterpolationClasses,\n      themeClasses\n    ]);\n\n    return (\n      <div\n        aria-autocomplete=\"list\"\n        aria-controls={ariaControls}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        aria-invalid={ariaInvalid}\n        aria-label={ariaLabel}\n        aria-labelledby={mergedAriaLabelledBy}\n        aria-required={isRequired ? 'true' : undefined}\n        class={rootDivStyleClasses}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={ref}\n        role=\"combobox\"\n        {...(isTabbable && tabbableModeProps)}>\n        <div class={selectMobileFieldInputStyles.content}>\n          <Text variant={displayValue ? 'inherit' : 'secondary'}>\n            {displayValue || myPlaceholder}\n          </Text>\n        </div>\n      </div>\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 */\n\nimport type { DataState } from '#UNSAFE_Collection';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nexport function isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\n/**\n * Helper function to determine whether the current device is a phone\n * @returns true if running on a phone, false otherwise\n */\nexport function isPhone() {\n  return getClientHints().deviceType === 'phone';\n}\n\n/**\n * Helper function to determine whether the current device is a tablet\n * @returns true if running on a tablet, false otherwise\n */\nexport function isTablet() {\n  return getClientHints().deviceType === 'tablet';\n}\n\nexport function isBeforeDataFetch<K, D>(data: DataState<K, D>) {\n  return data.sizePrecision === 'atLeast' && data.totalSize === 0;\n}\n\nexport function isSearchTextEmptyOrUndefined(searchText?: string) {\n  return searchText === undefined || searchText.length === 0;\n}\n\n/**\n * Extract keys from a value items array.\n *\n * @param valueItems The value items from which the keys are to be extracted\n * @returns The set of keys\n */\nexport function createKeysFromValueItems<K, D>(valueItems?: Item<K, D>[]) {\n  const keys = valueItems?.reduce((accumKeys, currentItem) => {\n    accumKeys.add(currentItem.key);\n    return accumKeys;\n  }, new Set<K>());\n  return keys;\n}\n","import type { DataState } from '#UNSAFE_Collection';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport { useMemo } from 'preact/compat';\n\ntype Key = string | number;\ntype Data = Record<string, any>;\n\ntype UseCollectionRendererCommonParams<K> = {\n  currentKey?: K;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onCurrentKeyChange: (detail: { value?: K }) => void;\n};\n\nexport type UseCollectionRendererSelectSingleParams<K, D> = UseCollectionRendererCommonParams<K> & {\n  onItemAction: (detail: { context: Item<K, D> }) => void;\n  onSelectedKeysChange?: never;\n  selectedOnlyData?: never;\n};\n\nexport type UseCollectionRendererSelectMultipleParams<K, D> =\n  UseCollectionRendererCommonParams<K> & {\n    onItemAction?: never;\n    onSelectedKeysChange: (detail: { value: Set<K> }) => void;\n    selectedOnlyData?: DataState<K, D>;\n  };\n\ntype UseCollectionRendererParams<K, D> =\n  | UseCollectionRendererSelectSingleParams<K, D>\n  | UseCollectionRendererSelectMultipleParams<K, D>;\n\ntype CommonCollectionRendererContext<K extends Key> = {\n  searchText?: string;\n  currentRowKeyOverride?: K;\n  onPersistCurrentRowKey: (detail: { value?: K }) => void;\n  selected?: Set<K>;\n};\n\nexport type SelectSingleCollectionRendererContext<\n  K extends Key,\n  D extends Data\n> = CommonCollectionRendererContext<K> & {\n  onRowAction: (detail: { context: Item<K, D> }) => void;\n};\n\nexport type SelectMultipleCollectionRendererContext<\n  K extends Key,\n  D extends Data\n> = CommonCollectionRendererContext<K> & {\n  onSelectedChange: (detail: { value: Set<K> }) => void;\n  selectedOnlyData?: DataState<K, D>;\n};\n\ntype CollectionRendererContext<K extends Key, D extends Data> =\n  | SelectSingleCollectionRendererContext<K, D>\n  | SelectMultipleCollectionRendererContext<K, D>;\n\n// NOTE: We will using a single hook that constructs the collection renderer context for both select single and\n// select multiple. This is ok as they both share most of the properties and differ only in a few areas. So, we will\n// be using function overloading to determine which component is calling the hook (based on the args) and return the\n// correct context.\n\n/**\n * A custom hook that constructs the context for SelectSingle's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n  params: UseCollectionRendererSelectSingleParams<K, D>\n): SelectSingleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectMultiple's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n  params: UseCollectionRendererSelectMultipleParams<K, D>\n): SelectMultipleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectSingle/SelectMultiple's collectionRenderer.\n * @param param0 Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>({\n  currentKey,\n  onCurrentKeyChange,\n  onItemAction,\n  onSelectedKeysChange,\n  searchText,\n  selectedKeys,\n  selectedOnlyData\n}: UseCollectionRendererParams<K, D>) {\n  return useMemo<CollectionRendererContext<K, D>>(() => {\n    const common = {\n      searchText,\n      currentRowKeyOverride: currentKey,\n      onPersistCurrentRowKey: onCurrentKeyChange,\n      selected: selectedKeys\n    } satisfies CommonCollectionRendererContext<K>;\n\n    // If onItemAction is present, then we are constructing context for SelectSingle. So,\n    // return the context satisfying SelectSingleCollectionRendererContext type.\n    if (onItemAction !== undefined)\n      return {\n        ...common,\n        onRowAction: onItemAction\n      } satisfies SelectSingleCollectionRendererContext<K, D>;\n\n    // If onItemAction is not present, then we are constructing context for SelectMultiple. So,\n    // return the context satisfying SelectMultipleCollectionRendererContext type.\n    return {\n      ...common,\n      onSelectedChange: onSelectedKeysChange,\n      selectedOnlyData\n    } satisfies SelectMultipleCollectionRendererContext<K, D>;\n  }, [\n    currentKey,\n    onCurrentKeyChange,\n    onItemAction,\n    onSelectedKeysChange,\n    searchText,\n    selectedKeys,\n    selectedOnlyData\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 */\n\nimport type { DataState } from '#UNSAFE_Collection';\nimport type { PositionData } from '#UNSAFE_Floating';\nimport { KEYS, isControlOrFunctionKey } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { isSimpleClick } from './eventUtils';\n\ntype UseSelectCommonProps<K, D> = {\n  data?: DataState<K, D> | null;\n  inputRef: RefObject<HTMLElement>;\n  isFocused?: boolean;\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n};\n\nexport type CurrentKeyDetail<K> = {\n  value?: K;\n};\n\n/**\n * Hook that manages state and behavior for a Select* component.  This hook creates state\n * variables and event listeners, returning properties to apply to components internally\n * rendered by a Select* component, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isFocused Specifies whether the component has focus.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n *\n * @returns Component state and event listeners.\n */\nexport function useSelectCommon<K, D>({\n  data,\n  inputRef,\n  isFocused,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const mainFieldRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [isDropdownOpen, setDropdownOpen] = useState(false);\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n\n  // We only need to push currentRow when we need to override the\n  // current row, like when the dropdown is opened and we want to set the initial\n  // focused row or when filtering and we want to focus the first row.\n  const [currentRowOverride, _setCurrentRowOverride] = useState<{ rowKey?: K }>({\n    rowKey: undefined\n  });\n  // We still need information on what the current row actually is, but we do not need\n  // to react to it until certain scenarios like pressing Tab from the dropdown. So, we\n  // just store this in a ref.\n  const currentRowKeyRef = useRef<K>();\n  // When we want to update the currentRowOverride, we also want to keep the currentRowKeyRef\n  // in sync as the collection will not call onChanged for this change.\n  const setCurrentRowOverride = useCallback((currentRow: { rowKey?: K }) => {\n    currentRowKeyRef.current = currentRow.rowKey;\n    _setCurrentRowOverride(currentRow);\n  }, []);\n  const [isUserFiltering, setUserFiltering] = useState(false);\n  const [userInput, setUserInput] = useState<string>();\n  const [searchText, setSearchText] = useState<string>();\n\n  const [prevIsDropdownOpen, setPrevIsDropdownOpen] = useState(isDropdownOpen);\n  const [prevIsFocused, setPrevIsFocused] = useState(isFocused);\n  const [prevIsUserFiltering, setPrevIsUserFiltering] = useState(isUserFiltering);\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent) => {\n      // const target = event.target as HTMLElement;\n      if (event.defaultPrevented || !isSimpleClick(event)) {\n        return;\n      }\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      // this is needed to focus the input when clicking on the inside label when there is no\n      // value;  otherwise the component looks focused but doesn't actually have physical focus\n      setTimeout(function () {\n        inputRef.current?.focus();\n      }, 0);\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownArrowClick = useCallback(() => {\n    setDropdownOpen(!isDropdownOpen);\n\n    // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes\n    inputRef.current?.focus();\n  }, [inputRef, isDropdownOpen]);\n\n  const handleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        setDropdownOpen(false);\n\n        switch (event?.type) {\n          case 'keydown':\n            const keyboardEvent = event as KeyboardEvent;\n            switch (keyboardEvent.code) {\n              case KEYS.ESC:\n                // focus the input when the user cancels out of the dropdown\n                inputRef.current?.focus();\n                break;\n              default:\n                break;\n            }\n            break;\n          case 'mousedown':\n            // if focus is in the dropdown, focus the input before the dropdown is hidden so that\n            // focus will transfer correctly when the target is not focusable;\n            // otherwise the text cursor appears in the input again\n            if (dropdownRef.current?.contains(document.activeElement)) {\n              inputRef.current?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownPosition = useCallback((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n\n  const getDropdownTabbableElems = useCallback(() => {\n    return isDropdownOpen && dropdownRef.current\n      ? allTabbableElements(dropdownRef.current)\n      : undefined;\n  }, [isDropdownOpen]);\n\n  const handleUpDownArrowKeys = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      } else {\n        // JET-64909 - focus / 'current' dropped when arrow keying during loading\n        // Transfer physical focus into the dropdown only if the data is present and the dropdown\n        // has rendered the data. Otherwise, keep the focus in the field.\n        if (data != null) {\n          const tabbableElems = getDropdownTabbableElems();\n          tabbableElems?.[0]?.focus();\n\n          // if there is no current item set, make the first item current\n          if (currentRowOverride.rowKey === undefined) {\n            setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n          }\n        }\n      }\n\n      // prevent the page from scrolling\n      event.preventDefault();\n    },\n    [currentRowOverride, data, getDropdownTabbableElems, isDropdownOpen, setCurrentRowOverride]\n  );\n\n  const handleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // const target = event.target as HTMLElement;\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.PAGE_UP:\n        case KEYS.PAGE_DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n\n          return;\n\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n          break;\n\n        case KEYS.ESC:\n          if (isDropdownOpen) {\n            setDropdownOpen(false);\n\n            event.preventDefault();\n\n            // JET-53183 - core pack compat: stop propagation of handled events\n            // we don't want a parent collection component to stop editing the row when we close\n            // the dropdown\n            event.stopPropagation();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleMainFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          handleUpDownArrowKeys(event);\n          break;\n\n        default:\n          break;\n      }\n    },\n    [handleUpDownArrowKeys]\n  );\n\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      setUserFiltering(true);\n      setUserInput(detail.value);\n      const str = detail.value;\n      setSearchText(str);\n      onFilter?.({ searchText: str });\n    },\n    [isDropdownOpen, onFilter]\n  );\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K>) => {\n    // when the collection changes the current key, we only want to store the information\n    // and not do anything.\n    currentRowKeyRef.current = detail.value;\n  }, []);\n\n  const stopFiltering = useCallback(() => {\n    setUserFiltering(false);\n    setUserInput('');\n    setSearchText('');\n  }, []);\n\n  // the user is not actively filtering if the dropdown is closed and the component doesn't\n  // have focus\n  if (\n    prevIsDropdownOpen !== isDropdownOpen ||\n    prevIsFocused !== isFocused ||\n    prevIsUserFiltering !== isUserFiltering\n  ) {\n    if (!isDropdownOpen && !isFocused && isUserFiltering) {\n      stopFiltering();\n    }\n  }\n\n  // need to call onFilter with undefined searchText when the dropdown opens and the\n  // user is NOT filtering\n  useEffect(() => {\n    if (isDropdownOpen && !isUserFiltering) {\n      onFilter?.({ searchText: undefined });\n    }\n  }, [isDropdownOpen, isUserFiltering, onFilter]);\n\n  // when the dropdown closes, reset the isDropdownAbove flag\n  if (prevIsDropdownOpen !== isDropdownOpen) {\n    if (!isDropdownOpen) {\n      setDropdownAbove(false);\n    }\n    setPrevIsDropdownOpen(isDropdownOpen);\n  }\n\n  if (prevIsFocused !== isFocused) {\n    setPrevIsFocused(isFocused);\n  }\n  if (prevIsUserFiltering !== isUserFiltering) {\n    setPrevIsUserFiltering(isUserFiltering);\n  }\n\n  return {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    getDropdownTabbableElems,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss,\n    handleDropdownPosition,\n    handleInput,\n    handleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    handleUpDownArrowKeys,\n    isDropdownAbove,\n    isDropdownOpen,\n    // the field should remain to look focused while the dropdown is open,\n    // in case physical focus is in the dropdown\n    isFocused: isFocused || isDropdownOpen,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    setCurrentRowOverride,\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    userInput\n  };\n}\n"],"names":["_jsxs","_jsx","DropdownArrowIcon","useMemo"],"mappings":"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"}

package/package.json

@@ -5,7 +5,7 @@
   "scripts": {},
   "devDependencies": {},
   "dependencies": {
-    "@oracle/oraclejet-testing": "18.0.12",
+    "@oracle/oraclejet-testing": "18.0.14",
     "csstype": "3.1.1"
   },
   "peerDependencies": {
@@ -38,5 +38,5 @@
       ]
     }
   },
-  "version": "18.0.12"
+  "version": "18.0.14"
 }

package/amd/BarChart-f47d1c31.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './BarGroup-76ef0839', './useUser-85c781ea', './layoutUtils-c2938c54', './dataStyleUtils-7ba616b8', './Chart-25d4c94f'], (function(e,t,r,n,i,o,s){"use strict";function d(e,t,r,n){const i=o.getNextItemInGroup(e,r,n);if(i)return i;if(e.groupIndex<t){let i={seriesIndex:0,groupIndex:e.groupIndex+1};if(n(i.seriesIndex,i.groupIndex))return i;if(i=d(i,t,r,n),i)return i}return e}function a(e,t,r,n){const i=o.getPrevItemInGroup(e,n);if(i)return i;if(e.groupIndex>t){let i={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(n(i.seriesIndex,i.groupIndex))return i;if(i=a(i,t,r,n),i)return i}return e}function I(e){return t.jsx(u,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const g=.5;function u({width:e,height:u,selectedIds:l=[],hiddenIds:c=[],highlightedIds:x,hideAndShowBehavior:p="none",orientation:f="vertical",yAxis:h,series:m,groups:S,isStacked:A=!1,getDataItem:w,selectionMode:v="none",drilling:y="off",dataItemGaps:D=.5,...R}){const{direction:G}=n.useUser(),k="rtl"===G,b=new Set(c),B="horizontal"===f,P=R.xAxis?.timeAxisType,j=new Set(l),L=new Set(x);return t.jsx(s.Chart,{width:e,height:u,selectedIds:j,hiddenIds:c,hideAndShowBehavior:p,orientation:f,yAxis:h,series:m,groups:S,isStacked:A,getDataItem:w,selectionMode:v,drilling:y,renderGridLinesInFront:!1,findNearest:(e,t,n,o)=>{const s=r.getSeriesOffsetAndWidth(n,o,m.length,D,A,k);return i.findNearestDataPoint(m,S,e,t,w,A,s,r.getBarCenterCoordinate,"log"===h?.scale,D,b,P)},getDataItemPos:(e,t,n,i)=>r.getBarPosition(m,S,w,e,t,b,D,n,i,"log"===h?.scale,A,k,B,P),getNavUtil:(e,t)=>function(e,t,r,n,i,s){const I=(t,r)=>{const n=e(t,r);return Boolean(n)};return(e,g)=>{if(!i&&("ArrowDown"===g||"ArrowUp"===g))return e;let u;const l={groupIndex:e.groupIndex,seriesIndex:e.seriesIndex};return l.groupIndex<r?(l.groupIndex=r,l):l.groupIndex>n?(l.groupIndex=n,l):(i?u="ArrowLeft"===g?s?o.getNextItemInSeries(l,n,I):o.getPrevItemInSeries(l,r,I):"ArrowRight"===g?s?o.getPrevItemInSeries(l,r,I):o.getNextItemInSeries(l,n,I):"ArrowDown"===g?o.getPrevItemInGroup(l,I):o.getNextItemInGroup(l,t,I):"ArrowRight"===g?u=s?a(l,r,t,I):d(l,n,t,I):"ArrowLeft"===g&&(u=s?d(l,n,t,I):a(l,r,t,I)),u||l)}}(w,m.length,e,t,A,k),getGapRatio:(e,t)=>r.getBarGapRatio(A,e,t),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,m,w),type:"circle"}),isRtl:k,offset:g,defaultOverviewContentRenderer:()=>t.jsx(I,{series:m,groups:S,getDataItem:w}),...R,children:({xStartIndex:e,xEndIndex:n,xScale:i,yScale:o,gapRatio:s,activeId:d,focusedItemInfo:a,hoveredItemInfo:I,groupWidth:g,isPointInsideMarquee:u,getTextDimensions:l,defaultFontSize:c,colors:p})=>t.jsx(t.Fragment,{children:S.slice(e,n+1).map(((n,G)=>t.jsx(r.BarGroup,{yScale:o,xScale:i,groupIndex:G+e,selectedIds:j,hiddenIds:b,highlightedIds:x?L:x,isDrillEnabled:"on"===y,series:m,barGapRatio:s,dataItemGaps:D,isPointInsideMarquee:u,isStacked:A,groupWidth:g,group:S[G],timeAxisType:R.xAxis?.timeAxisType,colors:p,activeId:d,isLog:"log"===h?.scale,orientation:f,getDataItem:w,isSelectionEnabled:"none"!=v,isRtl:k,focusedItemInfo:a,hoveredItemInfo:I,getTextDimensions:l,defaultFontSize:c,getStackLabel:R.getStackLabel})))})})}e.BarChart=u}));
-//# sourceMappingURL=BarChart-f47d1c31.js.map

package/amd/BarChart-f47d1c31.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart-f47d1c31.js","sources":["../../src/UNSAFE_BarChart/utils/barNavUtils.ts","../../src/UNSAFE_BarChart/OverviewBarChart.tsx","../../src/UNSAFE_BarChart/BarChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Info, ItemInfo } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getNextItemInGroup,\n  getNextItemInSeries,\n  getPrevItemInGroup,\n  getPrevItemInSeries\n} from '#utils/PRIVATE_chartUtils/navUtils';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype isItemNavigableType = (seriesIndex: number, groupIndex: number) => boolean;\n\n/**\n * Get next item in unstacked bar chart.\n * @param info\n * @param viewportEndIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getNextItem(\n  info: ItemInfo,\n  viewportEndIndex: number,\n  numSeries: number,\n  isNavigable: isItemNavigableType\n): ItemInfo {\n  const nextItemInGroup = getNextItemInGroup(info, numSeries, isNavigable);\n  if (nextItemInGroup) return nextItemInGroup;\n\n  if (info.groupIndex < viewportEndIndex) {\n    let nextItem = { seriesIndex: 0, groupIndex: info.groupIndex + 1 };\n    if (isNavigable(nextItem.seriesIndex, nextItem.groupIndex)) return nextItem;\n    nextItem = getNextItem(nextItem, viewportEndIndex, numSeries, isNavigable);\n    if (nextItem) return nextItem;\n  }\n  return info;\n}\n\n/**\n * Get prev item in unstacked bar chart.\n * @param info\n * @param viewportStartIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getPreviousItem(\n  info: ItemInfo,\n  viewportStartIndex: number,\n  numSeries: number,\n  isNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const prevItemInGroup = getPrevItemInGroup(info, isNavigable);\n  if (prevItemInGroup) return prevItemInGroup;\n\n  if (info.groupIndex > viewportStartIndex) {\n    let prevItem = { groupIndex: info.groupIndex - 1, seriesIndex: numSeries - 1 };\n    if (isNavigable(prevItem.seriesIndex, prevItem.groupIndex)) return prevItem;\n    prevItem = getPreviousItem(prevItem, viewportStartIndex, numSeries, isNavigable);\n    if (prevItem) return prevItem;\n  }\n  return info;\n}\n\nexport function getBarChartNavUtil<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  numSeries: number,\n  viewportStartIndex: number,\n  viewportEndIndex: number,\n  isStacked: boolean,\n  isRtl: boolean\n) {\n  const isItemNavigable = (seriesIndex: number, groupIndex: number) => {\n    const barItem = getDataItem(seriesIndex, groupIndex);\n    return Boolean(barItem);\n  };\n\n  const getNextChartItem = (\n    itemInfo: Info,\n    arrow: 'ArrowLeft' | 'ArrowRight' | 'ArrowDown' | 'ArrowUp'\n  ): Info => {\n    if (!isStacked && (arrow === 'ArrowDown' || arrow === 'ArrowUp')) {\n      return itemInfo;\n    }\n    let newInfo: Info | undefined;\n    // TODO: this is just to keep typescript happy.\n    // figure out consistent typing while doing type cleanup.\n    const info = {\n      groupIndex: itemInfo.groupIndex!,\n      seriesIndex: itemInfo.seriesIndex!\n    };\n\n    if (info.groupIndex! < viewportStartIndex) {\n      info.groupIndex = viewportStartIndex;\n      return info;\n    } else if (info.groupIndex! > viewportEndIndex) {\n      info.groupIndex = viewportEndIndex;\n      return info;\n    }\n\n    if (isStacked) {\n      if (arrow === 'ArrowLeft') {\n        newInfo = isRtl\n          ? getNextItemInSeries(info, viewportEndIndex, isItemNavigable)\n          : getPrevItemInSeries(info, viewportStartIndex, isItemNavigable);\n      } else if (arrow === 'ArrowRight') {\n        newInfo = isRtl\n          ? getPrevItemInSeries(info, viewportStartIndex, isItemNavigable)\n          : getNextItemInSeries(info, viewportEndIndex, isItemNavigable);\n      } else if (arrow === 'ArrowDown') {\n        newInfo = getPrevItemInGroup(info, isItemNavigable);\n      } else {\n        newInfo = getNextItemInGroup(info, numSeries, isItemNavigable);\n      }\n    } else {\n      if (arrow === 'ArrowRight') {\n        newInfo = isRtl\n          ? getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable)\n          : getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n      } else if (arrow === 'ArrowLeft') {\n        newInfo = isRtl\n          ? getNextItem(info, viewportEndIndex, numSeries, isItemNavigable)\n          : getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n      }\n    }\n    return newInfo || info;\n  };\n\n  return getNextChartItem;\n}\n","import { BarChart } from './BarChart';\nimport { BarChartProps, BarItemData } from './barChart.types';\n\nexport function OverviewBarChart<K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D>\n) {\n  return (\n    <BarChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {\n          \n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\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 { BarChartProps, BarItemData } from './barChart.types';\nimport { getBarGapRatio } from './utils/barSeriesUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BarGroup } from './BarGroup';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport {\n  getBarCenterCoordinate,\n  getBarPosition,\n  getSeriesOffsetAndWidth\n} from './utils/barLayoutUtils';\nimport { getBarChartNavUtil } from './utils/barNavUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { TimeAxisProps, Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { getItemColor } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { OverviewBarChart } from './OverviewBarChart';\n\n/* bar chart start and end axis offset */\nconst AXIS_OFFSET = 0.5;\n\n/**\n * A Bar chart displays information graphically using rectangular bars with heights or lengths proportional to the values that they represent,\n * making relationships among the data easier to understand.\n */\nexport function BarChart<K extends string | number, D extends BarItemData<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  ...props\n}: BarChartProps<K, D>) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const hiddenSet = new Set(hiddenIds);\n  const isHoriz = orientation === 'horizontal';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const getGapRatio = (startIndex: number, endIndex: number) => {\n    return getBarGapRatio(isStacked, startIndex, endIndex);\n  };\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    return getBarChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl);\n  };\n  const getDataItemPos = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    return getBarPosition(\n      series,\n      groups,\n      getDataItem,\n      xScale,\n      yScale,\n      hiddenSet,\n      dataItemGaps,\n      groupWidth,\n      gapRatio,\n      yAxis?.scale === 'log',\n      isStacked,\n      isRtl,\n      isHoriz,\n      timeAxisType\n    );\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    const getSeriesDataInfo = getSeriesOffsetAndWidth(\n      groupWidth,\n      gapRatio,\n      series.length,\n      dataItemGaps,\n      isStacked,\n      isRtl\n    );\n    return findNearestDataPoint(\n      series,\n      groups,\n      xScale,\n      yScale,\n      getDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getBarCenterCoordinate,\n      yAxis?.scale === 'log',\n      dataItemGaps,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: 'circle' as const\n    };\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      renderGridLinesInFront={false}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getMarkerInfo={getMarkerColorAndType}\n      isRtl={isRtl}\n      offset={AXIS_OFFSET}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewBarChart series={series} groups={groups} getDataItem={getDataItem} />;\n      }}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        gapRatio,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        groupWidth,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        colors\n      }) => {\n        return (\n          <>\n            {groups.slice(xStartIndex, xEndIndex + 1).map((_, index) => (\n              <BarGroup\n                yScale={yScale}\n                xScale={xScale}\n                groupIndex={index + xStartIndex}\n                selectedIds={selectedSet}\n                hiddenIds={hiddenSet}\n                highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                isDrillEnabled={drilling === 'on'}\n                series={series}\n                barGapRatio={gapRatio}\n                dataItemGaps={dataItemGaps}\n                isPointInsideMarquee={isPointInsideMarquee}\n                isStacked={isStacked}\n                groupWidth={groupWidth}\n                group={groups[index]}\n                timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                colors={colors}\n                activeId={activeId}\n                isLog={yAxis?.scale === 'log'}\n                orientation={orientation}\n                getDataItem={getDataItem}\n                isSelectionEnabled={selectionMode != 'none'}\n                isRtl={isRtl}\n                focusedItemInfo={focusedItemInfo}\n                hoveredItemInfo={hoveredItemInfo}\n                getTextDimensions={getTextDimensions}\n                defaultFontSize={defaultFontSize}\n                getStackLabel={props.getStackLabel}\n              />\n            ))}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["getNextItem","info","viewportEndIndex","numSeries","isNavigable","nextItemInGroup","getNextItemInGroup","groupIndex","nextItem","seriesIndex","getPreviousItem","viewportStartIndex","prevItemInGroup","getPrevItemInGroup","prevItem","OverviewBarChart","props","_jsx","BarChart","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","xAxis","tickLabel","autoRotate","timeAxisType","series","groups","getDataItem","yAxis","overview","AXIS_OFFSET","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","isStacked","selectionMode","drilling","dataItemGaps","direction","useUser","isRtl","hiddenSet","Set","isHoriz","selectedSet","highlightedSet","Chart","renderGridLinesInFront","findNearest","xScale","yScale","groupWidth","gapRatio","getSeriesDataInfo","getSeriesOffsetAndWidth","length","findNearestDataPoint","getBarCenterCoordinate","scale","getDataItemPos","getBarPosition","getNavUtil","startIndex","endIndex","isItemNavigable","barItem","Boolean","itemInfo","arrow","newInfo","getNextItemInSeries","getPrevItemInSeries","getBarChartNavUtil","getGapRatio","getBarGapRatio","getMarkerInfo","color","getItemColor","type","offset","defaultOverviewContentRenderer","jsx","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","colors","_Fragment","Fragment","slice","map","_","index","BarGroup","isDrillEnabled","barGapRatio","group","isLog","isSelectionEnabled","getStackLabel"],"mappings":"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"}

package/amd/BaseCardView-70b177ed.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-17f5cc64', './useCurrentKey-31c18053', './useCollectionFocusRing-66a6fc12', './useTabbableModeSet-dc176f1d', './useSelection-f0c7d74d', './LayerHost-e95c5f30', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './Selector-2b0c34a7', './HiddenAccessible-037ef42d', './LoadMoreCollection-a6adbc3f', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './classNames-08d99695', './refUtils-d354a169', './logger-0f873e29', './tabbableUtils-85aa6918', './useId-c9578d26', './useAnimation-5a74955f', './useResizeObserver-275c3e83', './TabbableModeContext-a9c97640', './FocusTrap-60520575', './useUser-85c781ea', './useReorderableItem-4c4779f7', './useReorderableContext-a5453bd7', './Grid-160f4885', './Flex-56ecdf4c', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './useCurrentItemOverride-bb6266d0', 'module'], (function(e,t,r,s,n,o,a,i,l,c,d,u,y,m,f,h,g,x,b,C,p,S,R,v,E,I,T,w,A,K,L,O,j,k,M,D,P,F){"use strict";function V({currentKey:e,children:r,dragKey:s,setDragKey:o,onReorder:l,rootRef:c,gutterSize:d,columns:u,context:y}){const m=n.useRef(null),f=1===u,h=y.index%u==0,g=y.index%u==u-1,x=C.multiVariantStyles({itemOverlayFront:d}),b=C.multiVariantStyles({itemOverlayFrontVertical:d}),S={itemOverlayFront:f?b:x,itemOverlayRear:f?C.styles.itemOverlayRearVertical:C.styles.itemOverlayRear,itemDragger:C.styles.itemDragger},R=n.useCallback((()=>m?.current?.closest(i.ITEM_SELECTOR)),[]),v=n.useCallback((e=>{e.dataTransfer?.setData("text/cardview-items-key",JSON.stringify(y.metadata.key))}),[y.metadata.key]),{rootProps:E,isDragged:I,overlayZoneBeforeProps:T,overlayZoneAfterProps:w}=L.useReorderableItem({isDisabled:!l,dragKey:s,setDragKey:o,onReorder:l,rootRef:c,ref:m,getItem:R,setTransferData:v,itemStyles:S,itemSelector:i.ITEM_SELECTOR,isVertical:f}),{currentItemKey:A}=O.useReorderableContext();n.useEffect((()=>{e===y.metadata.key&&(A.current=e)}),[e,y,A]);const{direction:j}=K.useUser(),k="rtl"===j,M=p.classNames([T?.class,!f&&!k&&h&&C.styles.itemOverlayFrontEdge,!f&&k&&g&&C.styles.itemOverlayFrontEdge]),D=p.classNames([w?.class,!f&&!k&&g&&C.styles.itemOverlayRearEdge,!f&&k&&h&&C.styles.itemOverlayRearEdge]);return t.jsxs("div",{...E,children:[r,!I&&a.isKeyDefined(s)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...T,class:M}),t.jsx("div",{...w,class:D})]})]})}const B=e=>({animationStates:{slideUp:{from:{translateY:"50px"},to:{translateY:"0px"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}},slideDown:{from:{translateY:"-50px"},to:{translateY:"0"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}}},isAnimatedOnMount:!0}),_=(e,t)=>({animationStates:{opacity:{from:{opacity:0},to:{opacity:1},options:{duration:150,delay:50*e,easing:"linear"}}},isAnimatedOnMount:!0,onAnimationEnd:()=>{t.current&&clearTimeout(t.current)}}),z=s.memo((function({children:e,context:r,isTabbable:s,isFocused:o,isFocusRingVisible:a,isSelected:i,selectionMode:l,focusBehavior:c,setIsFocusBehaviorValid:d,initialAnimation:u,isGridLayout:y,updateCardSize:m,reorderItemProps:f}){const h=n.useRef(null),g=n.useRef(),x=r.metadata.key,b=r.index,K=o&&a,L=C.multiVariantStyles({itemFocused:"card"===c&&K?"isItemFocused":"isNotItemFocused",itemInitialOpacity:u?"isTransparent":"isNotTransparent",itemInGridLayout:y?"isInGridLayout":"isNotInGridLayout"}),O=p.classNames([C.styles.itemStyle,L]),j=n.useCallback((e=>{m?.(e.contentRect.width,e.contentRect.height)}),[m]),k=n.useRef(null);T.useResizeObserver(m?h:k,j),n.useLayoutEffect((()=>{if("content"===c&&K){const e=h.current?.firstElementChild?.firstElementChild,t=v.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(R.warn(`${t.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'.`),d?.(!1)):t[0].focus()}}),[c,K,d]);const{nodeRef:M,controller:D}=I.useAnimation(u||"none",B(b)),{nodeRef:P,controller:F}=I.useAnimation(u?"opacity":"none",_(b,g));n.useEffect((()=>{void 0!==u&&(g.current=setTimeout((()=>{D.cancel(),F.cancel(),h.current&&(h.current.style.opacity="1")}),1e3))}),[F,D,u]);const z=n.useMemo((()=>void 0===u?S.mergeRefs(h):S.mergeRefs(h,M,P)),[h,M,P,u]),N=f?t.jsx(V,{...f,context:r,children:e(r)}):e(r);return t.jsx("div",{id:E.useId(),ref:z,class:O,role:"gridcell","data-oj-key":x,onKeyDown:e=>{"card"!==c||!s||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},"aria-selected":"none"===l?void 0:i,..."number"==typeof x&&{"data-oj-key-type":"number"},children:t.jsx(w.TabbableModeContext.Provider,{value:{isTabbable:s},children:t.jsx(A.FocusTrap,{isDisabled:!s,restoreFocusRef:!1,children:N})})})}),((e,t)=>{return!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.initialAnimation===t.initialAnimation&&e.focusBehavior===t.focusBehavior&&i.compareListItemContext(e.context,t.context)&&(r=e.reorderItemProps,s=t.reorderItemProps,r?.currentKey===s?.currentKey&&r?.dragKey===s?.dragKey&&r?.columns===s?.columns));var r,s}));function N({children:e,layout:r,gutterSize:s,columns:n}){const o=M.cardViewVars.gutterSize[s];return"grid"===r?n<1?null:t.jsx(j.Grid,{gridTemplateColumns:`repeat(${n}, 1fr)`,gap:o,children:e}):t.jsx(k.Flex,{wrap:"wrap",gap:o,children:e})}function U({children:e}){const[s,o]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{o(!0)}),50)}),[]),s?t.jsx(r.Fragment,{children:e}):t.jsx("div",{class:b.LOADMORE_STYLE_CLASS})}const Y=(e,r=25,s,n,o=!0)=>{const a=s||("flex"===e?"60x":"100%"),i=n||"70x";return[...Array(r)].map(((e,r)=>t.jsx(D.Skeleton,{width:a,height:i},o&&`${r}${(new Date).getTime()}`)))},H=e=>t.jsx(U,{children:Y(e.layout)}),G=e=>{const r=[t.jsx("div",{class:b.LOADMORE_STYLE_CLASS,children:Y(e.layout,1)}),...Y(e.layout,24)];return t.jsx(U,{children:r})},$=()=>t.jsx("div",{class:b.LOADMORE_STYLE_CLASS}),W=e=>{if(e.colCount<1||null==e.cardWidth||null==e.cardHeight)return t.jsx($,{});{const r=[],s=e.colCount-e.totalCount%e.colCount,n=s===e.colCount,o=`calc(${e.cardWidth}px)`,a=e.cardHeight?`calc(${e.cardHeight}px)`:"70x",i="flex"===e.layout?o:"100%",l="flex"===e.layout||n?a:"100%",c=t.jsx("div",{class:b.LOADMORE_STYLE_CLASS,children:Y(e.layout,1,i,l)});return r.push(c),r.push(Y(e.layout,s-1,i,l)),n||r.push(Y(e.layout,e.colCount,i,a)),t.jsx(U,{children:r})}},Z={all:!1,keys:new Set},J={xs:12,sm:16,md:24,lg:48,xl:64},X=s.forwardRef((({children:e,data:s,onLoadMore:y=(()=>{}),hasMore:m=!1,getRowKey:f,currentItemOverride:p,onPersistCurrentItem:S,selectionMode:R="none",selectedKeys:v=Z,onSelectionChange:E,onReorder:I,viewportConfig:T,focusBehavior:w="card","aria-label":A,"aria-labelledby":K,initialAnimation:O="slideUp",gutterSize:j="sm",columns:k,layout:M,cardSize:D,updateCardSize:F,skeletonRenderer:V},B)=>{const _=n.useRef(null);n.useImperativeHandle(B,(()=>_.current),[_]);const Y=n.useRef(),$=n.useRef(),X=n.useRef(!0),te=J[j],re={layout:M,columns:k,gutterSize:j},se=n.useRef(!0);n.useEffect((()=>{null!=D.height&&null!=D.width&&(se.current=!1)}),[D]);const ne="none"===R?void 0:"multiple"===R,oe=m||!s||k<1?-1:Math.ceil(s?.length/k),ae=k<1?-1:k,[ie,le]=n.useState(!0),ce=ie?w:"card",de=n.useRef(!1),ue=null!=I,ye=n.useRef(!1),{currentKey:me,onCurrentKeyChange:fe,isCurrentItemOverridden:he}=P.useCurrentItemOverride(p,S),[ge,xe]=d.useTabbableModeSet(_,(e=>i.keyExtractor(e,i.ITEM_SELECTOR)),me,fe),{currentKeyProps:be}=l.useCurrentKey((e=>i.keyExtractor(e,i.ITEM_SELECTOR)),"multiple"!==R,(()=>i.getPrevNextKeyByCount(s,f,me,-k)),(()=>i.getPrevNextKeyByCount(s,f,me,k)),(()=>i.getPrevNextKeyByCount(s,f,me,-1)),(()=>i.getPrevNextKeyByCount(s,f,me,1)),me,fe),[Ce,pe]=c.useCollectionFocusRing(_,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]),Se=n.useCallback((e=>{const t=i.keyExtractor(e.target,i.ITEM_SELECTOR);a.isKeyDefined(t)&&($.current=t,t!==me&&(X.current=!1))}),[me]);n.useEffect((()=>{if(null!=me&&_.current){const e=i.findElementByKey(_.current,me,i.ITEM_SELECTOR);if(e){if("card"===ce){const t=e.closest("[role=gridcell]"),r=_.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(_.current.setAttribute("aria-activedescendant",t.id),de.current=!0)}de.current&&!he&&(e.scrollIntoView({block:"nearest"}),de.current=!1)}}}),[me,s,ce,ue,he]);const Re=n.useCallback((e=>{E&&(!1===e.value.all&&e.value.keys.size>0&&(Y.current=Array.from(e.value.keys.values()).pop()),E(e))}),[Y,E]),ve=n.useCallback((e=>{if(s&&E){const t=i.handleSelectionRange(e,s,f);Array.isArray(t)&&("shiftSpace"===e.eventType?Y.current=e.value.start:Y.current=e.value.end,E({value:{all:!1,keys:new Set(t)},target:null}))}}),[s,E,f]),{selectionProps:Ee}=u.useSelection((e=>e===_.current?void 0===me?null:me:i.keyExtractor(e,i.ITEM_SELECTOR)),v,R,!1,"toggle",Re,Y.current,me,((e,t)=>()=>i.getPrevNextKeyByCount(s,f,e,t?-k:k)),((e,t)=>()=>i.getPrevNextKeyByCount(s,f,e,t?-1:1)),(e=>{if(_.current){const t=i.findElementByKey(_.current,e,i.ITEM_SELECTOR);t&&t.scrollIntoView({block:"nearest"})}}),ve),{reorderProps:Ie,reorderItemProps:Te,reorderContext:we,reorderInstructionsId:Ae,reorderInstructions:Ke}=(({currentKey:e,onReorder:t,gutterSize:r,columns:s,rootRef:o,scrollCurrItemIntoView:a})=>{const l=null!=t,[c,d]=n.useState(void 0),{reorderProps:u,reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}=L.useReorderable({onReorder:t,rootRef:o,itemSelector:i.ITEM_SELECTOR,isDisabled:!l,columns:s});return l?{reorderProps:{...u,onDragOver:e=>{i.dragToScroll(e,void 0!==c,o.current),a.current=!1}},reorderItemProps:{currentKey:e,dragKey:c,setDragKey:d,onReorder:t,rootRef:o,gutterSize:r,columns:s},reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}:{reorderProps:u,reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}})({currentKey:me,onReorder:I,gutterSize:j,columns:k,rootRef:_,scrollCurrItemIntoView:de}),Le=ue&&t.jsx(t.Fragment,{children:t.jsx("span",{id:Ae,children:t.jsx(x.HiddenAccessible,{children:Ke})})}),Oe=n.useCallback((()=>{ye.current||(ye.current=!0,y())}),[ye,y]);n.useEffect((()=>{ye.current=!1}),[s,m]);const je=n.useCallback((e=>{const r=f(e.data),s="multiple"===R?()=>t.jsx(g.Selector,{onChange:E,rowKey:r,selectedKeys:v}):void 0;return{index:e.index,data:e.data,metadata:{key:r},selector:s,isSelected:a.containsKey(v,r)}}),[R,v,E,f]),ke=n.useCallback(((e,r)=>{const n=[];if(e){const e={loadingStatus:"initial"};n.push(t.jsx("div",{class:b.LOADMORE_STYLE_CLASS,children:r(e)})),n.push(Q(e,24,r))}else{if(0===k)return null;const e=k-s.length%k,o=e===k,a={loadingStatus:"loadMore",height:"flex"===M||o?ee(D.height):"100%",width:"flex"===M?ee(D.width):"100%"};n.push(t.jsx("div",{class:b.LOADMORE_STYLE_CLASS,children:r(a)})),n.push(Array(Q(a,e-1,r))),o||n.push(Q(a,k,r))}return t.jsx(U,{children:n})}),[D,k,s,M]),Me=s?!s.length&&m?V?ke(!0,V):t.jsx(G,{layout:M}):V?ke(!1,V):t.jsx(W,{layout:M,colCount:k,totalCount:s.length,cardWidth:D.width,cardHeight:D.height}):null;T=i.getViewportConfig(_,T);const De=t.jsx("div",{role:"row",children:t.jsx(N,{...re,children:t.jsx(b.LoadMoreCollection,{data:s,hasMore:m,onLoadMore:Oe,loadMoreIndicator:Me,loadMoreThreshold:te+4,viewportConfig:T,children:r=>{const s=je(r),n=ge(s.metadata.key),o=me===s.metadata.key&&!n,a=o&&Ce,i=s.isSelected;return(r=>t.jsx(z,{context:r,isTabbable:n,isFocused:o,isFocusRingVisible:a,isGridLayout:"grid"===M,isSelected:i,selectionMode:R,focusBehavior:ce,..."content"===w&&{setIsFocusBehaviorValid:le},...se.current&&{initialAnimation:O},...0===s.index&&!D.width&&{updateCardSize:F},...ue&&{reorderItemProps:Te},children:e},s.metadata.key))(s)}})})}),Pe=t.jsx(N,{...re,children:V?q(V):t.jsx(H,{layout:M})});return t.jsxs("div",{...o.mergeProps(be,pe,Ee,Ie,{onFocus:()=>{if(!a.isKeyDefined(me)&&fe&&ge(void 0)&&_.current){const e=$.current||i.getFirstVisibleKey(_.current,i.ITEM_SELECTOR);a.isKeyDefined(e)&&fe({value:e})}else if(a.isKeyDefined(me)&&_.current){const e=i.findElementByKey(_.current,me,i.ITEM_SELECTOR);X.current&&e?.scrollIntoView({block:"nearest"}),X.current=!0}},onPointerDown:Se,onKeyDown:e=>{"content"===ce&&"Tab"===e.key&&_.current?.focus({preventScroll:!0});ue&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(de.current=!0)}},{..."card"===ce&&xe}),ref:_,role:"grid",class:C.styles.baseStyle,tabIndex:0,"aria-label":A,"aria-labelledby":K,"aria-describedby":ue?Ae:void 0,"aria-multiselectable":ne,"aria-rowcount":oe,"aria-colcount":ae,children:[t.jsx(h.ReorderableContext.Provider,{value:we,children:s?s.length||m?De:t.jsx(r.Fragment,{}):Pe}),Le]})})),q=e=>t.jsx(U,{children:Q({loadingStatus:"initial"},25,e)}),Q=(e,t,r)=>Array(t).fill(r(e)),ee=e=>`calc(${e}px)`,te=X;e.BaseCardView=te,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const s=Math.floor((r+e)/(e+t));return Math.max(1,s)},e.gutterSizeToPX=J}));
-//# sourceMappingURL=BaseCardView-70b177ed.js.map

package/amd/BaseCardView-70b177ed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCardView-70b177ed.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-3466f4b3.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-861a26f0', './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-3466f4b3.js.map