@oracle/oraclejet-preact 18.1.1 → 18.1.2

package/amd/{useSelectCommon-dfd17adb.js.map → useSelectCommon-736de0ee.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSelectCommon-dfd17adb.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/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.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","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 { 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 { 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, 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","/**\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":["renderItemText","item","itemText","data","hasOwnProperty","retData","String","error","noOp","loadingIndicator","_jsx","jsx","SkeletonContainer","minimumCount","children","Flex","height","align","Skeleton","isSimpleClick","event","button","ctrlKey","preventDefaultForCurrentTarget","currentTarget","target","preventDefault","DEFAULT_PLACEMENT","noop","MobileDropdown","ariaLabelledBy","id","isOpen","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","width","maxHeight","direction","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","SelectMobileFieldInput","forwardRef","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","displayValue","hasEmptyLabel","hasInsideLabel","isRequired","onBlur","onFocus","placeholder","textAlign","variant","ref","isDisabled","isFocused","hasValue","useFormFieldContext","isTabbable","tabbableModeProps","useTabbableMode","myPlaceholder","isInputPlaceholderShown","undefined","UNSAFE_ariaLabelledBy","useAccessibleContext","mergedAriaLabelledBy","merge","styleInterpolationClasses","classes","themeClasses","useComponentTheme","TextFieldInputRedwoodTheme","type","styleVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","content","Text","currentItemVariant","currentKey","itemRenderer","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","itemRendererProps","index","metadata","selector","itemContext","key","_jsxs","jsxs","dropdownStyles","selectorWrapper","singleSelectItem","multiSelectItem","ListItemText","HighlightText","matchText","keys","useMemo","all","Set","currentItemOverride","rowKey","handleItemAction","context","handleSelectionChange","List","allowTabbableMode","onPersistCurrentItem","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","handleAutoDismiss","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","isMaxHeightAdjusted","maxHeightCeiling","offsetValue","mainAxis","crossAxis","style","onKeyDown","onMouseDown","onClick","testId","ButtonLabelLayoutRedwoodTheme","size","baseTheme","BaseButtonRedwoodTheme","pressProps","usePress","styleClasses","arrow","enabled","testIdProps","useTestId","tabIndex","DropdownArrowIcon","SvgCaretDown","hasTopGap","hasBottomGap","isLoading","list","topGap","bottomGap","loading","CollectionInteractionContext","Provider","props","handleMouseDown","tagName","FormFieldContext","userAssistance","InlineUserAssistance","translations","useTranslationBundle","results","extraItem","select_noMatchesFound","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","linkItemFocus","linkClasses","linkItemHighlight","Link","href","footer","hasHeaderSeparator","header","labelId","Separator","selectMobileDropdownStyles","valueItems","reduce","accumKeys","currentItem","add","sizePrecision","totalSize","deviceType","getClientHints","length","onSelectedKeysChange","selectedOnlyData","common","currentRowKeyOverride","onPersistCurrentRowKey","selected","onRowAction","onSelectedChange","inputRef","onFilter","mainFieldRef","useRef","isDropdownOpen","setDropdownOpen","isDropdownAbove","setDropdownAbove","currentRowOverride","_setCurrentRowOverride","currentRowKeyRef","setCurrentRowOverride","currentRow","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","prevIsDropdownOpen","setPrevIsDropdownOpen","prevIsFocused","setPrevIsFocused","prevIsUserFiltering","setPrevIsUserFiltering","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","contains","document","activeElement","handleDropdownPosition","startsWith","getDropdownTabbableElems","allTabbableElements","handleUpDownArrowKeys","tabbableElems","handleMainFieldKeyDown","PAGE_UP","PAGE_DOWN","UP","DOWN","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","stopFiltering","useEffect"],"mappings":"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"}
+{"version":3,"file":"useSelectCommon-736de0ee.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/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.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","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 { 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 { 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, 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","/**\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":["renderItemText","item","itemText","data","hasOwnProperty","retData","String","error","noOp","loadingIndicator","_jsx","jsx","SkeletonContainer","minimumCount","children","Flex","height","align","Skeleton","isSimpleClick","event","button","ctrlKey","preventDefaultForCurrentTarget","currentTarget","target","preventDefault","DEFAULT_PLACEMENT","noop","MobileDropdown","ariaLabelledBy","id","isOpen","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","width","maxHeight","direction","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","SelectMobileFieldInput","forwardRef","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","displayValue","hasEmptyLabel","hasInsideLabel","isRequired","onBlur","onFocus","placeholder","textAlign","variant","ref","isDisabled","isFocused","hasValue","useFormFieldContext","isTabbable","tabbableModeProps","useTabbableMode","myPlaceholder","isInputPlaceholderShown","undefined","UNSAFE_ariaLabelledBy","useAccessibleContext","mergedAriaLabelledBy","merge","styleInterpolationClasses","classes","themeClasses","useComponentTheme","TextFieldInputRedwoodTheme","type","styleVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","content","Text","currentItemVariant","currentKey","itemRenderer","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","itemRendererProps","index","metadata","selector","itemContext","key","_jsxs","jsxs","dropdownStyles","selectorWrapper","singleSelectItem","multiSelectItem","ListItemText","HighlightText","matchText","keys","useMemo","all","Set","currentItemOverride","rowKey","handleItemAction","context","handleSelectionChange","List","allowTabbableMode","onPersistCurrentItem","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","handleAutoDismiss","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","isMaxHeightAdjusted","maxHeightCeiling","offsetValue","mainAxis","crossAxis","style","onKeyDown","onMouseDown","onClick","testId","ButtonLabelLayoutRedwoodTheme","size","baseTheme","BaseButtonRedwoodTheme","pressProps","usePress","styleClasses","arrow","enabled","testIdProps","useTestId","tabIndex","DropdownArrowIcon","SvgCaretDown","hasTopGap","hasBottomGap","isLoading","list","topGap","bottomGap","loading","CollectionInteractionContext","Provider","props","handleMouseDown","tagName","FormFieldContext","userAssistance","InlineUserAssistance","translations","useTranslationBundle","results","extraItem","select_noMatchesFound","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","linkItemFocus","linkClasses","linkItemHighlight","Link","href","footer","hasHeaderSeparator","header","labelId","Separator","selectMobileDropdownStyles","valueItems","reduce","accumKeys","currentItem","add","sizePrecision","totalSize","deviceType","getClientHints","length","onSelectedKeysChange","selectedOnlyData","common","currentRowKeyOverride","onPersistCurrentRowKey","selected","onRowAction","onSelectedChange","inputRef","onFilter","mainFieldRef","useRef","isDropdownOpen","setDropdownOpen","isDropdownAbove","setDropdownAbove","currentRowOverride","_setCurrentRowOverride","currentRowKeyRef","setCurrentRowOverride","currentRow","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","prevIsDropdownOpen","setPrevIsDropdownOpen","prevIsFocused","setPrevIsFocused","prevIsUserFiltering","setPrevIsUserFiltering","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","contains","document","activeElement","handleDropdownPosition","startsWith","getDropdownTabbableElems","allTabbableElements","handleUpDownArrowKeys","tabbableElems","handleMainFieldKeyDown","PAGE_UP","PAGE_DOWN","UP","DOWN","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","stopFiltering","useEffect"],"mappings":"w7FAYgB,SAAAA,GAAqBC,EAAkBC,GAGrD,GAAwB,iBAAbA,EAUX,OAAQA,EAAwCD,GAT9C,GAAKA,EAAKE,MAAcC,eAAeF,GAAW,CAChD,MAAMG,EAAUJ,EAAKE,KAAKD,GAC1B,OAAOI,OAAOD,EACf,CACDE,QAAM,iEAAmEL,EAM7E,CCsCA,MAAMM,GAAO,OA4Gb,MAAMC,GACJC,EAACC,IAAAC,EAAiBA,kBAAC,CAAAC,aAAc,EAC9BC,SAAA,IAEGJ,EAAAA,IAACK,EAAAA,KAAI,CAACC,OAAO,MAAMC,MAAM,SACvBH,SAAAJ,EAAAC,IAACO,EAAQA,SAAC,CAAAF,OAAO,WCjLdG,GAAiBC,GACJ,IAAjBA,EAAMC,SAAiBD,EAAME,QAOzBC,GAAkCH,IACzCA,EAAMI,gBAAkBJ,EAAMK,QAChCL,EAAMM,gBACP,ECmBGC,GAAoB,eCN1B,MAAMC,GAAO,OCKG,SAAAC,IAAiB,kBAAmBC,EAAchB,SAAEA,EAAQiB,GAAEA,EAAEC,OAAEA,IAChF,OAAQA,EACNtB,EAACC,IAAAsB,EAAKA,MACJ,CAAAnB,SAAAJ,MAACwB,GAAAA,cAAa,CAAApB,SACZJ,EAAAA,IACE,MAAA,CAAAqB,GAAIA,EACJI,MAAOC,GAAAA,qBAAqBC,KAC5BC,KAAK,SACM,aAAA,OACM,kBAAAR,EACjBhB,SAAAJ,EAAAC,IAACI,EAAIA,KAAA,CAACwB,MAAM,OAAOvB,OAAO,OAAOwB,UAAU,OAAOC,UAAU,SAAQ3B,SACjEA,UAVM,IAgBnB,CCHA,MAAM4B,GAAiB,IAAIC,OAAOC,OAAOC,GAAAA,qBACnCC,GAAsBC,GAAAA,oBAA2BL,IAqB1CM,GAAyBC,EAAAA,YACpC,EAEI,gBAAiBC,EACjB,mBAAoBC,EACpB,gBAAiBC,EACjB,eAAgBC,EAChB,aAAcC,EACd,kBAAmBxB,EACnByB,eACAC,gBACAC,kBAAiB,EACjBC,aACAC,SACAC,UACAC,cACAC,YACAC,UAAU,WAEZC,KAGA,MAAMC,WAAEA,EAAUC,UAAEA,EAASC,SAAEA,GAAW,GAAUC,GAAAA,uBAC9CC,WAAEA,EAAUC,kBAAEA,GAAsBC,GAAeA,kBAGnDC,EAAgBC,GAAuBA,wBAAChB,EAAgBU,EAAUD,GACpEL,OACAa,GAKEC,sBAAEA,GAA0BC,GAAAA,uBAC5BC,EAAuBrB,EACzBsB,SAAM,CAAChD,EAAgB6C,IACvB7C,GAGIK,MAAO4C,GAA8BjC,GAAoB,CAAEgB,eAC3DkB,QAASC,GAAiBC,EAAAA,kBAChCC,GAAAA,2BACA,CACEC,KAAM,cACNC,aAActB,EACduB,SAAU,cACVC,MAAO,UACPC,OAAQ,WACRC,OAAQ,WACRC,aAAc,iBACdC,WAAY,gBACZC,YAAanC,EAAiB,iBAAmB,gBACjDoC,MAAO1B,EAAW,WAAa,UAC/B2B,QAAS5B,EAAY,YAAc,aACnC6B,SAAU9B,EAAa,aAAe,gBAGpC+B,EAAsBC,EAAAA,WAAW,CACrCC,GAAAA,6BAA6B7D,KAC7B0C,EACAE,IAGF,OACEvE,MACoB,MAAA,CAAA,oBAAA,OACH,gBAAAwC,qBACGC,EAAe,gBAClBC,EAAY,eACbC,EACF,aAAAC,oBACKuB,EAAoB,gBACtBnB,EAAa,YAASgB,EACrCvC,MAAO6D,EACPrC,OAAQA,EACRC,QAASA,EACTI,IAAKA,EACL1B,KAAK,cACA+B,GAAcC,EAAkBxD,SACrCJ,aAAKyB,MAAO+D,GAA4BA,6BAACC,iBACvCzF,EAAAA,IAAC0F,GAAAA,KAAK,CAAArC,QAASR,EAAe,UAAY,YAAWzC,SAClDyC,GAAgBiB,OAIvB,kBLpFU,UACd,aAAclB,EAAS+C,mBACvBA,EAAkBC,WAClBA,EAAUnG,KACVA,EAAIoG,aACJA,EAAYrG,SACZA,EAAQsG,mBACRA,EAAkBC,aAClBA,EAAYC,YACZA,EAAclG,GAAImG,kBAClBA,EAAiBC,WACjBA,EAAUC,aACVA,EAAYC,cACZA,IAEA,MAAMC,EAAmBC,eACtBC,IAIC,MAAMC,EAA6C,CACjD/G,KAAM8G,EAAgB9G,KACtBgH,MAAOF,EAAgBE,MACvBC,SAAUH,EAAgBG,SAC1BC,SAAUJ,EAAgBI,SAC1BT,aACAC,eACAF,kBAAmB,EAAGd,YACpBc,IAAoB,CAAEd,SAAQ,GAG5ByB,EAAc,CAClBnH,KAAM8G,EAAgB9G,KACtBoH,IAAKN,EAAgBG,SAASG,IAC9BH,SAAUH,EAAgBG,UAE5B,OAAOb,EACLA,EAAaW,GAEbM,EAACC,KAAA1G,EAAIA,MAACE,MAAM,SACTH,SAAA,CAAAmG,EAAgBI,UACf3G,EAAAA,IAAK,MAAA,CAAAyB,MAAOuF,EAAAA,eAAeC,gBAAkB7G,SAAAmG,EAAgBI,aAE/D3G,EAAAA,WACEyB,MACoB,WAAlB2E,EACIY,EAAAA,eAAeE,iBACfF,EAAAA,eAAeG,gBAErB/G,SAAAJ,EAAAA,IAACoH,EAAYA,aAAA,CAAC/D,QAAQ,UAASjD,SAC7BJ,MAACqH,gBAAa,CAACC,UAAWpB,EAAU9F,SACjCd,GAAesH,EAAapH,WAKtC,GAEH,CAACqG,EAAcrG,EAAUyG,EAAmBC,EAAYC,EAAcC,IAGlEmB,EAAOC,EAAAA,SAAQ,KACZ,CAAEC,KAAK,EAAOF,KAAMpB,GAAgB,IAAIuB,OAC9C,CAACvB,IAEEwB,EAAsBH,EAAAA,SAC1B,SAAsBxD,IAAf4B,EAA2B,CAAEgC,OAAQhC,QAAe5B,GAC3D,CAAC4B,IAEGiC,EAAmBvB,EAAAA,aACvB,EAAGwB,SAAWrI,OAAMiH,gBAClBX,IAAe,CAAE+B,QAAS,CAAErI,OAAMoH,IAAKH,EAASG,IAAKH,aAAa,GAEpE,CAACX,IAEGgC,EAAwBzB,EAAAA,aAC5B,EAAGnB,YACDc,IAAoB,CAAEd,MAAO,IAAIuC,IAAIvC,EAAMoC,MAAMrF,WAAY,GAE/D,CAAC+D,IAGH,OACEjG,EAAAA,IAACgI,EAAAA,KAAI,CAAA,aACSpF,EACZqF,mBAAmB,EACnBtC,mBAAoBA,EACpBgC,oBAAqBA,EACrBlI,KAAMA,GAAQ,KACdM,iBAAkBA,GAClBmI,qBAAsBpC,EACtBC,aAAc8B,EACd7B,YAAaA,EACbC,kBAAmB8B,EACnBnG,KAAK,UACLuE,aAAcoB,EACdnB,cAAeA,EACdhG,SAAC0H,GAA2CzB,EAAiByB,IAGpE,uBErIyBK,UACvBA,EAAS/H,SACTA,EAAQgI,YACRA,EAAW/G,GACXA,EAAEC,OACFA,EAAM+G,cACNA,EAAaC,WACbA,IAEA,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6BxH,KAEhEyH,EAAYC,GAAiBF,EAAQA,SAACnH,GAEzCoH,IAAepH,IAIZA,GACHkH,EAAavH,KAIjB,MAAM2H,EAAiBtC,eACpBuC,IAICL,EAAaK,EAAaN,WAG1BD,IAAaO,EAAa,GAE5B,CAACP,EAAYE,IAGTM,EAAoBxC,eACvB5F,IACC2H,IAAgB3H,EAAM,GAExB,CAAC2H,IAGGU,EAAgBzC,eACnB5F,IACC,IAAIA,EAAMsI,mBAAoBC,EAAsBA,uBAACvI,GAIrD,OAAQA,EAAMwI,MACZ,KAAKC,EAAAA,KAAKC,IACV,KAAKD,EAAIA,KAACE,IACRP,EAAkBpI,GAErB,GAEH,CAACoI,IAKHQ,sBAAoB,CAClB/F,YAAajC,EACbgC,IAAK,CAAC6E,EAAWC,GACjBmB,QAAST,IAIX,MAEMU,EAAclI,EAChB,CACEmI,SAAU,GAAGtB,EAAUuB,SAASC,iBAElC,GAMJ,OAJIjB,IAAepH,GACjBqH,EAAcrH,GAGRA,EACNtB,EAAAA,IAACuB,EAAAA,OAAMqI,iBAAkBzB,EAAS/H,SAChCJ,EAACC,IAAA4J,EAAQA,SACP,CAAA1B,UAAWA,EACX2B,YAAa,CACXC,qBAAqB,EACrBC,iBAAkB,KAEpB1G,IAAK8E,EACLG,UAAWA,EACX0B,YAtBc,CAAEC,SAAU,EAAGC,UAAW,GAuBxC7B,WAAYM,EAAcxI,SAC1BJ,EAAAA,WACEyB,MAAOuF,EAAcA,eAACrF,KACtBN,GAAIA,EACJ+I,MAAOZ,EACPa,UAAWtB,EACXuB,YAAazJ,GACZT,SAAAA,QAlBQ,IAuBnB,kBC7GM,UAAwBmD,WAAEA,GAAa,EAAKgH,QAAEA,EAAOC,OAAEA,IAC3D,MAAMlG,QAAEA,GAAYE,EAAiBA,kBACnCiG,EAA6BA,8BAC7B,CAAEC,KAAM,QAEJC,UAAEA,GAAcnG,EAAiBA,kBAACoG,EAAsBA,wBAExD5J,EAAiBsF,eAAa5F,IAClCA,EAAMM,gBAAgB,GACrB,KACG6J,WAAEA,GAAeC,EAAQA,SAACP,GAAWrJ,GAAM,CAAEqC,eAG7CwH,EAAexF,EAAAA,WAAW,CAC9BjB,EACAqG,EACA3D,EAAcA,eAACgE,MAAMrJ,KACrB4B,EAAayD,EAAcA,eAACgE,MAAM3F,SAAW2B,EAAcA,eAACgE,MAAMC,UAG9DC,EAAcC,YAAUX,GAE9B,OACExK,EACcC,IAAA,OAAA,CAAA,cAAA,OACZwB,MAAOsJ,EACPK,UAAW,EACXd,YAAatJ,KACTkK,KACAL,EACJzK,SAAAJ,EAAAA,IAACqL,EAAiBC,aAAA,KAGxB,2BGtC6BlL,SAC3BA,EAAQmL,UACRA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,UACnBA,GAAY,IAEZ,MAAMV,EAAexF,EAAAA,WAAW,CAC9ByB,EAAcA,eAAC0E,KAAK/J,KACpB4J,GAAavE,EAAAA,eAAe0E,KAAKC,OACjCH,GAAgBxE,EAAAA,eAAe0E,KAAKE,UACpCH,GAAazE,EAAAA,eAAe0E,KAAKG,UAEnC,OACE7L,EAAAA,IAAC8L,EAAAA,6BAA6BC,SAAS,CAAA5G,MAAO,WAC5C/E,SAAAJ,MAAA,MAAA,CAAKyB,MAAOsJ,EAAcT,YAAazJ,YACpCT,KAIT,2BChBM,SAAiC4L,GAGrC,MAAMC,EAAkB3F,eAAa5F,IAGQ,MAAtCA,EAAMK,QAAoBmL,SAC7BxL,EAAMM,gBACP,GACA,IAEH,OACEhB,MAACmM,EAAAA,iBAAiBJ,SAAS,CAAA5G,MAAO,CAAE3B,WAAW,YAC7CxD,EAAKC,IAAA,MAAA,CAAAwB,MAAOuF,EAAcA,eAACoF,eAAgB9B,YAAa2B,EAAe7L,SACrEJ,EAACC,IAAAoM,2BAAyBL,OAIlC,4BC5BE,MAAMM,EAAeC,wBAAiC,4BAItD,OACEvM,aAAKyB,MAAOuF,EAAAA,eAAewF,QAAQC,UAAWnC,YAAazJ,YACxDyL,EAAaI,yBAGpB,aCciB,EAAGtM,WAAUuM,gBAAeC,eAC3C,MAAMC,QAAEA,EAAOC,WAAEA,GAAeC,GAAQA,YAClCvJ,UAAEA,EAASwJ,WAAEA,GAAeC,GAAcA,iBAE1CC,EAAc5G,eACjB6G,IAECA,EAAEnM,iBACF4L,OACO,IAET,CAACA,IAGGQ,EAAc7H,EAAUA,WAAC,CAAC/B,EAAYwD,EAAcA,eAACwF,QAAQa,mBAAgBrJ,IAE7EsJ,EAAc/H,EAAAA,WAAW,CAC7ByB,EAAcA,eAACwF,QAAQC,UACvBI,GAAWrJ,GAAamJ,EAAgB3F,EAAcA,eAACwF,QAAQe,uBAAoBvJ,IAGrF,OACEhE,MAAA,MAAA,CAAKyB,MAAO2L,KAAiBJ,EAAU5M,SACrCJ,EAAAA,IAACwN,GAAAA,KAAK,CAAAC,KAAK,IAAIlD,QAAS2C,EAAW9M,SACjCJ,EAAKC,IAAA,MAAA,CAAAwB,MAAO6L,KAAiBR,EAAU1M,SACpCA,OAIP,uDC/BiCA,SACnCA,EAAQsN,OACRA,EAAMC,mBACNA,GAAqB,EAAIC,OACzBA,EAAMvM,GACNA,EAAEC,OACFA,EAAMuM,QACNA,IAEA,OACE/G,EAAAA,KAAC3F,GAAe,CAAAE,GAAIA,EAAIC,OAAQA,EAAyB,kBAAAuM,YACtDD,EACAD,GAAsB3N,EAAAA,IAAC8N,GAAAA,UAAS,CAAA,GAGjC9N,EAAKC,IAAA,MAAA,CAAAwB,MAAOsM,GAAAA,2BAA2BtI,QAAUrF,SAAAA,IACjDJ,EAAAA,IAAC8N,GAAAA,UAAS,CAAA,GACTJ,IAGP,yDCJM,SAAyCM,GAC7C,MAAMzG,EAAOyG,GAAYC,QAAO,CAACC,EAAWC,KAC1CD,EAAUE,IAAID,EAAYtH,KACnBqH,IACN,IAAIxG,KACP,OAAOH,CACT,sBApBM,SAAkC9H,GACtC,MAA8B,YAAvBA,EAAK4O,eAAkD,IAAnB5O,EAAK6O,SAClD,wBAtBE,MAAMC,EAAaC,oBAAiBD,WACpC,MAAsB,UAAfA,GAAyC,WAAfA,CACnC,uBAOE,MAAuC,UAAhCC,GAAcA,iBAAGD,UAC1B,iCAcM,SAAuCrI,GAC3C,YAAsBlC,IAAfkC,GAAkD,IAAtBA,EAAWuI,MAChD,2CATE,MAAuC,WAAhCD,GAAcA,iBAAGD,UAC1B,mBV/B+B7N,IAC7BA,EAAMM,gBAAgB,4FWgF6C4E,WACnEA,EAAUE,mBACVA,EAAkBC,aAClBA,EAAY2I,qBACZA,EAAoBxI,WACpBA,EAAUC,aACVA,EAAYwI,iBACZA,IAEA,OAAOnH,EAAOA,SAAkC,KAC9C,MAAMoH,EAAS,CACb1I,aACA2I,sBAAuBjJ,EACvBkJ,uBAAwBhJ,EACxBiJ,SAAU5I,GAKZ,YAAqBnC,IAAjB+B,EACK,IACF6I,EACHI,YAAajJ,GAKV,IACF6I,EACHK,iBAAkBP,EAClBC,mBACuD,GACxD,CACD/I,EACAE,EACAC,EACA2I,EACAxI,EACAC,EACAwI,GAEJ,oBCrFM,UAAgClP,KACpCA,EAAIyP,SACJA,EAAQ1L,UACRA,EAAS2L,SACTA,IAEA,MAAMC,EAAeC,SAAuB,MACtCjH,EAAciH,SAAuB,OACpCC,EAAgBC,GAAmB9G,EAAQA,UAAC,IAC5C+G,EAAiBC,GAAoBhH,EAAQA,UAAC,IAK9CiH,EAAoBC,GAA0BlH,WAAyB,CAC5Eb,YAAQ5D,IAKJ4L,EAAmBP,EAAAA,SAGnBQ,EAAwBvJ,eAAawJ,IACzCF,EAAiBlG,QAAUoG,EAAWlI,OACtC+H,EAAuBG,EAAW,GACjC,KACIC,EAAiBC,GAAoBvH,EAAQA,UAAC,IAC9CwH,EAAWC,GAAgBzH,EAAQA,YACnCvC,EAAYiK,GAAiB1H,EAAQA,YAErC2H,EAAoBC,GAAyB5H,EAAQA,SAAC6G,IACtDgB,EAAeC,GAAoB9H,EAAQA,SAACjF,IAC5CgN,EAAqBC,GAA0BhI,EAAQA,SAACsH,GAEzDzF,EAAchE,eACjB5F,KAEKA,EAAMsI,kBAAqBvI,GAAcC,KAGxC4O,GACHC,GAAgB,GAIlBmB,YAAW,WACTxB,EAASxF,SAASiH,OACnB,GAAE,GAAE,GAEP,CAACzB,EAAUI,IAGPsB,EAA2BtK,EAAAA,aAAY,KAC3CiJ,GAAiBD,GAGjBJ,EAASxF,SAASiH,OAAO,GACxB,CAACzB,EAAUI,IAERuB,EAA4BvK,eAC/B5F,IACC,GAAI4O,EAGF,OAFAC,GAAgB,GAER7O,GAAOgE,MACb,IAAK,UAEH,GADsBhE,EACAwI,OACfC,EAAIA,KAACC,IAER8F,EAASxF,SAASiH,QAKtB,MACF,IAAK,YAICvI,EAAYsB,SAASoH,SAASC,SAASC,gBACzC9B,EAASxF,SAASiH,QAMzB,GAEH,CAACzB,EAAUI,IAGP2B,EAAyB3K,eAAa7G,IAC1CgQ,EAAiBhQ,EAAK8I,UAAU2I,WAAW,OAAO,GACjD,IAEGC,EAA2B7K,EAAAA,aAAY,IACpCgJ,GAAkBlH,EAAYsB,QACjC0H,GAAmBA,oBAAChJ,EAAYsB,cAChC1F,GACH,CAACsL,IAEE+B,EAAwB/K,eAC3B5F,IACC,GAAK4O,GAMH,GAAY,MAAR7P,EAAc,CAChB,MAAM6R,EAAgBH,IACtBG,IAAgB,IAAIX,aAGc3M,IAA9B0L,EAAmB9H,QACrBiI,EAAsB,CAAEjI,OAAQnI,EAAKA,KAAK,IAAIiH,UAAUG,KAE3D,OAbD0I,GAAgB,GAiBlB7O,EAAMM,gBAAgB,GAExB,CAAC0O,EAAoBjQ,EAAM0R,EAA0B7B,EAAgBO,IAGjE0B,EAAyBjL,eAC5B5F,IAGC,IAAIuI,EAAAA,uBAAuBvI,GAI3B,OAAQA,EAAMwI,MACZ,KAAKC,EAAAA,KAAKqI,QACV,KAAKrI,EAAIA,KAACsI,UAIR,YAFA/Q,EAAMM,iBAIR,KAAKmI,EAAAA,KAAKuI,GACV,KAAKvI,EAAIA,KAACwI,KAERjR,EAAMM,iBACN,MAEF,KAAKmI,EAAIA,KAACC,IACJkG,IACFC,GAAgB,GAEhB7O,EAAMM,iBAKNN,EAAMkR,mBAMX,GAEH,CAACtC,IAGGuC,EAAuBvL,eAC1B5F,IAEC,IAAIuI,EAAAA,uBAAuBvI,GAI3B,OAAQA,EAAMwI,MACZ,KAAKC,EAAAA,KAAKuI,GACV,KAAKvI,EAAIA,KAACwI,KACRN,EAAsB3Q,GAKzB,GAEH,CAAC2Q,IAGGS,EAAcxL,eACjByL,IACMzC,GACHC,GAAgB,GAElBS,GAAiB,GACjBE,EAAa6B,EAAO5M,OACpB,MAAM6M,EAAMD,EAAO5M,MACnBgL,EAAc6B,GACd7C,IAAW,CAAEjJ,WAAY8L,GAAM,GAEjC,CAAC1C,EAAgBH,IAGbrJ,EAAqBQ,eAAayL,IAGtCnC,EAAiBlG,QAAUqI,EAAO5M,KAAK,GACtC,IAEG8M,EAAgB3L,EAAAA,aAAY,KAChC0J,GAAiB,GACjBE,EAAa,IACbC,EAAc,GAAG,GAChB,IAqCH,OAhCEC,IAAuBd,GACvBgB,IAAkB9M,GAClBgN,IAAwBT,GAEnBT,GAAmB9L,IAAauM,GACnCkC,IAMJC,EAAAA,WAAU,KACJ5C,IAAmBS,GACrBZ,IAAW,CAAEjJ,gBAAYlC,GAC1B,GACA,CAACsL,EAAgBS,EAAiBZ,IAGjCiB,IAAuBd,IACpBA,GACHG,GAAiB,GAEnBY,EAAsBf,IAGpBgB,IAAkB9M,GACpB+M,EAAiB/M,GAEfgN,IAAwBT,GAC1BU,EAAuBV,GAGlB,CACLH,mBACAF,qBACAtH,cACA+I,2BACAP,2BACAC,4BACAI,yBACAa,cACAP,yBACAM,uBACAR,wBACA7B,kBACAF,iBAGA9L,UAAWA,GAAa8L,EACxBS,kBACAX,eACAtJ,qBACAwE,cACApE,aACA2J,wBACAN,kBACAW,eACA+B,gBACAhC,YAEJ"}

package/amd/{useSelectDrill-03c65602.js → useSelectDrill-6b0b6da7.js}

@@ -1,2 +1,2 @@
-define(['exports', './mergeProps-bcfa6a92', './useChartDataCursor-da191930', './useChartDatatip-1f138781', './eventsUtils-edf8f4e5', './accUtils-93ee6f16', './useChartDrill-adc49ac4', './useSelection-4c8e905b'], (function(e,t,o,a,r,s,i,n){"use strict";e.useChartDatatipAndCursor=function({series:e,groups:r,width:s,height:i,findNearest:n,getMarkerInfo:l,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorPosition:c,dataCursorStyle:p,hoveredItemInfo:f,focusedItemInfo:g,getDataItem:C,getDataItemPos:I,datatip:D,valueFormats:m,isHoriz:h,xScale:P,yScale:x,plotAreaSpace:S,timeAxisType:b,touchResponse:y,isDisabled:A,formatAxisLabel:v,formatYValue:E,hasXYValues:M}){const{datatipContent:R,datatipProps:G}=a.useChartDatatip({series:e,groups:r,width:s,height:i,isDataCursorEnabled:d,dataCursorPosition:c,hoveredItemInfo:f,getDataItem:C,getDataItemPos:I,focusedItemInfo:g,datatip:D,valueFormats:m,isHoriz:h,xScale:P,findNearest:n,timeAxisType:b,touchResponse:y,isDisabled:A,formatAxisLabel:v,formatYValue:E,hasXYValues:M}),{dataCursorContent:T,dataCursorProps:V}=o.useChartDataCursor({touchResponse:y,findNearest:n,dataCursorPosition:c,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorStyle:p,isHoriz:h,getMarkerInfo:l,focusedItemInfo:g,plotAreaSpace:S,yScale:x,xScale:P,getDataItemPos:I});return{datatipContent:R,dataCursorContent:T,datatipProps:t.mergeProps(V,G)}},e.useSelectDrill=function({selectionMode:e,selection:o,onChange:a,rootRef:s,drilling:l,onItemDrill:u,onGroupDrill:d,focusedGroupInfo:c,focusedItemInfo:p,groups:f,getDataItem:g,getDataById:C,ignoreAsTrigger:I}){const{selectionProps:D,selectionContent:m}=n.useSelection({idExtracter:e=>{const t=p.isCurrent&&"keyup"===e.type?p:r.getInfo(s,e.target);return t&&null!=t.seriesIndex&&null!=t.groupIndex?g(t.seriesIndex,t.groupIndex)?.id:void 0},isDrillEnabled:"on"===l,selection:o,selectionMode:e,onChange:a,getDataById:C,ignoreAsTrigger:I}),h=i.useChartDrill({rootRef:s,selectionMode:e,drilling:l,focusedItemInfo:p,focusedGroupInfo:c,groups:f,getDataItem:g,onItemDrill:u,onGroupDrill:d});return{selectDrillProps:t.mergeProps(D,h),selectionContent:m}}}));
-//# sourceMappingURL=useSelectDrill-03c65602.js.map
+define(['exports', './mergeProps-bcfa6a92', './useChartDataCursor-da191930', './useChartDatatip-f3574090', './eventsUtils-edf8f4e5', './accUtils-93ee6f16', './useChartDrill-adc49ac4', './useSelection-5128f1e7'], (function(e,t,o,a,r,s,i,n){"use strict";e.useChartDatatipAndCursor=function({series:e,groups:r,width:s,height:i,findNearest:n,getMarkerInfo:l,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorPosition:c,dataCursorStyle:p,hoveredItemInfo:f,focusedItemInfo:g,getDataItem:C,getDataItemPos:I,datatip:D,valueFormats:m,isHoriz:h,xScale:P,yScale:x,plotAreaSpace:S,timeAxisType:y,touchResponse:b,isDisabled:A,formatAxisLabel:v,formatYValue:E,hasXYValues:M}){const{datatipContent:R,datatipProps:G}=a.useChartDatatip({series:e,groups:r,width:s,height:i,isDataCursorEnabled:d,dataCursorPosition:c,hoveredItemInfo:f,getDataItem:C,getDataItemPos:I,focusedItemInfo:g,datatip:D,valueFormats:m,isHoriz:h,xScale:P,findNearest:n,timeAxisType:y,touchResponse:b,isDisabled:A,formatAxisLabel:v,formatYValue:E,hasXYValues:M}),{dataCursorContent:T,dataCursorProps:V}=o.useChartDataCursor({touchResponse:b,findNearest:n,dataCursorPosition:c,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorStyle:p,isHoriz:h,getMarkerInfo:l,focusedItemInfo:g,plotAreaSpace:S,yScale:x,xScale:P,getDataItemPos:I});return{datatipContent:R,dataCursorContent:T,datatipProps:t.mergeProps(V,G)}},e.useSelectDrill=function({selectionMode:e,selection:o,onChange:a,rootRef:s,drilling:l,onItemDrill:u,onGroupDrill:d,focusedGroupInfo:c,focusedItemInfo:p,groups:f,getDataItem:g,getDataById:C,ignoreAsTrigger:I}){const{selectionProps:D,selectionContent:m}=n.useSelection({idExtracter:e=>{const t=p.isCurrent&&"keyup"===e.type?p:r.getInfo(s,e.target);return t&&null!=t.seriesIndex&&null!=t.groupIndex?g(t.seriesIndex,t.groupIndex)?.id:void 0},isDrillEnabled:"on"===l,selection:o,selectionMode:e,onChange:a,getDataById:C,ignoreAsTrigger:I}),h=i.useChartDrill({rootRef:s,selectionMode:e,drilling:l,focusedItemInfo:p,focusedGroupInfo:c,groups:f,getDataItem:g,onItemDrill:u,onGroupDrill:d});return{selectDrillProps:t.mergeProps(D,h),selectionContent:m}}}));
+//# sourceMappingURL=useSelectDrill-6b0b6da7.js.map

package/amd/{useSelectDrill-03c65602.js.map → useSelectDrill-6b0b6da7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSelectDrill-03c65602.js","sources":["../../src/hooks/PRIVATE_useChartEvents/useDatatipAndCursor.ts","../../src/hooks/PRIVATE_useChartEvents/useSelectDrill.ts"],"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 { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useChartDataCursor } from '#hooks/PRIVATE_useChartDataCursor';\nimport { useChartDatatip } from '#hooks/PRIVATE_useChartDatatip';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype DataCursorProps = Parameters<typeof useChartDataCursor>[0];\ntype DatatipProps<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n> = Parameters<typeof useChartDatatip<K, D>>[0];\n\nexport function useChartDatatipAndCursor<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  series,\n  groups,\n  width,\n  height,\n  findNearest,\n  getMarkerInfo,\n  onDataCursorPositionChange,\n  isDataCursorEnabled,\n  dataCursorPosition,\n  dataCursorStyle,\n  hoveredItemInfo,\n  focusedItemInfo,\n  getDataItem,\n  getDataItemPos,\n  datatip,\n  valueFormats,\n  isHoriz,\n  xScale,\n  yScale,\n  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  formatAxisLabel,\n  formatYValue,\n  hasXYValues\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    groups,\n    width,\n    height,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    hoveredItemInfo,\n    getDataItem,\n    getDataItemPos,\n    focusedItemInfo,\n    datatip,\n    valueFormats,\n    isHoriz,\n    xScale,\n    findNearest,\n    timeAxisType,\n    touchResponse,\n    isDisabled,\n    formatAxisLabel,\n    formatYValue,\n    hasXYValues\n  });\n\n  const { dataCursorContent, dataCursorProps } = useChartDataCursor({\n    touchResponse,\n    findNearest,\n    dataCursorPosition,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorStyle,\n    isHoriz,\n    getMarkerInfo,\n    focusedItemInfo,\n    plotAreaSpace,\n    yScale,\n    xScale,\n    getDataItemPos\n  });\n\n  return {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: mergeProps(dataCursorProps, datatipProps)\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 { getInfo } from '#utils/UNSAFE_visUtils';\nimport { useChartDrill } from '#hooks/PRIVATE_useChartDrill';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\n\ntype DrillProps<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>> = Parameters<\n  typeof useChartDrill<K, D>\n>[0];\n\ntype SelectionProps<K, D> = {\n  selection: K[];\n  onChange?: (detail: { ids: K[]; data: (D | undefined)[] }) => void;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\nexport function useSelectDrill<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>>({\n  selectionMode,\n  selection,\n  onChange,\n  rootRef,\n  drilling,\n  onItemDrill,\n  onGroupDrill,\n  focusedGroupInfo,\n  focusedItemInfo,\n  groups,\n  getDataItem,\n  getDataById,\n  ignoreAsTrigger\n}: DrillProps<K, D> & SelectionProps<K, D>) {\n  const idExtracter = (event: Event): K | undefined => {\n    const isItemFocused = focusedItemInfo.isCurrent;\n    const info =\n      isItemFocused && event.type === 'keyup'\n        ? focusedItemInfo\n        : getInfo(rootRef, event.target as HTMLElement);\n    return info && info.seriesIndex != null && info.groupIndex != null\n      ? getDataItem(info.seriesIndex, info.groupIndex)?.id\n      : undefined;\n  };\n\n  const { selectionProps, selectionContent } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling === 'on',\n    selection,\n    selectionMode,\n    onChange,\n    getDataById,\n    ignoreAsTrigger\n  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    groups,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":["series","groups","width","height","findNearest","getMarkerInfo","onDataCursorPositionChange","isDataCursorEnabled","dataCursorPosition","dataCursorStyle","hoveredItemInfo","focusedItemInfo","getDataItem","getDataItemPos","datatip","valueFormats","isHoriz","xScale","yScale","plotAreaSpace","timeAxisType","touchResponse","isDisabled","formatAxisLabel","formatYValue","hasXYValues","datatipContent","datatipProps","useChartDatatip","dataCursorContent","dataCursorProps","useChartDataCursor","mergeProps","selectionMode","selection","onChange","rootRef","drilling","onItemDrill","onGroupDrill","focusedGroupInfo","getDataById","ignoreAsTrigger","selectionProps","selectionContent","useSelection","idExtracter","event","info","isCurrent","type","getInfo","target","seriesIndex","groupIndex","id","undefined","isDrillEnabled","drillProps","useChartDrill","selectDrillProps"],"mappings":"+QAqBM,UAGJA,OACAA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,YACNA,EAAWC,cACXA,EAAaC,2BACbA,EAA0BC,oBAC1BA,EAAmBC,mBACnBA,EAAkBC,gBAClBA,EAAeC,gBACfA,EAAeC,gBACfA,EAAeC,YACfA,EAAWC,eACXA,EAAcC,QACdA,EAAOC,aACPA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,cACNA,EAAaC,aACbA,EAAYC,cACZA,EAAaC,WACbA,EAAUC,gBACVA,EAAeC,aACfA,EAAYC,YACZA,IAEA,MAAMC,eAAEA,EAAcC,aAAEA,GAAiBC,kBAAsB,CAC7D5B,SACAC,SACAC,QACAC,SACAI,sBACAC,qBACAE,kBACAE,cACAC,iBACAF,kBACAG,UACAC,eACAC,UACAC,SACAb,cACAgB,eACAC,gBACAC,aACAC,kBACAC,eACAC,iBAGII,kBAAEA,EAAiBC,gBAAEA,GAAoBC,qBAAmB,CAChEV,gBACAjB,cACAI,qBACAF,6BACAC,sBACAE,kBACAO,UACAX,gBACAM,kBACAQ,gBACAD,SACAD,SACAJ,mBAGF,MAAO,CACLa,iBACAG,oBACAF,aAAcK,EAAAA,WAAWF,EAAiBH,GAE9C,mBCtEgB,UAA+EM,cAC7FA,EAAaC,UACbA,EAASC,SACTA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,YACRA,EAAWC,aACXA,EAAYC,iBACZA,EAAgB7B,gBAChBA,EAAeV,OACfA,EAAMW,YACNA,EAAW6B,YACXA,EAAWC,gBACXA,IAEA,MAWMC,eAAEA,EAAcC,iBAAEA,GAAqBC,eAAmB,CAC9DC,YAZmBC,IACnB,MACMC,EADgBrC,EAAgBsC,WAEJ,UAAfF,EAAMG,KACnBvC,EACAwC,EAAAA,QAAQf,EAASW,EAAMK,QAC7B,OAAOJ,GAA4B,MAApBA,EAAKK,aAA0C,MAAnBL,EAAKM,WAC5C1C,EAAYoC,EAAKK,YAAaL,EAAKM,aAAaC,QAChDC,CAAS,EAKbC,eAA6B,OAAbpB,EAChBH,YACAD,gBACAE,WACAM,cACAC,oBAGIgB,EAAaC,EAAAA,cAAoB,CACrCvB,UACAH,gBACAI,WACA1B,kBACA6B,mBACAvC,SACAW,cACA0B,cACAC,iBAGF,MAAO,CAAEqB,iBAAkB5B,EAAUA,WAACW,EAAgBe,GAAad,mBACrE"}
+{"version":3,"file":"useSelectDrill-6b0b6da7.js","sources":["../../src/hooks/PRIVATE_useChartEvents/useDatatipAndCursor.ts","../../src/hooks/PRIVATE_useChartEvents/useSelectDrill.ts"],"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 { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useChartDataCursor } from '#hooks/PRIVATE_useChartDataCursor';\nimport { useChartDatatip } from '#hooks/PRIVATE_useChartDatatip';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype DataCursorProps = Parameters<typeof useChartDataCursor>[0];\ntype DatatipProps<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n> = Parameters<typeof useChartDatatip<K, D>>[0];\n\nexport function useChartDatatipAndCursor<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  series,\n  groups,\n  width,\n  height,\n  findNearest,\n  getMarkerInfo,\n  onDataCursorPositionChange,\n  isDataCursorEnabled,\n  dataCursorPosition,\n  dataCursorStyle,\n  hoveredItemInfo,\n  focusedItemInfo,\n  getDataItem,\n  getDataItemPos,\n  datatip,\n  valueFormats,\n  isHoriz,\n  xScale,\n  yScale,\n  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  formatAxisLabel,\n  formatYValue,\n  hasXYValues\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    groups,\n    width,\n    height,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    hoveredItemInfo,\n    getDataItem,\n    getDataItemPos,\n    focusedItemInfo,\n    datatip,\n    valueFormats,\n    isHoriz,\n    xScale,\n    findNearest,\n    timeAxisType,\n    touchResponse,\n    isDisabled,\n    formatAxisLabel,\n    formatYValue,\n    hasXYValues\n  });\n\n  const { dataCursorContent, dataCursorProps } = useChartDataCursor({\n    touchResponse,\n    findNearest,\n    dataCursorPosition,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorStyle,\n    isHoriz,\n    getMarkerInfo,\n    focusedItemInfo,\n    plotAreaSpace,\n    yScale,\n    xScale,\n    getDataItemPos\n  });\n\n  return {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: mergeProps(dataCursorProps, datatipProps)\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 { getInfo } from '#utils/UNSAFE_visUtils';\nimport { useChartDrill } from '#hooks/PRIVATE_useChartDrill';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\n\ntype DrillProps<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>> = Parameters<\n  typeof useChartDrill<K, D>\n>[0];\n\ntype SelectionProps<K, D> = {\n  selection: K[];\n  onChange?: (detail: { ids: K[]; data: (D | undefined)[] }) => void;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\nexport function useSelectDrill<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>>({\n  selectionMode,\n  selection,\n  onChange,\n  rootRef,\n  drilling,\n  onItemDrill,\n  onGroupDrill,\n  focusedGroupInfo,\n  focusedItemInfo,\n  groups,\n  getDataItem,\n  getDataById,\n  ignoreAsTrigger\n}: DrillProps<K, D> & SelectionProps<K, D>) {\n  const idExtracter = (event: Event): K | undefined => {\n    const isItemFocused = focusedItemInfo.isCurrent;\n    const info =\n      isItemFocused && event.type === 'keyup'\n        ? focusedItemInfo\n        : getInfo(rootRef, event.target as HTMLElement);\n    return info && info.seriesIndex != null && info.groupIndex != null\n      ? getDataItem(info.seriesIndex, info.groupIndex)?.id\n      : undefined;\n  };\n\n  const { selectionProps, selectionContent } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling === 'on',\n    selection,\n    selectionMode,\n    onChange,\n    getDataById,\n    ignoreAsTrigger\n  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    groups,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":["series","groups","width","height","findNearest","getMarkerInfo","onDataCursorPositionChange","isDataCursorEnabled","dataCursorPosition","dataCursorStyle","hoveredItemInfo","focusedItemInfo","getDataItem","getDataItemPos","datatip","valueFormats","isHoriz","xScale","yScale","plotAreaSpace","timeAxisType","touchResponse","isDisabled","formatAxisLabel","formatYValue","hasXYValues","datatipContent","datatipProps","useChartDatatip","dataCursorContent","dataCursorProps","useChartDataCursor","mergeProps","selectionMode","selection","onChange","rootRef","drilling","onItemDrill","onGroupDrill","focusedGroupInfo","getDataById","ignoreAsTrigger","selectionProps","selectionContent","useSelection","idExtracter","event","info","isCurrent","type","getInfo","target","seriesIndex","groupIndex","id","undefined","isDrillEnabled","drillProps","useChartDrill","selectDrillProps"],"mappings":"+QAqBM,UAGJA,OACAA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,YACNA,EAAWC,cACXA,EAAaC,2BACbA,EAA0BC,oBAC1BA,EAAmBC,mBACnBA,EAAkBC,gBAClBA,EAAeC,gBACfA,EAAeC,gBACfA,EAAeC,YACfA,EAAWC,eACXA,EAAcC,QACdA,EAAOC,aACPA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,cACNA,EAAaC,aACbA,EAAYC,cACZA,EAAaC,WACbA,EAAUC,gBACVA,EAAeC,aACfA,EAAYC,YACZA,IAEA,MAAMC,eAAEA,EAAcC,aAAEA,GAAiBC,kBAAsB,CAC7D5B,SACAC,SACAC,QACAC,SACAI,sBACAC,qBACAE,kBACAE,cACAC,iBACAF,kBACAG,UACAC,eACAC,UACAC,SACAb,cACAgB,eACAC,gBACAC,aACAC,kBACAC,eACAC,iBAGII,kBAAEA,EAAiBC,gBAAEA,GAAoBC,qBAAmB,CAChEV,gBACAjB,cACAI,qBACAF,6BACAC,sBACAE,kBACAO,UACAX,gBACAM,kBACAQ,gBACAD,SACAD,SACAJ,mBAGF,MAAO,CACLa,iBACAG,oBACAF,aAAcK,EAAAA,WAAWF,EAAiBH,GAE9C,mBCtEgB,UAA+EM,cAC7FA,EAAaC,UACbA,EAASC,SACTA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,YACRA,EAAWC,aACXA,EAAYC,iBACZA,EAAgB7B,gBAChBA,EAAeV,OACfA,EAAMW,YACNA,EAAW6B,YACXA,EAAWC,gBACXA,IAEA,MAWMC,eAAEA,EAAcC,iBAAEA,GAAqBC,eAAmB,CAC9DC,YAZmBC,IACnB,MACMC,EADgBrC,EAAgBsC,WAEJ,UAAfF,EAAMG,KACnBvC,EACAwC,EAAAA,QAAQf,EAASW,EAAMK,QAC7B,OAAOJ,GAA4B,MAApBA,EAAKK,aAA0C,MAAnBL,EAAKM,WAC5C1C,EAAYoC,EAAKK,YAAaL,EAAKM,aAAaC,QAChDC,CAAS,EAKbC,eAA6B,OAAbpB,EAChBH,YACAD,gBACAE,WACAM,cACAC,oBAGIgB,EAAaC,EAAAA,cAAoB,CACrCvB,UACAH,gBACAI,WACA1B,kBACA6B,mBACAvC,SACAW,cACA0B,cACAC,iBAGF,MAAO,CAAEqB,iBAAkB5B,EAAUA,WAACW,EAAgBe,GAAad,mBACrE"}

package/amd/{useSelection-569188b3.js → useSelection-02c4c0c0.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './keys-4755c121', './useUser-abae2493', './textSelectionUtils-06c7855d'], (function(e,t,r,n,l){"use strict";const o=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"]),i=e=>"click"===e.type?"shiftClick":"keyup"===e.type&&" "===e.key?"shiftSpace":"keydown"===e.type&&o.has(e.key)?"shiftArrowKeys":void 0,s=(e,t,n,l,o,s,c,y,u,a)=>{const k=t(e.target);if(null==k)return;if(e.shiftKey&&void 0!==y&&a&&((e,t,n,l)=>"multiple"===n&&(l||r.containsKey(t,e)))(y,n,l,"click"===e.type)){const t=r.containsKey(n,k),l=i(e);if(t&&"shiftSpace"===l){const t=r.removeKey(n,k,s);u?.({value:t,target:e.target})}else a({value:{start:y,end:k},eventType:l});return void(c&&(c.current=k))}let p=n;r.containsKey(n,k)?"Enter"!==e.key&&("toggle"===o||e.ctrlKey||e.metaKey||" "===e.key?p=r.removeKey(n,k,s):"multiple"===l&&(n.all||n.keys.size>1)&&(p={all:!1,keys:new Set([k])})):p="single"===l||"Enter"===e.key||"replace"===o&&!e.ctrlKey&&!e.metaKey?{all:!1,keys:new Set([k])}:r.addKey(n,k),n!=p&&u&&(u({value:p,target:e.target}),"click"===e.type&&e.stopPropagation())};e.useSelection=function(e,o,c,y,u,a,k,p,f,K,d,v){const w=t.useRef(),g=t.useRef(!1),h=t.useCallback((e=>{g.current="touch"===e.pointerType,e.shiftKey&&"multiple"===c&&e.preventDefault()}),[c,g]),m=t.useCallback((t=>{l.getIsSelectionPending()||(s(t,e,o,c,g.current?"toggle":u,y,w,p,a,v),t.shiftKey||(w.current=void 0))}),[e,o,c,u,y,w,p,a,v]),A=t.useCallback((t=>{" "===t.key&&s(t,e,o,c,u,y,w,k,a,t.shiftKey&&" "===t.key?v:void 0)}),[e,o,c,u,y,k,a,v]),{direction:S}=n.useUser(),D=t.useCallback((e=>{if(" "===e.key)return void e.preventDefault();const t=w.current||p,n="rtl"===S,l={ArrowUp:f?.(t,!0),ArrowDown:f?.(t,!1),ArrowLeft:K?.(t,!n),ArrowRight:K?.(t,n)},s=f&&K;if(Object.keys(l).includes(e.key))if(e.shiftKey&&d&&"multiple"===c){e.preventDefault();let t=o;!w.current&&r.isKeyDefined(p)&&(t={all:!1,keys:new Set([p])});const n=l[e.key],c=n?.();null!=c&&(d(c),s?v&&null!=p&&v({value:{start:p,end:c},eventType:i(e)}):(r.containsKey(t,c)?null!=w.current&&w.current!==c&&(t=r.removeKey(t,w.current,y)):t=r.addKey(t,c),o!=t&&a&&a({value:t,target:e.target})),w.current=c)}else w.current=void 0}),[o,y,a,p,f,K,d,S,v,c]);return{selectionProps:"none"===c||null==a?{}:{onPointerDown:h,onClick:m,onKeyDown:D,onKeyUp:A}}}}));
-//# sourceMappingURL=useSelection-569188b3.js.map
+define(['exports', 'preact/hooks', './keys-4755c121', './useUser-33136570', './textSelectionUtils-06c7855d'], (function(e,t,r,n,l){"use strict";const o=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"]),i=e=>"click"===e.type?"shiftClick":"keyup"===e.type&&" "===e.key?"shiftSpace":"keydown"===e.type&&o.has(e.key)?"shiftArrowKeys":void 0,s=(e,t,n,l,o,s,c,y,u,a)=>{const k=t(e.target);if(null==k)return;if(e.shiftKey&&void 0!==y&&a&&((e,t,n,l)=>"multiple"===n&&(l||r.containsKey(t,e)))(y,n,l,"click"===e.type)){const t=r.containsKey(n,k),l=i(e);if(t&&"shiftSpace"===l){const t=r.removeKey(n,k,s);u?.({value:t,target:e.target})}else a({value:{start:y,end:k},eventType:l});return void(c&&(c.current=k))}let p=n;r.containsKey(n,k)?"Enter"!==e.key&&("toggle"===o||e.ctrlKey||e.metaKey||" "===e.key?p=r.removeKey(n,k,s):"multiple"===l&&(n.all||n.keys.size>1)&&(p={all:!1,keys:new Set([k])})):p="single"===l||"Enter"===e.key||"replace"===o&&!e.ctrlKey&&!e.metaKey?{all:!1,keys:new Set([k])}:r.addKey(n,k),n!=p&&u&&(u({value:p,target:e.target}),"click"===e.type&&e.stopPropagation())};e.useSelection=function(e,o,c,y,u,a,k,p,f,K,d,v){const w=t.useRef(),g=t.useRef(!1),h=t.useCallback((e=>{g.current="touch"===e.pointerType,e.shiftKey&&"multiple"===c&&e.preventDefault()}),[c,g]),m=t.useCallback((t=>{l.getIsSelectionPending()||(s(t,e,o,c,g.current?"toggle":u,y,w,p,a,v),t.shiftKey||(w.current=void 0))}),[e,o,c,u,y,w,p,a,v]),A=t.useCallback((t=>{" "===t.key&&s(t,e,o,c,u,y,w,k,a,t.shiftKey&&" "===t.key?v:void 0)}),[e,o,c,u,y,k,a,v]),{direction:S}=n.useUser(),D=t.useCallback((e=>{if(" "===e.key)return void e.preventDefault();const t=w.current||p,n="rtl"===S,l={ArrowUp:f?.(t,!0),ArrowDown:f?.(t,!1),ArrowLeft:K?.(t,!n),ArrowRight:K?.(t,n)},s=f&&K;if(Object.keys(l).includes(e.key))if(e.shiftKey&&d&&"multiple"===c){e.preventDefault();let t=o;!w.current&&r.isKeyDefined(p)&&(t={all:!1,keys:new Set([p])});const n=l[e.key],c=n?.();null!=c&&(d(c),s?v&&null!=p&&v({value:{start:p,end:c},eventType:i(e)}):(r.containsKey(t,c)?null!=w.current&&w.current!==c&&(t=r.removeKey(t,w.current,y)):t=r.addKey(t,c),o!=t&&a&&a({value:t,target:e.target})),w.current=c)}else w.current=void 0}),[o,y,a,p,f,K,d,S,v,c]);return{selectionProps:"none"===c||null==a?{}:{onPointerDown:h,onClick:m,onKeyDown:D,onKeyUp:A}}}}));
+//# sourceMappingURL=useSelection-02c4c0c0.js.map

package/amd/{useSelection-569188b3.js.map → useSelection-02c4c0c0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSelection-569188b3.js","sources":["../../src/hooks/PRIVATE_useSelection/useSelection.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 */\nimport type { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { Keys, containsKey, isKeyDefined, addKey, removeKey } from '../../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getIsSelectionPending } from '#utils/PRIVATE_textSelectionUtils';\nimport { SelectionBehavior, SelectionRangeDetail } from './Selection.types';\n\nconst arrowKeys = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);\n\n/**\n * To get the event type during range selection which is triggered by either of the following gestures\n * shift+space, shift+click, and shift+arrowKeys\n * @param event\n */\nconst getEventType = (event: MouseEvent | KeyboardEvent) => {\n  if (event.type === 'click') {\n    return 'shiftClick';\n  } else if (event.type === 'keyup' && (event as KeyboardEvent).key === ' ') {\n    return 'shiftSpace';\n  } else if (event.type === 'keydown' && arrowKeys.has((event as KeyboardEvent).key)) {\n    return 'shiftArrowKeys';\n  }\n  return undefined;\n};\n\nconst isShiftModeSupported = <K>(\n  anchorKey: K,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isClickEvent: boolean\n) => {\n  return selectionMode === 'multiple' && (isClickEvent || containsKey(selectedKeys, anchorKey));\n};\n\nconst handleSelect = <K>(\n  event: MouseEvent | KeyboardEvent,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  isSelectionRequired: boolean,\n  keyboardCursorRef: RefObject<K | undefined>,\n  anchorKey?: K,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (itemKey == null) {\n    return;\n  }\n\n  // handle shift key selection\n  if (\n    event.shiftKey &&\n    anchorKey !== undefined &&\n    onRangeChange &&\n    isShiftModeSupported(anchorKey, selectedKeys, selectionMode, event.type === 'click')\n  ) {\n    const selected = containsKey(selectedKeys, itemKey);\n    const eventType = getEventType(event);\n    if (selected && eventType === 'shiftSpace') {\n      // during shift+space, deselect the item if it's already selected\n      const keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n      onChange?.({ value: keySet, target: event.target });\n    } else {\n      onRangeChange({ value: { start: anchorKey, end: itemKey }, eventType });\n    }\n    // set keyboard selection cursor in case user extends with SHIFT+ARROW\n    if (keyboardCursorRef) {\n      keyboardCursorRef.current = itemKey;\n    }\n    return;\n  }\n\n  const selected = containsKey(selectedKeys, itemKey);\n  let keySet = selectedKeys;\n  if (!selected) {\n    if (\n      selectionMode === 'single' ||\n      (event as KeyboardEvent).key === 'Enter' ||\n      (selectionBehavior === 'replace' && !(event.ctrlKey || event.metaKey))\n    ) {\n      // should only contains this item key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    } else {\n      // add to existing selected keys\n      keySet = addKey(selectedKeys, itemKey);\n    }\n  } else if ((event as KeyboardEvent).key !== 'Enter') {\n    // no de-select for enter key\n    if (\n      selectionBehavior === 'toggle' ||\n      event.ctrlKey ||\n      event.metaKey ||\n      (event as KeyboardEvent).key === ' '\n    ) {\n      // de-select only when ctrl/meta key is pressed or selectionBehavior is\n      // explicitly set to toggle\n      keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n    } else if (selectionMode === 'multiple' && (selectedKeys.all || selectedKeys.keys.size > 1)) {\n      // in this case everything should be de-selected except for this key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    }\n  }\n\n  // only invoke callback if there is really a change\n  // note onSelectionChange should never be null here\n  if (selectedKeys != keySet && onChange) {\n    onChange({ value: keySet, target: event.target });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n\n/**\n * Hook for handling various selection mode.  This can be reuse by all Collection components.\n * @param keyExtractor function to extract the key based on provided element\n * @param selectedKeys the currently selected keys\n * @param selectionMode the selection mode\n * @param isSelectionRequired true if empty selected key is not allowed, false otherwise\n * @param selectionBehavior the selection behavior.  If the value is 'toggle', then the key is\n *                          added/removed from the current selected keys.  If the value is 'replace',\n *                          then the current selected keys are cleared first before the key is added\n *                          unless the ctrl/shift/meta key is pressed.\n * @param onChange callback function that is invoked when selection has changed.\n * @param anchorKey the anchor key.  Usually this is the same as current key except when shift key is pressed.\n * @param currentKey the current key\n * @param getVerticalPrevNextKey function to get the previous/next key in the vertical direction based on the current key\n * @param getHorizontalPrevNextKey function to get the previous/next key in the horizontal direction based on the current key\n * @param scrollToKey function to scroll the item with the key to be visible\n * @param onRangeChange callback function that is invoked when the selection range has changed.\n * @returns an event map that the consumer can register as event listeners\n */\nexport function useSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isSelectionRequired: boolean,\n  selectionBehavior: SelectionBehavior,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  anchorKey?: K,\n  currentKey?: K | undefined,\n  getVerticalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  getHorizontalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  scrollToKey?: (key: K) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) {\n  // ref to track the cursor for the SHIFT+ARROW keyboard selection separately than the anchor of the selection.\n  const keyboardSelectionCursor = useRef<K>();\n\n  const isTouchPointerRef = useRef<boolean>(false);\n\n  const onPointerDown = useCallback(\n    (event: PointerEvent) => {\n      isTouchPointerRef.current = event.pointerType === 'touch';\n      if (event.shiftKey && selectionMode === 'multiple') {\n        //Avoid text selection on pointer down\n        event.preventDefault();\n      }\n    },\n    [selectionMode, isTouchPointerRef]\n  );\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (!getIsSelectionPending()) {\n        handleSelect<K>(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          isTouchPointerRef.current ? 'toggle' : selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          currentKey,\n          onChange,\n          onRangeChange\n        );\n        if (!event.shiftKey) {\n          // reset keyboard cursor when using mouse to select\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      keyboardSelectionCursor,\n      currentKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  // general keyboard events listen to keyUp for a11y\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // older browser that we don't support returns 'Spacebar' for space key\n      if (event.key === ' ') {\n        handleSelect<K>(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          anchorKey,\n          onChange,\n          event.shiftKey && event.key === ' ' ? onRangeChange : undefined\n        );\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      anchorKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  const { direction } = useUser();\n\n  // arrowKey events listen to keyDown so they can support holding them down\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // prevent default (propagation) for keyDown to space bar causing container to scroll\n      if (event.key === ' ') {\n        event.preventDefault();\n        return;\n      }\n\n      const key = keyboardSelectionCursor.current || currentKey;\n      const isRtl = direction === 'rtl';\n\n      const keyHandlers: Record<string, (() => K | null) | undefined> = {\n        ArrowUp: getVerticalPrevNextKey?.(key, true),\n        ArrowDown: getVerticalPrevNextKey?.(key, false),\n        ArrowLeft: getHorizontalPrevNextKey?.(key, !isRtl),\n        ArrowRight: getHorizontalPrevNextKey?.(key, isRtl)\n      };\n      const isBothDirections = getVerticalPrevNextKey && getHorizontalPrevNextKey;\n      if (Object.keys(keyHandlers).includes(event.key)) {\n        if (event.shiftKey && scrollToKey && selectionMode === 'multiple') {\n          //Avoid increasing range of selection text selection with arrow keys\n          event.preventDefault();\n          let keySet = selectedKeys;\n          // on first selection event, set keyboard cursor to start at currentKey\n          if (!keyboardSelectionCursor.current && isKeyDefined(currentKey)) {\n            keySet = { all: false, keys: new Set([currentKey as K]) };\n          }\n          const newAnchorKey = keyHandlers[event.key];\n          const cursorKey = newAnchorKey?.();\n          if (cursorKey != null) {\n            // keep visible\n            scrollToKey(cursorKey);\n\n            // if in 2D, use range selection to extend or subtract\n            if (isBothDirections) {\n              if (onRangeChange && currentKey != null) {\n                onRangeChange({\n                  value: { start: currentKey, end: cursorKey },\n                  eventType: getEventType(event)\n                });\n              }\n            } else {\n              // extend selection\n              if (!containsKey(keySet, cursorKey)) {\n                keySet = addKey(keySet, cursorKey);\n                // subtract from selection\n              } else if (\n                keyboardSelectionCursor.current != null &&\n                keyboardSelectionCursor.current !== cursorKey\n              ) {\n                keySet = removeKey(keySet, keyboardSelectionCursor.current, isSelectionRequired);\n              }\n              if (selectedKeys != keySet && onChange) {\n                onChange({ value: keySet, target: event.target });\n              }\n            }\n            // update selection cursor\n            keyboardSelectionCursor.current = cursorKey;\n          }\n        } else {\n          // reset keyBoard on non-shifted arrow use as this interrupts the extend mode (and would make for messy logic that doesn't align with current Jet behavior)\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [\n      selectedKeys,\n      isSelectionRequired,\n      onChange,\n      currentKey,\n      getVerticalPrevNextKey,\n      getHorizontalPrevNextKey,\n      scrollToKey,\n      direction,\n      onRangeChange,\n      selectionMode\n    ]\n  );\n\n  const selectionProps =\n    selectionMode === 'none' || onChange == null\n      ? {}\n      : { onPointerDown, onClick, onKeyDown, onKeyUp };\n  return { selectionProps };\n}\n"],"names":["arrowKeys","Set","getEventType","event","type","key","has","handleSelect","keyExtractor","selectedKeys","selectionMode","selectionBehavior","isSelectionRequired","keyboardCursorRef","anchorKey","onChange","onRangeChange","itemKey","target","shiftKey","undefined","isClickEvent","containsKey","isShiftModeSupported","selected","eventType","keySet","removeKey","value","start","end","current","ctrlKey","metaKey","all","keys","size","addKey","stopPropagation","currentKey","getVerticalPrevNextKey","getHorizontalPrevNextKey","scrollToKey","keyboardSelectionCursor","useRef","isTouchPointerRef","onPointerDown","useCallback","pointerType","preventDefault","onClick","getIsSelectionPending","onKeyUp","direction","useUser","onKeyDown","isRtl","keyHandlers","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","isBothDirections","Object","includes","isKeyDefined","newAnchorKey","cursorKey","selectionProps"],"mappings":"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"}
+{"version":3,"file":"useSelection-02c4c0c0.js","sources":["../../src/hooks/PRIVATE_useSelection/useSelection.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 */\nimport type { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { Keys, containsKey, isKeyDefined, addKey, removeKey } from '../../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getIsSelectionPending } from '#utils/PRIVATE_textSelectionUtils';\nimport { SelectionBehavior, SelectionRangeDetail } from './Selection.types';\n\nconst arrowKeys = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);\n\n/**\n * To get the event type during range selection which is triggered by either of the following gestures\n * shift+space, shift+click, and shift+arrowKeys\n * @param event\n */\nconst getEventType = (event: MouseEvent | KeyboardEvent) => {\n  if (event.type === 'click') {\n    return 'shiftClick';\n  } else if (event.type === 'keyup' && (event as KeyboardEvent).key === ' ') {\n    return 'shiftSpace';\n  } else if (event.type === 'keydown' && arrowKeys.has((event as KeyboardEvent).key)) {\n    return 'shiftArrowKeys';\n  }\n  return undefined;\n};\n\nconst isShiftModeSupported = <K>(\n  anchorKey: K,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isClickEvent: boolean\n) => {\n  return selectionMode === 'multiple' && (isClickEvent || containsKey(selectedKeys, anchorKey));\n};\n\nconst handleSelect = <K>(\n  event: MouseEvent | KeyboardEvent,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  isSelectionRequired: boolean,\n  keyboardCursorRef: RefObject<K | undefined>,\n  anchorKey?: K,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (itemKey == null) {\n    return;\n  }\n\n  // handle shift key selection\n  if (\n    event.shiftKey &&\n    anchorKey !== undefined &&\n    onRangeChange &&\n    isShiftModeSupported(anchorKey, selectedKeys, selectionMode, event.type === 'click')\n  ) {\n    const selected = containsKey(selectedKeys, itemKey);\n    const eventType = getEventType(event);\n    if (selected && eventType === 'shiftSpace') {\n      // during shift+space, deselect the item if it's already selected\n      const keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n      onChange?.({ value: keySet, target: event.target });\n    } else {\n      onRangeChange({ value: { start: anchorKey, end: itemKey }, eventType });\n    }\n    // set keyboard selection cursor in case user extends with SHIFT+ARROW\n    if (keyboardCursorRef) {\n      keyboardCursorRef.current = itemKey;\n    }\n    return;\n  }\n\n  const selected = containsKey(selectedKeys, itemKey);\n  let keySet = selectedKeys;\n  if (!selected) {\n    if (\n      selectionMode === 'single' ||\n      (event as KeyboardEvent).key === 'Enter' ||\n      (selectionBehavior === 'replace' && !(event.ctrlKey || event.metaKey))\n    ) {\n      // should only contains this item key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    } else {\n      // add to existing selected keys\n      keySet = addKey(selectedKeys, itemKey);\n    }\n  } else if ((event as KeyboardEvent).key !== 'Enter') {\n    // no de-select for enter key\n    if (\n      selectionBehavior === 'toggle' ||\n      event.ctrlKey ||\n      event.metaKey ||\n      (event as KeyboardEvent).key === ' '\n    ) {\n      // de-select only when ctrl/meta key is pressed or selectionBehavior is\n      // explicitly set to toggle\n      keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n    } else if (selectionMode === 'multiple' && (selectedKeys.all || selectedKeys.keys.size > 1)) {\n      // in this case everything should be de-selected except for this key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    }\n  }\n\n  // only invoke callback if there is really a change\n  // note onSelectionChange should never be null here\n  if (selectedKeys != keySet && onChange) {\n    onChange({ value: keySet, target: event.target });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n\n/**\n * Hook for handling various selection mode.  This can be reuse by all Collection components.\n * @param keyExtractor function to extract the key based on provided element\n * @param selectedKeys the currently selected keys\n * @param selectionMode the selection mode\n * @param isSelectionRequired true if empty selected key is not allowed, false otherwise\n * @param selectionBehavior the selection behavior.  If the value is 'toggle', then the key is\n *                          added/removed from the current selected keys.  If the value is 'replace',\n *                          then the current selected keys are cleared first before the key is added\n *                          unless the ctrl/shift/meta key is pressed.\n * @param onChange callback function that is invoked when selection has changed.\n * @param anchorKey the anchor key.  Usually this is the same as current key except when shift key is pressed.\n * @param currentKey the current key\n * @param getVerticalPrevNextKey function to get the previous/next key in the vertical direction based on the current key\n * @param getHorizontalPrevNextKey function to get the previous/next key in the horizontal direction based on the current key\n * @param scrollToKey function to scroll the item with the key to be visible\n * @param onRangeChange callback function that is invoked when the selection range has changed.\n * @returns an event map that the consumer can register as event listeners\n */\nexport function useSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isSelectionRequired: boolean,\n  selectionBehavior: SelectionBehavior,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  anchorKey?: K,\n  currentKey?: K | undefined,\n  getVerticalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  getHorizontalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  scrollToKey?: (key: K) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) {\n  // ref to track the cursor for the SHIFT+ARROW keyboard selection separately than the anchor of the selection.\n  const keyboardSelectionCursor = useRef<K>();\n\n  const isTouchPointerRef = useRef<boolean>(false);\n\n  const onPointerDown = useCallback(\n    (event: PointerEvent) => {\n      isTouchPointerRef.current = event.pointerType === 'touch';\n      if (event.shiftKey && selectionMode === 'multiple') {\n        //Avoid text selection on pointer down\n        event.preventDefault();\n      }\n    },\n    [selectionMode, isTouchPointerRef]\n  );\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (!getIsSelectionPending()) {\n        handleSelect<K>(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          isTouchPointerRef.current ? 'toggle' : selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          currentKey,\n          onChange,\n          onRangeChange\n        );\n        if (!event.shiftKey) {\n          // reset keyboard cursor when using mouse to select\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      keyboardSelectionCursor,\n      currentKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  // general keyboard events listen to keyUp for a11y\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // older browser that we don't support returns 'Spacebar' for space key\n      if (event.key === ' ') {\n        handleSelect<K>(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          anchorKey,\n          onChange,\n          event.shiftKey && event.key === ' ' ? onRangeChange : undefined\n        );\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      anchorKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  const { direction } = useUser();\n\n  // arrowKey events listen to keyDown so they can support holding them down\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // prevent default (propagation) for keyDown to space bar causing container to scroll\n      if (event.key === ' ') {\n        event.preventDefault();\n        return;\n      }\n\n      const key = keyboardSelectionCursor.current || currentKey;\n      const isRtl = direction === 'rtl';\n\n      const keyHandlers: Record<string, (() => K | null) | undefined> = {\n        ArrowUp: getVerticalPrevNextKey?.(key, true),\n        ArrowDown: getVerticalPrevNextKey?.(key, false),\n        ArrowLeft: getHorizontalPrevNextKey?.(key, !isRtl),\n        ArrowRight: getHorizontalPrevNextKey?.(key, isRtl)\n      };\n      const isBothDirections = getVerticalPrevNextKey && getHorizontalPrevNextKey;\n      if (Object.keys(keyHandlers).includes(event.key)) {\n        if (event.shiftKey && scrollToKey && selectionMode === 'multiple') {\n          //Avoid increasing range of selection text selection with arrow keys\n          event.preventDefault();\n          let keySet = selectedKeys;\n          // on first selection event, set keyboard cursor to start at currentKey\n          if (!keyboardSelectionCursor.current && isKeyDefined(currentKey)) {\n            keySet = { all: false, keys: new Set([currentKey as K]) };\n          }\n          const newAnchorKey = keyHandlers[event.key];\n          const cursorKey = newAnchorKey?.();\n          if (cursorKey != null) {\n            // keep visible\n            scrollToKey(cursorKey);\n\n            // if in 2D, use range selection to extend or subtract\n            if (isBothDirections) {\n              if (onRangeChange && currentKey != null) {\n                onRangeChange({\n                  value: { start: currentKey, end: cursorKey },\n                  eventType: getEventType(event)\n                });\n              }\n            } else {\n              // extend selection\n              if (!containsKey(keySet, cursorKey)) {\n                keySet = addKey(keySet, cursorKey);\n                // subtract from selection\n              } else if (\n                keyboardSelectionCursor.current != null &&\n                keyboardSelectionCursor.current !== cursorKey\n              ) {\n                keySet = removeKey(keySet, keyboardSelectionCursor.current, isSelectionRequired);\n              }\n              if (selectedKeys != keySet && onChange) {\n                onChange({ value: keySet, target: event.target });\n              }\n            }\n            // update selection cursor\n            keyboardSelectionCursor.current = cursorKey;\n          }\n        } else {\n          // reset keyBoard on non-shifted arrow use as this interrupts the extend mode (and would make for messy logic that doesn't align with current Jet behavior)\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [\n      selectedKeys,\n      isSelectionRequired,\n      onChange,\n      currentKey,\n      getVerticalPrevNextKey,\n      getHorizontalPrevNextKey,\n      scrollToKey,\n      direction,\n      onRangeChange,\n      selectionMode\n    ]\n  );\n\n  const selectionProps =\n    selectionMode === 'none' || onChange == null\n      ? {}\n      : { onPointerDown, onClick, onKeyDown, onKeyUp };\n  return { selectionProps };\n}\n"],"names":["arrowKeys","Set","getEventType","event","type","key","has","handleSelect","keyExtractor","selectedKeys","selectionMode","selectionBehavior","isSelectionRequired","keyboardCursorRef","anchorKey","onChange","onRangeChange","itemKey","target","shiftKey","undefined","isClickEvent","containsKey","isShiftModeSupported","selected","eventType","keySet","removeKey","value","start","end","current","ctrlKey","metaKey","all","keys","size","addKey","stopPropagation","currentKey","getVerticalPrevNextKey","getHorizontalPrevNextKey","scrollToKey","keyboardSelectionCursor","useRef","isTouchPointerRef","onPointerDown","useCallback","pointerType","preventDefault","onClick","getIsSelectionPending","onKeyUp","direction","useUser","onKeyDown","isRtl","keyHandlers","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","isBothDirections","Object","includes","isKeyDefined","newAnchorKey","cursorKey","selectionProps"],"mappings":"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"}

package/amd/{useSelection-4c8e905b.js → useSelection-5128f1e7.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './eventsUtils-edf8f4e5', 'preact/jsx-runtime', './BaseButton-c6563bf2', './Text-0609bf4d', './useTranslationBundle-652e08a6', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', './Layer-9fb9ca67', 'preact/compat', './LayerHost-1b4d03f0', './Floating-28ad0903'], (function(e,t,n,o,r,l,i,c,s,a,u,d){"use strict";const p=({onAction:e})=>{const t=`${i.useTranslationBundle("@oracle/oraclejet-preact").vis_clearSelection()}`;return o.jsx("div",{class:c.clearButtonStyles.base,children:o.jsx(r.BaseButton,{styling:["default"],elementDetails:{type:"span",isFocusable:!1,isLabel:!0},variant:"outlined",onAction:e,children:o.jsx(l.Text,{truncation:"ellipsis",weight:"inherit",children:t})})})},f=18;const g=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],y=(e,t,o,r,l,i)=>{let c=new Set([]);if(null!=e){c=new Set(t);const n=t.has(e);"toggle"===r?n?c.delete(e):"single"===o?c=new Set([e]):c.add(e):n||(c=new Set([e]))}n.isEqual(c,t)||i?.({ids:[...c],data:[...c].map(l)})};e.useSelection=function({selection:e=[],selectionMode:n="none",idExtracter:r,onChange:l,isDrillEnabled:i,isKeyboardSelection:c,getDataById:a,ignoreAsTrigger:u}){const x=t.useRef(),{clearSelectionContent:h,tryToggleClearButton:S}=function({clearSelection:e}){const[n,r]=t.useState(!1),l=t.useRef({x:0,y:0}),i={mainAxis:2*f},c={current:l.current};return{clearSelectionContent:n?o.jsx(s.Layer,{children:o.jsx(d.Floating,{anchorRef:c,offsetValue:i,placement:"top",flipOptions:{crossAxis:!1,mainAxis:!1},shiftOptions:{crossAxis:!0,mainAxis:!0},children:o.jsx(p,{onAction:()=>{r(!1),e()}})})}):null,tryToggleClearButton:(e,t,o,i)=>"touch"===e.pointerType&&void 0===t&&"multiple"===o&&i.size>1&&(r(!n),l.current={x:e.clientX,y:e.clientY},!0)}}({clearSelection:()=>{y(void 0,new Set(e),n,"replace",a,l)}}),w=t.useCallback((t=>{if(u&&u(t.target))return;const o=new Set(e);if(x.current&&i)return clearTimeout(x.current),void(x.current=void 0);const c=r(t);if(S(t,c,n,o))return;const s=t.metaKey,d=t.ctrlKey;t.defaultPrevented||null==c&&(s||d)||(i?x.current=setTimeout((()=>{y(c,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l),x.current=void 0}),250):y(c,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l))}),[e,n,l,r,i,a,S,u]),A=t.useCallback((t=>{const o=r(t),i=t.ctrlKey;y(o,new Set(e),n,i?"toggle":"replace",a,l)}),[e,n,l,r,a]),m=t.useCallback((t=>{const o=t.shiftKey,i=t.ctrlKey&&" "===t.key,s=-1!==g.indexOf(t.key),u=r(t);if(s||i||c&&c(t)){const t=o||i?"toggle":"replace";y(u,new Set(e),n,t,a,l)}}),[e,n,l,r,c,a]);return{selectionContent:h,selectionProps:"none"===n||null==l?{}:{onKeyUp:m,onContextMenu:A,onPointerUp:w}}}}));
-//# sourceMappingURL=useSelection-4c8e905b.js.map
+define(['exports', 'preact/hooks', './eventsUtils-edf8f4e5', 'preact/jsx-runtime', './BaseButton-c6563bf2', './Text-0609bf4d', './useTranslationBundle-33399171', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', './Layer-2ca542c2', 'preact/compat', './LayerHost-a36b1781', './Floating-043a207a'], (function(e,t,n,o,r,l,i,c,s,a,u,d){"use strict";const p=({onAction:e})=>{const t=`${i.useTranslationBundle("@oracle/oraclejet-preact").vis_clearSelection()}`;return o.jsx("div",{class:c.clearButtonStyles.base,children:o.jsx(r.BaseButton,{styling:["default"],elementDetails:{type:"span",isFocusable:!1,isLabel:!0},variant:"outlined",onAction:e,children:o.jsx(l.Text,{truncation:"ellipsis",weight:"inherit",children:t})})})},g=18;const f=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],y=(e,t,o,r,l,i)=>{let c=new Set([]);if(null!=e){c=new Set(t);const n=t.has(e);"toggle"===r?n?c.delete(e):"single"===o?c=new Set([e]):c.add(e):n||(c=new Set([e]))}n.isEqual(c,t)||i?.({ids:[...c],data:[...c].map(l)})};e.useSelection=function({selection:e=[],selectionMode:n="none",idExtracter:r,onChange:l,isDrillEnabled:i,isKeyboardSelection:c,getDataById:a,ignoreAsTrigger:u}){const x=t.useRef(),{clearSelectionContent:h,tryToggleClearButton:S}=function({clearSelection:e}){const[n,r]=t.useState(!1),l=t.useRef({x:0,y:0}),i={mainAxis:2*g},c={current:l.current};return{clearSelectionContent:n?o.jsx(s.Layer,{children:o.jsx(d.Floating,{anchorRef:c,offsetValue:i,placement:"top",flipOptions:{crossAxis:!1,mainAxis:!1},shiftOptions:{crossAxis:!0,mainAxis:!0},children:o.jsx(p,{onAction:()=>{r(!1),e()}})})}):null,tryToggleClearButton:(e,t,o,i)=>"touch"===e.pointerType&&void 0===t&&"multiple"===o&&i.size>1&&(r(!n),l.current={x:e.clientX,y:e.clientY},!0)}}({clearSelection:()=>{y(void 0,new Set(e),n,"replace",a,l)}}),w=t.useCallback((t=>{if(u&&u(t.target))return;const o=new Set(e);if(x.current&&i)return clearTimeout(x.current),void(x.current=void 0);const c=r(t);if(S(t,c,n,o))return;const s=t.metaKey,d=t.ctrlKey;t.defaultPrevented||null==c&&(s||d)||(i?x.current=setTimeout((()=>{y(c,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l),x.current=void 0}),250):y(c,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l))}),[e,n,l,r,i,a,S,u]),A=t.useCallback((t=>{const o=r(t),i=t.ctrlKey;y(o,new Set(e),n,i?"toggle":"replace",a,l)}),[e,n,l,r,a]),m=t.useCallback((t=>{const o=t.shiftKey,i=t.ctrlKey&&" "===t.key,s=-1!==f.indexOf(t.key),u=r(t);if(s||i||c&&c(t)){const t=o||i?"toggle":"replace";y(u,new Set(e),n,t,a,l)}}),[e,n,l,r,c,a]);return{selectionContent:h,selectionProps:"none"===n||null==l?{}:{onKeyUp:m,onContextMenu:A,onPointerUp:w}}}}));
+//# sourceMappingURL=useSelection-5128f1e7.js.map