@oracle/oraclejet-preact 20.0.1 → 20.0.2

package/amd/{ListView-02a92d18.js.map → ListView-6d21e8f9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListView-02a92d18.js","sources":["../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/ListView.tsx","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts"],"sourcesContent":["import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/**\n * A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n */\nexport function ListViewReorderableItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const itemStyles = {\n    itemOverlayFront: styles.reorderableItemOverlayFront,\n    itemOverlayRear: styles.reorderableItemOverlayRear,\n    itemDragger: styles.reorderableItemDragger\n  };\n  const getItem = () => itemRef?.current?.closest(LIST_ITEM_SELECTOR);\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n    },\n    [itemKey]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: LIST_ITEM_SELECTOR,\n      isVertical: true\n    });\n  const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n  return (\n    <div {...rootProps} class={classes}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n  ListViewReorderableItem,\n  <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n    if (prev && next) {\n      return prev.children === next.children && prev.dragKey === next.dragKey;\n    }\n    return false;\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\nimport { isMenuChildrenFalsy } from '#UNSAFE_Menu/menuUtils';\n\nexport type Props<K extends string | number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> } & {\n  testId: ComponentProps<typeof Menu>['testId'];\n};\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function ListViewContextMenu<K extends string | number, D>({\n  contextMenuConfig,\n  testId,\n  contextMenuContext,\n  ...menuProps\n}: Props<K, D>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  let menuItems: ComponentChildren;\n  // Important to call items renderer only when isOpen is true so we know there is a contextMenuContext\n  if (menuProps.isOpen) {\n    menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n    if (isMenuChildrenFalsy(menuItems)) {\n      return null;\n    }\n  } else {\n    menuItems = null;\n  }\n\n  return (\n    <Menu\n      {...menuProps}\n      {...(accessibleLabel && {\n        'aria-label': accessibleLabel\n      })}\n      testId={testId}>\n      {menuItems}\n    </Menu>\n  );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\nimport { LIST_ITEM_SELECTOR } from '#PRIVATE_List';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'firstItem',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string | number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string | number, D>(\n  dataState: DataState<K, D> | null,\n  contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n  scrollListRef: RefObject<HTMLElement | null>,\n  updateCurrentKey: (key: K) => void\n) => {\n  /*Context Menu section\n   TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we\n   can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n  */\n\n  /*\n  Steps to open a menu:\n    1.- useContextMenu handler is called when menu is supposed to be opened.\n    2.- We set contextMenuContext when contextMenuRenderer is called.\n    3.- We dispatch opening the menu with the correct anchor.\n    5.- Menu receives updated props and updated contextMenuContext.\n    6.- Menu is opened.\n\n    */\n\n  //Supposed to be updated when menu is about to be opened\n  //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n  //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n  //being closed always\n  const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n  const currentKeyRef = useRef<K>();\n  const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n    currentKeyRef.current = detail.value;\n  };\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          scrollListRef.current as HTMLElement,\n          currentKeyRef.current as K,\n          LIST_ITEM_SELECTOR\n        );\n\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n\n        const context = findItemContext(\n          currentKeyRef.current as K,\n          dataState as DataState<string | number | null, D>\n        );\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, LIST_ITEM_SELECTOR);\n\n        const context = findItemContext(key, dataState as DataState<string | number | null, D>);\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n\n        //We update the key so when we close logical focus is on the correct item\n        updateCurrentKey(key as K);\n      }\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        isOpen: true\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      /*\n      TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard,\n      but should not be visible when the selection was done using mouse or touch. This would probably means menu\n      onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n      */\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        scrollListRef.current?.focus({ preventScroll: true });\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [scrollListRef]\n  );\n\n  return {\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    onClose: handleCloseContextMenu,\n    contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n    triggerProps,\n    notifyCurrentKeyChanged\n  } as const;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail, ListItemRendererContext } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List, SkeletonContainer } from '../PRIVATE_List';\nimport {\n  ListProps,\n  ListViewContextMenuConfig,\n  ListViewHandle,\n  SkeletonRendererContext\n} from './List.types';\nimport { getScrollPosition } from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'children'\n  | 'gridlines'\n  | 'currentItemOverride'\n  | 'onPersistCurrentItem'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n  | 'testId'\n  | 'scrollPositionOverride'\n  | 'onReorder'\n  | 'itemPadding'\n  | 'itemEnterKeyFocusBehavior'\n  | 'skeletonRenderer'\n> &\n  NonVirtualizedListProps<K, D>;\n/**\n * A list view displays data items as a list or a grid with highly interactive features.\n */\nexport const ListView = forwardRef(\n  <K extends string | number, D>(\n    { children, ...props }: Props<K, D>,\n    ref?: ForwardedRef<ListViewHandle<K>>\n  ) => {\n    const { contextMenuConfig } = props;\n    const listRef = useRef<HTMLDivElement | null>(null);\n\n    const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n      props.currentItemOverride\n    );\n\n    const dataMetadata = props.data\n      ? props.data.map((aData: D) => {\n          const key = props.getRowKey(aData);\n          return { data: aData, metadata: { key } };\n        })\n      : null;\n\n    const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n    const dataState = dataMetadata\n      ? ({\n          offset: 0,\n          data: dataMetadata,\n          sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n          totalSize: dataMetadata.length\n        } as DataState<K, D>)\n      : null;\n\n    useImperativeHandle(ref!, () => ({\n      getScrollPosition: () => {\n        if (listRef.current) {\n          return getScrollPosition(listRef.current);\n        }\n        return { y: 0 };\n      },\n      focus: () => {\n        if (listRef.current) {\n          listRef.current.focus();\n        }\n      }\n    }));\n\n    /**\n     * Reorder Section\n     */\n    const isReorderEnabled = props.onReorder != undefined;\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useListViewReorder({\n      onReorder: props.onReorder,\n      rootRef: listRef,\n      viewportConfig: props.viewportConfig\n    });\n\n    const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n      useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n    const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n      props.onPersistCurrentItem?.(detail);\n      notifyCurrentKeyChanged(detail);\n    };\n\n    const reorderableItemRenderer = useCallback(\n      (context: ListItemRendererContext<K, D>) => (\n        <MemoizeListViewReorderableItem {...reorderItemProps} itemKey={context.metadata.key}>\n          {children(context)}\n        </MemoizeListViewReorderableItem>\n      ),\n      [children, reorderItemProps]\n    );\n\n    if (isReorderEnabled && reorderItemProps) {\n      return (\n        <>\n          <ReorderableContext.Provider value={reorderContext}>\n            <List\n              {...props}\n              aria-describedby={reorderInstructionsId}\n              contextMenuTriggerProps={triggerProps}\n              reorderProps={reorderProps}\n              onLoadRange={loadRange}\n              scrollerRef={listRef}\n              data={dataState}\n              currentItemOverride={currentItemOverride}\n              onPersistCurrentItem={onPersistCurrentItem}>\n              {reorderableItemRenderer}\n            </List>\n            <span id={reorderInstructionsId}>\n              <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n            </span>\n          </ReorderableContext.Provider>\n          {contextMenuConfig && (\n            <ListViewContextMenu\n              {...menuProps}\n              testId={props.testId ? props.testId + '-menu' : undefined}\n              contextMenuConfig={contextMenuConfig}\n              contextMenuContext={contextMenuContext}\n            />\n          )}\n        </>\n      );\n    }\n\n    const customInitialSkeleton = (\n      skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n    ) => {\n      return (\n        <SkeletonContainer minimumCount={25}>\n          {(index) => {\n            const context: SkeletonRendererContext = {\n              loadingStatus: 'initial',\n              index: index\n            };\n            return skeletonRenderer(context);\n          }}\n        </SkeletonContainer>\n      );\n    };\n\n    const customLoadMoreSkeleton = (\n      skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n    ) => {\n      return (\n        <div class={LOADMORE_STYLE_CLASS}>\n          <SkeletonContainer minimumCount={3}>\n            {(index) => {\n              const context: SkeletonRendererContext = {\n                loadingStatus: 'loadMore',\n                index: index\n              };\n              return skeletonRenderer(context);\n            }}\n          </SkeletonContainer>\n        </div>\n      );\n    };\n\n    return (\n      <>\n        <List\n          {...props}\n          loadingIndicator={\n            props.skeletonRenderer ? customInitialSkeleton(props.skeletonRenderer) : undefined\n          }\n          loadMoreIndicator={\n            props.skeletonRenderer ? customLoadMoreSkeleton(props.skeletonRenderer) : undefined\n          }\n          onLoadRange={loadRange}\n          scrollerRef={listRef}\n          data={dataState}\n          contextMenuTriggerProps={triggerProps}\n          currentItemOverride={currentItemOverride}\n          onPersistCurrentItem={onPersistCurrentItem}>\n          {children}\n        </List>\n        {contextMenuConfig && (\n          <ListViewContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext}\n            testId={props.testId ? props.testId + '-menu' : undefined}\n          />\n        )}\n      </>\n    );\n  }\n) as <K extends string | number, D>(\n  props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/**\n * This hook handles the currentItemOverride passing to PRIVATE_List layer.\n *\n * If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n *\n * @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n  // the override that will be passed down to PRIVATE_List layer\n  const listOverrideRef = useRef<CurrentItem<K>>();\n\n  // track the currentItemOverride attribute set by app\n  const appOverrideRef = useRef<CurrentItem<K>>();\n  if (appOverrideRef.current !== currentItemOverride) {\n    appOverrideRef.current = currentItemOverride;\n    listOverrideRef.current = currentItemOverride;\n  }\n\n  // track the internal override updated by useListViewContextMenu hook\n  // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n  const updateCurrentItemOverride = useCallback((key: K) => {\n    listOverrideRef.current = { rowKey: key };\n  }, []);\n\n  return {\n    currentItemOverride: listOverrideRef.current,\n    updateCurrentItemOverride\n  };\n};\n","import type { RefObject } from 'preact';\nimport { useMemo, useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible, LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n  rootRef: RefObject<HTMLDivElement>;\n  viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string | number, D>({\n  onReorder,\n  rootRef,\n  viewportConfig\n}: useListViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: LIST_ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns: 1\n    });\n\n  // ensure the current item is scrolled into view during keyboard reordering,\n  // disable that during mouse reordering\n  const reorderScrollIntoView = useRef(false);\n  useEffect(() => {\n    if (isReorderEnabled && reorderScrollIntoView.current) {\n      const rootElement = rootRef.current as HTMLElement;\n      const elem = findElementByKey(\n        rootElement,\n        reorderContext.currentItemKey.current as K,\n        LIST_ITEM_SELECTOR\n      );\n      if (elem) {\n        const scroller = viewportConfig?.scrollerRef.current || rootElement;\n        // make sure item is visible\n        scrollToVisible(elem, scroller, 0);\n        reorderScrollIntoView.current = false;\n      }\n    }\n  });\n\n  const reorderItemProps = useMemo(() => {\n    return { dragKey, setDragKey, onReorder, rootRef };\n  }, [dragKey, onReorder, rootRef]);\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // listview only do keyboard reordering with arrow up/down keys\n    if (\n      isReorderEnabled &&\n      (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n      (event.metaKey || event.ctrlKey) &&\n      event.shiftKey\n    ) {\n      reorderScrollIntoView.current = true;\n      reorderProps.onKeyDown?.(event);\n    }\n  };\n\n  const handleDragOver = (event: DragEvent) => {\n    if (dragKey !== undefined) {\n      reorderScrollIntoView.current = false;\n      dragToScroll(event, dragKey !== undefined, rootRef.current);\n    }\n  };\n\n  const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["MemoizeListViewReorderableItem","memo","children","dragKey","setDragKey","onReorder","rootRef","itemKey","itemRef","useRef","itemStyles","itemOverlayFront","styles","reorderableItemOverlayFront","itemOverlayRear","reorderableItemOverlayRear","itemDragger","reorderableItemDragger","setTransferData","useCallback","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","getItem","current","closest","LIST_ITEM_SELECTOR","itemSelector","isVertical","classes","classNames","class","reorderableItemDnd","_jsxs","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","jsx","prev","next","ListViewContextMenu","contextMenuConfig","testId","contextMenuContext","menuProps","accessibleLabel","menuItems","isOpen","itemsRenderer","isMenuChildrenFalsy","Menu","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","anchorRef","ListView","forwardRef","props","listRef","currentItemOverride","updateCurrentItemOverride","listOverrideRef","appOverrideRef","key","rowKey","useListViewCurrentItemOverride","dataMetadata","data","map","aData","metadata","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","length","useImperativeHandle","getScrollPosition","y","focus","isReorderEnabled","undefined","reorderProps","reorderItemProps","reorderContext","reorderInstructionsId","reorderInstructions","viewportConfig","useState","useReorderable","columns","reorderScrollIntoView","useEffect","rootElement","elem","findElementByKey","currentItemKey","scroller","scrollerRef","scrollToVisible","useMemo","mergeProps","onKeyDown","metaKey","ctrlKey","shiftKey","onDragOver","dragToScroll","useListViewReorder","triggerProps","notifyCurrentKeyChanged","scrollListRef","updateCurrentKey","setContextMenuContext","setMenuProps","currentKeyRef","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","context","findItemContext","keyExtractor","handleCloseContextMenu","detail","reason","preventScroll","onClose","value","useListViewContextMenu","onPersistCurrentItem","reorderableItemRenderer","ReorderableContext","Provider","List","contextMenuTriggerProps","onLoadRange","id","HiddenAccessible","loadingIndicator","skeletonRenderer","SkeletonContainer","minimumCount","index","loadingStatus","loadMoreIndicator","LOADMORE_STYLE_CLASS","customLoadMoreSkeleton"],"mappings":"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"}
+{"version":3,"file":"ListView-6d21e8f9.js","sources":["../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/ListView.tsx","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts"],"sourcesContent":["import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/**\n * A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n */\nexport function ListViewReorderableItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const itemStyles = {\n    itemOverlayFront: styles.reorderableItemOverlayFront,\n    itemOverlayRear: styles.reorderableItemOverlayRear,\n    itemDragger: styles.reorderableItemDragger\n  };\n  const getItem = () => itemRef?.current?.closest(LIST_ITEM_SELECTOR);\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n    },\n    [itemKey]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: LIST_ITEM_SELECTOR,\n      isVertical: true\n    });\n  const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n  return (\n    <div {...rootProps} class={classes}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n  ListViewReorderableItem,\n  <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n    if (prev && next) {\n      return prev.children === next.children && prev.dragKey === next.dragKey;\n    }\n    return false;\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\nimport { isMenuChildrenFalsy } from '#UNSAFE_Menu/menuUtils';\n\nexport type Props<K extends string | number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> } & {\n  testId: ComponentProps<typeof Menu>['testId'];\n};\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function ListViewContextMenu<K extends string | number, D>({\n  contextMenuConfig,\n  testId,\n  contextMenuContext,\n  ...menuProps\n}: Props<K, D>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  let menuItems: ComponentChildren;\n  // Important to call items renderer only when isOpen is true so we know there is a contextMenuContext\n  if (menuProps.isOpen) {\n    menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n    if (isMenuChildrenFalsy(menuItems)) {\n      return null;\n    }\n  } else {\n    menuItems = null;\n  }\n\n  return (\n    <Menu\n      {...menuProps}\n      {...(accessibleLabel && {\n        'aria-label': accessibleLabel\n      })}\n      testId={testId}>\n      {menuItems}\n    </Menu>\n  );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\nimport { LIST_ITEM_SELECTOR } from '#PRIVATE_List';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'firstItem',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string | number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string | number, D>(\n  dataState: DataState<K, D> | null,\n  contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n  scrollListRef: RefObject<HTMLElement | null>,\n  updateCurrentKey: (key: K) => void\n) => {\n  /*Context Menu section\n   TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we\n   can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n  */\n\n  /*\n  Steps to open a menu:\n    1.- useContextMenu handler is called when menu is supposed to be opened.\n    2.- We set contextMenuContext when contextMenuRenderer is called.\n    3.- We dispatch opening the menu with the correct anchor.\n    5.- Menu receives updated props and updated contextMenuContext.\n    6.- Menu is opened.\n\n    */\n\n  //Supposed to be updated when menu is about to be opened\n  //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n  //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n  //being closed always\n  const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n  const currentKeyRef = useRef<K>();\n  const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n    currentKeyRef.current = detail.value;\n  };\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          scrollListRef.current as HTMLElement,\n          currentKeyRef.current as K,\n          LIST_ITEM_SELECTOR\n        );\n\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n\n        const context = findItemContext(\n          currentKeyRef.current as K,\n          dataState as DataState<string | number | null, D>\n        );\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, LIST_ITEM_SELECTOR);\n\n        const context = findItemContext(key, dataState as DataState<string | number | null, D>);\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n\n        //We update the key so when we close logical focus is on the correct item\n        updateCurrentKey(key as K);\n      }\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        isOpen: true\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      /*\n      TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard,\n      but should not be visible when the selection was done using mouse or touch. This would probably means menu\n      onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n      */\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        scrollListRef.current?.focus({ preventScroll: true });\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [scrollListRef]\n  );\n\n  return {\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    onClose: handleCloseContextMenu,\n    contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n    triggerProps,\n    notifyCurrentKeyChanged\n  } as const;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail, ListItemRendererContext } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List, SkeletonContainer } from '../PRIVATE_List';\nimport {\n  ListProps,\n  ListViewContextMenuConfig,\n  ListViewHandle,\n  SkeletonRendererContext\n} from './List.types';\nimport { getScrollPosition } from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'children'\n  | 'gridlines'\n  | 'currentItemOverride'\n  | 'onPersistCurrentItem'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n  | 'testId'\n  | 'scrollPositionOverride'\n  | 'onReorder'\n  | 'itemPadding'\n  | 'itemEnterKeyFocusBehavior'\n  | 'skeletonRenderer'\n> &\n  NonVirtualizedListProps<K, D>;\n/**\n * A list view displays data items as a list or a grid with highly interactive features.\n */\nexport const ListView = forwardRef(\n  <K extends string | number, D>(\n    { children, ...props }: Props<K, D>,\n    ref?: ForwardedRef<ListViewHandle<K>>\n  ) => {\n    const { contextMenuConfig } = props;\n    const listRef = useRef<HTMLDivElement | null>(null);\n\n    const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n      props.currentItemOverride\n    );\n\n    const dataMetadata = props.data\n      ? props.data.map((aData: D) => {\n          const key = props.getRowKey(aData);\n          return { data: aData, metadata: { key } };\n        })\n      : null;\n\n    const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n    const dataState = dataMetadata\n      ? ({\n          offset: 0,\n          data: dataMetadata,\n          sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n          totalSize: dataMetadata.length\n        } as DataState<K, D>)\n      : null;\n\n    useImperativeHandle(ref!, () => ({\n      getScrollPosition: () => {\n        if (listRef.current) {\n          return getScrollPosition(listRef.current);\n        }\n        return { y: 0 };\n      },\n      focus: () => {\n        if (listRef.current) {\n          listRef.current.focus();\n        }\n      }\n    }));\n\n    /**\n     * Reorder Section\n     */\n    const isReorderEnabled = props.onReorder != undefined;\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useListViewReorder({\n      onReorder: props.onReorder,\n      rootRef: listRef,\n      viewportConfig: props.viewportConfig\n    });\n\n    const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n      useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n    const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n      props.onPersistCurrentItem?.(detail);\n      notifyCurrentKeyChanged(detail);\n    };\n\n    const reorderableItemRenderer = useCallback(\n      (context: ListItemRendererContext<K, D>) => (\n        <MemoizeListViewReorderableItem {...reorderItemProps} itemKey={context.metadata.key}>\n          {children(context)}\n        </MemoizeListViewReorderableItem>\n      ),\n      [children, reorderItemProps]\n    );\n\n    if (isReorderEnabled && reorderItemProps) {\n      return (\n        <>\n          <ReorderableContext.Provider value={reorderContext}>\n            <List\n              {...props}\n              aria-describedby={reorderInstructionsId}\n              contextMenuTriggerProps={triggerProps}\n              reorderProps={reorderProps}\n              onLoadRange={loadRange}\n              scrollerRef={listRef}\n              data={dataState}\n              currentItemOverride={currentItemOverride}\n              onPersistCurrentItem={onPersistCurrentItem}>\n              {reorderableItemRenderer}\n            </List>\n            <span id={reorderInstructionsId}>\n              <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n            </span>\n          </ReorderableContext.Provider>\n          {contextMenuConfig && (\n            <ListViewContextMenu\n              {...menuProps}\n              testId={props.testId ? props.testId + '-menu' : undefined}\n              contextMenuConfig={contextMenuConfig}\n              contextMenuContext={contextMenuContext}\n            />\n          )}\n        </>\n      );\n    }\n\n    const customInitialSkeleton = (\n      skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n    ) => {\n      return (\n        <SkeletonContainer minimumCount={25}>\n          {(index) => {\n            const context: SkeletonRendererContext = {\n              loadingStatus: 'initial',\n              index: index\n            };\n            return skeletonRenderer(context);\n          }}\n        </SkeletonContainer>\n      );\n    };\n\n    const customLoadMoreSkeleton = (\n      skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n    ) => {\n      return (\n        <div class={LOADMORE_STYLE_CLASS}>\n          <SkeletonContainer minimumCount={3}>\n            {(index) => {\n              const context: SkeletonRendererContext = {\n                loadingStatus: 'loadMore',\n                index: index\n              };\n              return skeletonRenderer(context);\n            }}\n          </SkeletonContainer>\n        </div>\n      );\n    };\n\n    return (\n      <>\n        <List\n          {...props}\n          loadingIndicator={\n            props.skeletonRenderer ? customInitialSkeleton(props.skeletonRenderer) : undefined\n          }\n          loadMoreIndicator={\n            props.skeletonRenderer ? customLoadMoreSkeleton(props.skeletonRenderer) : undefined\n          }\n          onLoadRange={loadRange}\n          scrollerRef={listRef}\n          data={dataState}\n          contextMenuTriggerProps={triggerProps}\n          currentItemOverride={currentItemOverride}\n          onPersistCurrentItem={onPersistCurrentItem}>\n          {children}\n        </List>\n        {contextMenuConfig && (\n          <ListViewContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext}\n            testId={props.testId ? props.testId + '-menu' : undefined}\n          />\n        )}\n      </>\n    );\n  }\n) as <K extends string | number, D>(\n  props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/**\n * This hook handles the currentItemOverride passing to PRIVATE_List layer.\n *\n * If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n *\n * @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n  // the override that will be passed down to PRIVATE_List layer\n  const listOverrideRef = useRef<CurrentItem<K>>();\n\n  // track the currentItemOverride attribute set by app\n  const appOverrideRef = useRef<CurrentItem<K>>();\n  if (appOverrideRef.current !== currentItemOverride) {\n    appOverrideRef.current = currentItemOverride;\n    listOverrideRef.current = currentItemOverride;\n  }\n\n  // track the internal override updated by useListViewContextMenu hook\n  // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n  const updateCurrentItemOverride = useCallback((key: K) => {\n    listOverrideRef.current = { rowKey: key };\n  }, []);\n\n  return {\n    currentItemOverride: listOverrideRef.current,\n    updateCurrentItemOverride\n  };\n};\n","import type { RefObject } from 'preact';\nimport { useMemo, useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible, LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n  rootRef: RefObject<HTMLDivElement>;\n  viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string | number, D>({\n  onReorder,\n  rootRef,\n  viewportConfig\n}: useListViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: LIST_ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns: 1\n    });\n\n  // ensure the current item is scrolled into view during keyboard reordering,\n  // disable that during mouse reordering\n  const reorderScrollIntoView = useRef(false);\n  useEffect(() => {\n    if (isReorderEnabled && reorderScrollIntoView.current) {\n      const rootElement = rootRef.current as HTMLElement;\n      const elem = findElementByKey(\n        rootElement,\n        reorderContext.currentItemKey.current as K,\n        LIST_ITEM_SELECTOR\n      );\n      if (elem) {\n        const scroller = viewportConfig?.scrollerRef.current || rootElement;\n        // make sure item is visible\n        scrollToVisible(elem, scroller, 0);\n        reorderScrollIntoView.current = false;\n      }\n    }\n  });\n\n  const reorderItemProps = useMemo(() => {\n    return { dragKey, setDragKey, onReorder, rootRef };\n  }, [dragKey, onReorder, rootRef]);\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // listview only do keyboard reordering with arrow up/down keys\n    if (\n      isReorderEnabled &&\n      (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n      (event.metaKey || event.ctrlKey) &&\n      event.shiftKey\n    ) {\n      reorderScrollIntoView.current = true;\n      reorderProps.onKeyDown?.(event);\n    }\n  };\n\n  const handleDragOver = (event: DragEvent) => {\n    if (dragKey !== undefined) {\n      reorderScrollIntoView.current = false;\n      dragToScroll(event, dragKey !== undefined, rootRef.current);\n    }\n  };\n\n  const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["MemoizeListViewReorderableItem","memo","children","dragKey","setDragKey","onReorder","rootRef","itemKey","itemRef","useRef","itemStyles","itemOverlayFront","styles","reorderableItemOverlayFront","itemOverlayRear","reorderableItemOverlayRear","itemDragger","reorderableItemDragger","setTransferData","useCallback","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","getItem","current","closest","LIST_ITEM_SELECTOR","itemSelector","isVertical","classes","classNames","class","reorderableItemDnd","_jsxs","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","jsx","prev","next","ListViewContextMenu","contextMenuConfig","testId","contextMenuContext","menuProps","accessibleLabel","menuItems","isOpen","itemsRenderer","isMenuChildrenFalsy","Menu","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","anchorRef","ListView","forwardRef","props","listRef","currentItemOverride","updateCurrentItemOverride","listOverrideRef","appOverrideRef","key","rowKey","useListViewCurrentItemOverride","dataMetadata","data","map","aData","metadata","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","length","useImperativeHandle","getScrollPosition","y","focus","isReorderEnabled","undefined","reorderProps","reorderItemProps","reorderContext","reorderInstructionsId","reorderInstructions","viewportConfig","useState","useReorderable","columns","reorderScrollIntoView","useEffect","rootElement","elem","findElementByKey","currentItemKey","scroller","scrollerRef","scrollToVisible","useMemo","mergeProps","onKeyDown","metaKey","ctrlKey","shiftKey","onDragOver","dragToScroll","useListViewReorder","triggerProps","notifyCurrentKeyChanged","scrollListRef","updateCurrentKey","setContextMenuContext","setMenuProps","currentKeyRef","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","context","findItemContext","keyExtractor","handleCloseContextMenu","detail","reason","preventScroll","onClose","value","useListViewContextMenu","onPersistCurrentItem","reorderableItemRenderer","ReorderableContext","Provider","List","contextMenuTriggerProps","onLoadRange","id","HiddenAccessible","loadingIndicator","skeletonRenderer","SkeletonContainer","minimumCount","index","loadingStatus","loadMoreIndicator","LOADMORE_STYLE_CLASS","customLoadMoreSkeleton"],"mappings":"gnDAgEO,MAAMA,EAAiCC,EAAAA,MAlD9B,UAAmDC,SACjEA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,UACVA,EAASC,QACTA,EAAOC,QACPA,IAEA,MAAMC,EAAUC,SAA8B,MACxCC,EAAa,CACjBC,iBAAkBC,EAAMA,OAACC,4BACzBC,gBAAiBF,EAAMA,OAACG,2BACxBC,YAAaJ,EAAMA,OAACK,wBAGhBC,EAAkBC,eACrBC,IACCA,EAAMC,cAAcC,QAAQ,0BAA2BC,KAAKC,UAAUjB,GAAS,GAEjF,CAACA,KAEGkB,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYzB,EACZF,UACAC,aACAC,YACAC,UACAyB,IAAKvB,EACLwB,QAfY,IAAMxB,GAASyB,SAASC,QAAQC,EAAkBA,oBAgB9DjB,kBACAR,aACA0B,aAAcD,EAAkBA,mBAChCE,YAAY,IAEVC,EAAUC,EAAAA,WAAW,CAACd,GAAWe,MAAO5B,EAAMA,OAAC6B,qBAErD,OACEC,EAAAA,KAAA,MAAA,IAASjB,EAAWe,MAAOF,EAAOpC,SAAA,CAC/BA,GACCwB,GAAaiB,EAAAA,aAAaxC,IAC1BuC,EACEE,KAAAC,EAAAC,SAAA,CAAA5C,SAAA,CAAA6C,EAAAC,IAAA,MAAA,IAASrB,IACToB,EAASC,IAAA,MAAA,IAAApB,SAKnB,IAIE,CAAKqB,EAAmCC,OAClCD,IAAQC,KACHD,EAAK/C,WAAagD,EAAKhD,UAAY+C,EAAK9C,UAAY+C,EAAK/C,WC7CtD,SAAAgD,GAAkDC,kBAChEA,EAAiBC,OACjBA,EAAMC,mBACNA,KACGC,IAEH,MAAMC,EAAkBJ,EAAkBI,gBAE1C,IAAIC,EAEJ,GAAIF,EAAUG,QAEZ,GADAD,EAAYL,EAAkBO,cAAcL,GACxCM,EAAAA,oBAAoBH,GACtB,OAAO,UAGTA,EAAY,KAGd,OACEV,MAACc,EAAIA,KAAA,IACCN,KACCC,GAAmB,CACtB,aAAcA,GAEhBH,OAAQA,WACPI,GAGP,CCpCA,MAEMK,EAGF,CACFC,MAAO,CACLC,aAAc,OACdC,UAAW,eACXC,YAAa,GAEfC,SAAU,CACRH,aAAc,YACdC,UAAW,eACXC,YAAa,GAEfE,MAAO,CACLJ,aAAc,YACdC,UAAW,MACXC,YAnBuB,KAuBrBG,EAA8B,CAClCX,QAAQ,EACRM,aAAc,OACdC,UAAW,eACXC,YAAa,EACbI,UAAW,CAAErC,QAAS,OCyCXsC,EAAWC,EAAUA,YAChC,EACItE,cAAauE,GACf1C,KAEA,MAAMqB,kBAAEA,GAAsBqB,EACxBC,EAAUjE,SAA8B,OAExCkE,oBAAEA,EAAmBC,0BAAEA,GChFa,CAC5CD,IAGA,MAAME,EAAkBpE,EAAAA,SAGlBqE,EAAiBrE,EAAAA,SACnBqE,EAAe7C,UAAY0C,IAC7BG,EAAe7C,QAAU0C,EACzBE,EAAgB5C,QAAU0C,GAK5B,MAAMC,EAA4BzD,eAAa4D,IAC7CF,EAAgB5C,QAAU,CAAE+C,OAAQD,EAAK,GACxC,IAEH,MAAO,CACLJ,oBAAqBE,EAAgB5C,QACrC2C,4BACD,ED0D4DK,CACzDR,EAAME,qBAGFO,EAAeT,EAAMU,KACvBV,EAAMU,KAAKC,KAAKC,IAEP,CAAEF,KAAME,EAAOC,SAAU,CAAEP,IADtBN,EAAMc,UAAUF,QAG9B,KAEEG,EAAYf,EAAMgB,WAAahB,EAAMgB,WAAa,OAClDC,EAAYR,EACb,CACCS,OAAQ,EACRR,KAAMD,EACNU,cAAenB,EAAMoB,QAAU,UAAY,QAC3CC,UAAWZ,EAAaa,QAE1B,KAEJC,EAAmBA,oBAACjE,GAAM,KAAO,CAC/BkE,kBAAmB,IACbvB,EAAQzC,QACHgE,EAAiBA,kBAACvB,EAAQzC,SAE5B,CAAEiE,EAAG,GAEdC,MAAO,KACDzB,EAAQzC,SACVyC,EAAQzC,QAAQkE,OACjB,MAOL,MAAMC,EAAsCC,MAAnB5B,EAAMpE,WACzBiG,aACJA,EAAYC,iBACZA,EAAgBC,eAChBA,EAAcC,sBACdA,EAAqBC,oBACrBA,GE3H4B,GAChCrG,YACAC,UACAqG,qBAEA,MAAMP,EAAgCC,MAAbhG,GAElBF,EAASC,GAAcwG,EAAQA,cAAgBP,IAChDC,aAAEA,EAAYE,eAAEA,EAAcC,sBAAEA,EAAqBC,oBAAEA,GAC3DG,EAAAA,eAAe,CACbxG,YACAC,UACA8B,aAAcD,EAAkBA,mBAChCL,YAAasE,EACbU,QAAS,IAKPC,EAAwBtG,UAAO,GACrCuG,EAAAA,WAAU,KACR,GAAIZ,GAAoBW,EAAsB9E,QAAS,CACrD,MAAMgF,EAAc3G,EAAQ2B,QACtBiF,EAAOC,EAAAA,iBACXF,EACAT,EAAeY,eAAenF,QAC9BE,EAAAA,oBAEF,GAAI+E,EAAM,CACR,MAAMG,EAAWV,GAAgBW,YAAYrF,SAAWgF,EAExDM,EAAAA,gBAAgBL,EAAMG,EAAU,GAChCN,EAAsB9E,SAAU,CACjC,CACF,KAGH,MAAMsE,EAAmBiB,EAAAA,SAAQ,KACxB,CAAErH,UAASC,aAAYC,YAAWC,aACxC,CAACH,EAASE,EAAWC,IAExB,OAAK8F,EA+BE,CACLE,aAHwBmB,EAAAA,WAAW,CAAEC,UApBhBtG,IAGnBgF,IACe,YAAdhF,EAAM2D,KAAmC,cAAd3D,EAAM2D,OACjC3D,EAAMuG,SAAWvG,EAAMwG,UACxBxG,EAAMyG,WAENd,EAAsB9E,SAAU,EAChCqE,EAAaoB,YAAYtG,GAC1B,EAU8D0G,WAPzC1G,SACNiF,IAAZlG,IACF4G,EAAsB9E,SAAU,EAChC8F,EAAYA,aAAC3G,OAAmBiF,IAAZlG,EAAuBG,EAAQ2B,SACpD,IAODsE,mBACAC,iBACAC,wBACAC,uBAnCO,CACLJ,eACAE,iBACAC,wBACAC,sBAgCM,EF8CJsB,CAAmB,CACrB3H,UAAWoE,EAAMpE,UACjBC,QAASoE,EACTiC,eAAgBlC,EAAMkC,kBAGlBsB,aAAEA,EAAY1E,UAAEA,EAASD,mBAAEA,EAAkB4E,wBAAEA,GD/FnB,EACpCxC,EACAtC,EACA+E,EACAC,KAqBA,MAAO9E,EAAoB+E,GAAyBzB,EAAQA,YAErDrD,EAAW+E,GAAgB1B,EAAQA,SAAYvC,GAEhDkE,EAAgB9H,EAAAA,UAKhBwH,aAAEA,GAAiBO,EAAqBA,uBAC5C,EAAGC,UAASC,SAAQC,aAClB,IAAIC,EAAuBF,EAC3B,GAAgB,aAAZD,EAAwB,CAS1BG,EAPazB,EAAAA,iBACXgB,EAAclG,QACdsG,EAActG,QACdE,EAAAA,qBAImCuG,EAErC,MAAMG,EAAUC,EAAeA,gBAC7BP,EAActG,QACdyD,GAGF2C,EAAsBQ,EACvB,KAAM,CAEL,MAAM9D,EAAMgE,EAAAA,aAAaJ,EAAuBxG,EAAkBA,oBAE5D0G,EAAUC,EAAAA,gBAAgB/D,EAAKW,GAErC2C,EAAsBQ,GAGtBT,EAAiBrD,EAClB,CACDuD,EAAa,IACRxE,EAAsB2E,GACzBnE,UAAW,CAAErC,QAAS2G,GACtBlF,QAAQ,GACR,GAEJ,CACE5B,YAAasB,IAIX4F,EAAyB7H,eAC5B8H,IAQuB,cAAlBA,EAAOC,QAA4C,eAAlBD,EAAOC,QAC1Cf,EAAclG,SAASkE,MAAM,CAAEgD,eAAe,IAGhDb,EAAa,IAAKjE,GAAmB,GAEvC,CAAC8D,IAGH,MAAO,CACL5E,UAAW,IAAKA,EAAW6F,QAASJ,GACpCI,QAASJ,EACT1F,mBAAoBA,EACpB2E,eACAC,wBArE+Be,IAC/BV,EAActG,QAAUgH,EAAOI,KAAK,EAqE5B,ECJNC,CAAuB5D,EAAWtC,EAAmBsB,EAASE,GAE1D2E,EAAwBN,IAC5BxE,EAAM8E,uBAAuBN,GAC7Bf,EAAwBe,EAAO,EAG3BO,EAA0BrI,eAC7B0H,GACC9F,EAAAA,IAAC/C,EAA8B,IAAKuG,EAAkBhG,QAASsI,EAAQvD,SAASP,IAAG7E,SAChFA,EAAS2I,MAGd,CAAC3I,EAAUqG,IAGb,GAAIH,GAAoBG,EACtB,OACE7D,EAAAA,2BACEA,EAAAA,KAAC+G,EAAAA,mBAAmBC,SAAQ,CAACL,MAAO7C,YAClCzD,EAACC,IAAA2G,EAAIA,SACClF,EAAK,mBACSgC,EAClBmD,wBAAyB3B,EACzB3B,aAAcA,EACduD,YAAarE,EACb8B,YAAa5C,EACbS,KAAMO,EACNf,oBAAqBA,EACrB4E,qBAAsBA,EACrBrJ,SAAAsJ,IAEHzG,EAAAA,YAAM+G,GAAIrD,EACRvG,SAAA6C,MAACgH,EAAAA,iBAAkB,CAAA7J,SAAAwG,SAGtBtD,GACCL,MAACI,EAAmB,IACdI,EACJF,OAAQoB,EAAMpB,OAASoB,EAAMpB,OAAS,aAAUgD,EAChDjD,kBAAmBA,EACnBE,mBAAoBA,OAyC9B,OACEZ,EACEE,KAAAC,EAAAC,SAAA,CAAA5C,SAAA,CAAA6C,EAAAA,IAAC4G,EAAAA,KAAI,IACClF,EACJuF,iBACEvF,EAAMwF,kBAtCZA,EAsCqDxF,EAAMwF,iBAnCzDlH,EAAAA,IAACmH,EAAAA,kBAAkB,CAAAC,aAAc,GAC9BjK,SAACkK,GAKOH,EAJkC,CACvCI,cAAe,UACfD,MAAOA,YA+BgE/D,EAE3EiE,kBACE7F,EAAMwF,iBA1BiB,CAC7BA,GAGElH,EAAKC,IAAA,MAAA,CAAAR,MAAO+H,EAAoBA,8BAC9BxH,MAACmH,EAAAA,kBAAkB,CAAAC,aAAc,EAACjK,SAC9BkK,GAKOH,EAJkC,CACvCI,cAAe,WACfD,MAAOA,QAiBcI,CAAuB/F,EAAMwF,uBAAoB5D,EAE5EwD,YAAarE,EACb8B,YAAa5C,EACbS,KAAMO,EACNkE,wBAAyB3B,EACzBtD,oBAAqBA,EACrB4E,qBAAsBA,WACrBrJ,IAEFkD,GACCL,EAAAA,IAACI,EAAmB,IACdI,EACJH,kBAAmBA,EACnBE,mBAAoBA,EACpBD,OAAQoB,EAAMpB,OAASoB,EAAMpB,OAAS,aAAUgD,OAzD1B,IAC5B4D,CA4DA"}

package/amd/PRIVATE_SelectCommon.js

@@ -1,2 +1,2 @@
-define(['exports', './useSelectCommon-28307b63', './SelectMobileFieldInput-83f56b22', 'preact/jsx-runtime', './Flex-4b81b412', './useTestId-f4240cbd', './LayerHost-0b288129', 'preact', './index-055933ab', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', 'preact/hooks', './classNames-08d99695', './boxalignment-8d80de7e', './size-114c63df', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './_curry1-df649359', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-95c0c920', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', 'css!./FlexStyles.styles.css', './HighlightText-ee76c447', 'css!./HighlightTextStyles.styles.css', './Grid-caac1c86', './grid-767b4587', 'css!./GridStyles.styles.css', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-e9ce1931', './Text-31cabc49', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './clientHints-6d361eaa', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useId-c9578d26', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', 'css!./dropdownStyles.styles2.css', './List-daac1169', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-77dc5fa1', './Selector-b38f6c0c', './BaseSelector-8252d4fc', './useActive-bb5dc069', './useToggle-a29f97af', './useFocus-4194fc59', './useHover-8b8a1496', './StyledCheckbox-368fed68', './Check-40a9a3e6', './Icon-234f9eb8', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useTouch-37489bb5', './useAnimation-d90c433f', './useComponentTheme-5aa41a8f', './useThemeInterpolations-cc05b0f0', './useColorScheme-097c31ff', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './useDensity-8a10fc70', './unsafeDomAccess-602c5dde', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-2bb62284', './EnvironmentProvider-403bf554', './LayerManager-426c669d', './Floating-c3558e44', './useFloating-5cb85d2b', './useUser-08901aba', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-e53a4b5a', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', 'css!./StyledCheckbox.styles.css', './PRIVATE_BaseSelector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './LoadMoreCollection-895f1ed5', './Collection-121694cb', './useViewportIntersect-dbf8f6f0', './VirtualizedCollection-967c8e06', './FocusTrap-038b32c3', './tabbableUtils-f95361a6', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTracker-90de4e7f', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useNavigation-4d87e7e6', './useCurrentKey-5749e7fb', './useReorderableContext-a5453bd7', './ReorderableContext-6d10a1b7', './useCollectionFocusRing-ae19cd81', './useTabbableModeSet-7cea851f', './useInteractionStyle-15a2bdd0', './PRIVATE_List/themes/ListStyles.css', 'css!./ImageVars.styles.css', 'css!./ListStyles.styles.css', './Skeleton-3e52c94a', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './ImageVars.css-17386400', './useTheme-da27e1d1', './useSelection-aecb6b23', './textSelectionUtils-3022f002', './useAdditiveSelection-4c04d01c', './useItemAction-3616efde', './Inset-36993577', './UNSAFE_Inset/themes/InsetStyles.css', 'css!./InsetStyles.styles.css', 'module', './usePress-949a0d03', './CaretDown-9961d246', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './useTranslationBundle-e4dd341e', './keyboardUtils-fb6219eb', './useOutsideMousedown-cb88da60', './popupUtils-d42db8bf', './FormFieldContext-a024b891', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './IconButton-dc1be00e', './BaseButton-5a0ad529', './BareButton-d02b4870', './useBareButton-0afa84c2', './usePressClick-b5bf4243', './buttonUtils-cbbb0130', './id-c70ab33c', './ButtonLabelLayout-6464870c', './useButtonLabelLayoutTheme-a30f5d8a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './getLocale-ae79e654', './stringUtils-4ffd9d59', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-35528366', './MessagesManager-99ed294b', './SuccessS-eb8fd915', './ErrorS-d91c3db2', './InformationS-53490112', './WarningS-98a81abe', './PRIVATE_Message/themes/MessageStyles.css', './soundUtils-f6535f03', './useMessagesContext-1395a997', './Transition-04efcc49', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useFormFieldContext-9260f081', './InlineHelp-e872c36b', './InlineHelpSource-8d8b6a8b', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './Popup-6b57cc3e', './Modal-95bf034f', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-11d88211', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './usePopupAnimation-dc282b02', './useAnimationStatus-0cae3dff', './popupAnimationUtils-49b93365', './LiveRegion-dbefb95b', 'css!./LiveRegionStyles.styles.css', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './colors-a9482873', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './Link-a8fad252', './UNSAFE_Link/themes/redwood/LinkTheme', './UNSAFE_Link/themes/LinkStyles.css', 'css!./LinkStyles.styles.css', './UNSAFE_Link/themes/redwood/LinkBaseTheme.css', 'module', './UNSAFE_Link/themes/redwood/LinkVariants.css', 'css!./LinkVariants.styles.css', './useFocusWithin-5a504fca', './Separator-181f7541', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', 'css!./mobileDropdownStyles.styles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', 'css!./selectMobileDropdownStyles.styles.css', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', 'css!./FormControlUtilsStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css', 'css!./TextFieldInputVariants.styles.css', './useAccessibleContext-23e8a333', './formControlUtils-de035f75', './textAlign-ef924afd', 'css!./text.styles.css', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css', 'css!./SelectMobileFieldInputStyles.styles.css'], (function(e,s,t,o,a,l,n,c,r,i,d,m,S,y,b,u,h,F,p,A,U,T,f,C,_,E,w,x,B,L,N,g,k,I,M,V,v,D,P,O,R,W,H,G,K,j,z,q,J,Q,X,Y,Z,$,ee,se,te,oe,ae,le,ne,ce,re,ie,de,me,Se,ye,be,ue,he,Fe,pe,Ae,Ue,Te,fe,Ce,_e,Ee,we,xe,Be,Le,Ne,ge,ke,Ie,Me,Ve,ve,De,Pe,Oe,Re,We,He,Ge,Ke,je,ze,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,ls,ns,cs,rs,is,ds,ms,Ss,ys,bs,us,hs,Fs,ps,As,Us,Ts,fs,Cs,_s,Es,ws,xs,Bs,Ls,Ns,gs,ks,Is,Ms,Vs,vs,Ds,Ps,Os,Rs,Ws,Hs,Gs,Ks,js,zs,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,lt,nt,ct,rt,it,dt,mt,St,yt,bt,ut,ht,Ft,pt,At,Ut,Tt,ft,Ct,_t,Et,wt,xt,Bt,Lt,Nt,gt,kt,It,Mt,Vt,vt,Dt,Pt,Ot,Rt,Wt,Ht,Gt,Kt,jt,zt,qt,Jt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,lo,no,co,ro,io,mo,So,yo,bo,uo,ho,Fo,po,Ao,Uo,To,fo,Co,_o,Eo,wo,xo,Bo,Lo,No,go,ko,Io,Mo,Vo,vo,Do,Po,Oo,Ro,Wo,Ho,Go,Ko,jo,zo,qo,Jo,Qo,Xo,Yo,Zo,$o,ea,sa,ta,oa,aa,la,na,ca,ra,ia,da,ma,Sa,ya,ba,ua,ha,Fa,pa,Aa,Ua,Ta,fa){"use strict";e.DefaultList=s.DefaultList,e.DropdownArrow=s.DropdownArrow,e.DropdownList=s.DropdownList,e.EmptyResults=s.EmptyResults,e.createKeysFromValueItems=s.createKeysFromValueItems,e.isBeforeDataFetch=s.isBeforeDataFetch,e.isMobile=s.isMobile,e.isPhone=s.isPhone,e.isSearchClearedFirstTime=s.isSearchClearedFirstTime,e.isSearchTextEmptyOrUndefined=s.isSearchTextEmptyOrUndefined,e.isSimpleClick=s.isSimpleClick,e.isTablet=s.isTablet,e.preventDefault=s.preventDefault,e.preventDefaultForCurrentTarget=s.preventDefaultForCurrentTarget,e.renderItemText=s.renderItemText,e.useCollectionRenderer=s.useCollectionRenderer,e.useSelectCommon=s.useSelectCommon,e.Dropdown=t.Dropdown,e.DropdownUserAssistance=t.DropdownUserAssistance,e.LinkItem=t.LinkItem,e.MobileDropdown=t.MobileDropdown,e.SelectMobileDropdown=t.SelectMobileDropdown,e.SelectMobileFieldInput=t.SelectMobileFieldInput,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './useSelectCommon-a02ddf3c', './SelectMobileFieldInput-d499ef86', 'preact/jsx-runtime', './List-daac1169', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-77dc5fa1', './clientHints-6d361eaa', './Selector-b38f6c0c', './BaseSelector-8252d4fc', './useActive-bb5dc069', './useToggle-a29f97af', './useFocus-4194fc59', './useTestId-f4240cbd', './LayerHost-0b288129', 'preact', './index-055933ab', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './useHover-8b8a1496', './StyledCheckbox-368fed68', './Check-40a9a3e6', './Icon-234f9eb8', './size-114c63df', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './_curry1-df649359', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useId-c9578d26', './useTouch-37489bb5', './useAnimation-d90c433f', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useThemeInterpolations-cc05b0f0', './useColorScheme-097c31ff', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-8a10fc70', './unsafeDomAccess-602c5dde', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './tooltipUtils-2bb62284', './EnvironmentProvider-403bf554', './LayerManager-426c669d', './Floating-c3558e44', './useFloating-5cb85d2b', './useUser-08901aba', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-e53a4b5a', './arrayUtils-6ee96a35', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', 'css!./StyledCheckbox.styles.css', './PRIVATE_BaseSelector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './LoadMoreCollection-895f1ed5', './Collection-121694cb', './useViewportIntersect-dbf8f6f0', './VirtualizedCollection-967c8e06', './FocusTrap-038b32c3', './tabbableUtils-f95361a6', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTracker-90de4e7f', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useNavigation-4d87e7e6', './useCurrentKey-5749e7fb', './useReorderableContext-a5453bd7', './ReorderableContext-6d10a1b7', './useCollectionFocusRing-ae19cd81', './useTabbableModeSet-7cea851f', './useInteractionStyle-15a2bdd0', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './PRIVATE_List/themes/ListStyles.css', 'css!./ImageVars.styles.css', 'css!./ListStyles.styles.css', './Skeleton-3e52c94a', './dimensions-95c0c920', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './Flex-4b81b412', './boxalignment-8d80de7e', 'css!./boxalignment.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', 'css!./FlexStyles.styles.css', './ImageVars.css-17386400', './useTheme-da27e1d1', './useSelection-aecb6b23', './textSelectionUtils-3022f002', './useAdditiveSelection-4c04d01c', './useItemAction-3616efde', './Inset-36993577', './UNSAFE_Inset/themes/InsetStyles.css', 'css!./InsetStyles.styles.css', 'module', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', 'module', './HighlightText-ee76c447', 'css!./HighlightTextStyles.styles.css', './Grid-caac1c86', './grid-767b4587', 'css!./GridStyles.styles.css', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-e9ce1931', './Text-31cabc49', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_SelectCommon/themes/dropdownStyles.css', 'css!./dropdownStyles.styles2.css', './usePress-949a0d03', './CaretDown-9961d246', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './useTranslationBundle-e4dd341e', './keyboardUtils-fb6219eb', './useOutsideMousedown-cb88da60', './popupUtils-d42db8bf', './FormFieldContext-a024b891', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './IconButton-dc1be00e', './BaseButton-5a0ad529', './BareButton-d02b4870', './useBareButton-0afa84c2', './usePressClick-b5bf4243', './buttonUtils-cbbb0130', './id-c70ab33c', './ButtonLabelLayout-6464870c', './useButtonLabelLayoutTheme-a30f5d8a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './getLocale-ae79e654', './stringUtils-4ffd9d59', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-35528366', './MessagesManager-99ed294b', './SuccessS-eb8fd915', './ErrorS-d91c3db2', './InformationS-53490112', './WarningS-98a81abe', './PRIVATE_Message/themes/MessageStyles.css', './soundUtils-f6535f03', './useMessagesContext-1395a997', './Transition-04efcc49', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useFormFieldContext-9260f081', './InlineHelp-e872c36b', './InlineHelpSource-8d8b6a8b', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './Popup-6b57cc3e', './Modal-95bf034f', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-11d88211', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './usePopupAnimation-dc282b02', './useAnimationStatus-0cae3dff', './popupAnimationUtils-49b93365', './LiveRegion-dbefb95b', 'css!./LiveRegionStyles.styles.css', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './colors-a9482873', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './Link-a8fad252', './UNSAFE_Link/themes/redwood/LinkTheme', './UNSAFE_Link/themes/LinkStyles.css', 'css!./LinkStyles.styles.css', './UNSAFE_Link/themes/redwood/LinkBaseTheme.css', 'module', './UNSAFE_Link/themes/redwood/LinkVariants.css', 'css!./LinkVariants.styles.css', './useFocusWithin-5a504fca', './Separator-181f7541', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', 'css!./mobileDropdownStyles.styles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', 'css!./selectMobileDropdownStyles.styles.css', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', 'css!./FormControlUtilsStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css', 'css!./TextFieldInputVariants.styles.css', './useAccessibleContext-23e8a333', './formControlUtils-de035f75', './textAlign-ef924afd', 'css!./text.styles.css', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css', 'css!./SelectMobileFieldInputStyles.styles.css'], (function(e,s,t,o,a,l,n,c,r,i,d,m,S,y,u,b,h,F,p,A,U,T,f,_,C,E,w,L,N,B,x,g,k,I,M,V,v,D,P,O,R,W,H,G,K,j,z,q,J,Q,X,Y,Z,$,ee,se,te,oe,ae,le,ne,ce,re,ie,de,me,Se,ye,ue,be,he,Fe,pe,Ae,Ue,Te,fe,_e,Ce,Ee,we,Le,Ne,Be,xe,ge,ke,Ie,Me,Ve,ve,De,Pe,Oe,Re,We,He,Ge,Ke,je,ze,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,ls,ns,cs,rs,is,ds,ms,Ss,ys,us,bs,hs,Fs,ps,As,Us,Ts,fs,_s,Cs,Es,ws,Ls,Ns,Bs,xs,gs,ks,Is,Ms,Vs,vs,Ds,Ps,Os,Rs,Ws,Hs,Gs,Ks,js,zs,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,lt,nt,ct,rt,it,dt,mt,St,yt,ut,bt,ht,Ft,pt,At,Ut,Tt,ft,_t,Ct,Et,wt,Lt,Nt,Bt,xt,gt,kt,It,Mt,Vt,vt,Dt,Pt,Ot,Rt,Wt,Ht,Gt,Kt,jt,zt,qt,Jt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,lo,no,co,ro,io,mo,So,yo,uo,bo,ho,Fo,po,Ao,Uo,To,fo,_o,Co,Eo,wo,Lo,No,Bo,xo,go,ko,Io,Mo,Vo,vo,Do,Po,Oo,Ro,Wo,Ho,Go,Ko,jo,zo,qo,Jo,Qo,Xo,Yo,Zo,$o,ea,sa,ta,oa,aa,la,na,ca,ra,ia,da,ma,Sa,ya,ua,ba,ha,Fa,pa,Aa,Ua,Ta,fa,_a,Ca,Ea){"use strict";e.DefaultList=s.DefaultList,e.DropdownArrow=s.DropdownArrow,e.DropdownList=s.DropdownList,e.EmptyResults=s.EmptyResults,e.createKeysFromValueItems=s.createKeysFromValueItems,e.isBeforeDataFetch=s.isBeforeDataFetch,e.isMobile=s.isMobile,e.isPhone=s.isPhone,e.isSearchClearedFirstTime=s.isSearchClearedFirstTime,e.isSearchTextEmptyOrUndefined=s.isSearchTextEmptyOrUndefined,e.isSimpleClick=s.isSimpleClick,e.isTablet=s.isTablet,e.preventDefault=s.preventDefault,e.preventDefaultForCurrentTarget=s.preventDefaultForCurrentTarget,e.renderItemText=s.renderItemText,e.useCollectionRenderer=s.useCollectionRenderer,e.useSelectCommon=s.useSelectCommon,e.Dropdown=t.Dropdown,e.DropdownUserAssistance=t.DropdownUserAssistance,e.LinkItem=t.LinkItem,e.MobileDropdown=t.MobileDropdown,e.SelectMobileDropdown=t.SelectMobileDropdown,e.SelectMobileFieldInput=t.SelectMobileFieldInput,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_SelectCommon.js.map

package/amd/{SelectMobileFieldInput-83f56b22.js → SelectMobileFieldInput-d499ef86.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-c3558e44', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './keyboardUtils-fb6219eb', './useSelectCommon-28307b63', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-6b57cc3e', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './Link-a8fad252', './useFocusWithin-5a504fca', './useHover-8b8a1496', './classNames-08d99695', './Separator-181f7541', './WindowOverlay-11d88211', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './stringUtils-4ffd9d59', './Text-31cabc49', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './useTabbableMode-0a9ef009', './formControlUtils-de035f75', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css'], (function(e,s,t,o,a,n,l,i,r,d,c,u,b,p,h,m,x,y,S,f,F,A,w,C,g,T,v,U,I,M,E,j,N,P,_,D,L,V,k,B,O,R,H,W,K,q,G,Y,z,$,J,Q,X,Z,ee,se,te,oe,ae,ne,le,ie,re,de,ce,ue){"use strict";const be="bottom-start",pe={mainAxis:4,crossAxis:0},he={isMaxHeightAdjusted:!0,maxHeightCeiling:400},me={mainAxis:!1};function xe({"aria-labelledby":e,children:t,id:o,isOpen:n}){return n?s.jsx(a.Layer,{children:s.jsx(J.WindowOverlay,{children:s.jsx("div",{id:o,class:Q.mobileDropdownStyles.base,role:"dialog","aria-modal":"true","aria-labelledby":e,children:s.jsx(S.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:t})})})}):null}const ye=[...Object.values(de.textInterpolations)],Se=ce.mergeInterpolations(ye),fe=n.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":l,displayValue:i,hasEmptyLabel:r,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:b,placeholder:p,textAlign:h,variant:m="default"},x)=>{const{isDisabled:y,isFocused:S,hasValue:f=!1}=le.useFormFieldContext(),{isTabbable:F,tabbableModeProps:A}=ie.useTabbableMode(),w=se.isInputPlaceholderShown(d,f,S)?p:void 0,{UNSAFE_ariaLabelledBy:C}=ae.useAccessibleContext(),g=r?Z.l([l,C]):l,{class:T}=Se({textAlign:h}),{classes:v}=ne.useComponentTheme(oe.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:re.isEmbeddedVariant(m)?"embedded":"default",textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:f?"hasValue":"noValue",focused:S?"isFocused":"notFocused",disabled:y?"isDisabled":"notDisabled"}),U=z.classNames([ue.selectMobileFieldInputStyles.base,T,v,"legacyEmbedded"===m&&void 0===h&&te.formControlInheritTextAlign]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":g,"aria-required":c?"true":void 0,class:U,onBlur:u,onFocus:b,ref:x,role:"combobox",...F&&A,children:s.jsx("div",{class:ue.selectMobileFieldInputStyles.content,children:s.jsx(ee.Text,{variant:i?"inherit":"secondary",children:i||w})})})}));e.Dropdown=function({anchorRef:e,children:n,dropdownRef:l,id:u,isOpen:b,onAutoDismiss:p,onPosition:h}){const[m,x]=t.useState(be),[y,S]=t.useState(b);y!==b&&(b||x(be),S(b));const f=t.useCallback((e=>{x(e.placement),h?.(e)}),[h,x]),F=t.useCallback((e=>{p?.(e)}),[p]),A=t.useCallback((e=>{if(!e.defaultPrevented&&!i.isControlOrFunctionKey(e))switch(e.code){case i.KEYS.ESC:case i.KEYS.TAB:F(e)}}),[F]);c.useOutsideMousedown({isDisabled:!b,ref:[e,l],handler:F});const w=b?{minWidth:`${e.current?.offsetWidth}px`}:{};return b?s.jsx(a.Layer,{logicalParentRef:e,children:s.jsx(o.Floating,{anchorRef:e,sizeOptions:he,shiftOptions:me,ref:l,placement:m,offsetValue:pe,onPosition:f,children:s.jsx("div",{class:d.dropdownStyles.base,id:u,style:w,onKeyDown:A,onMouseDown:r.preventDefaultForCurrentTarget,children:n})})}):null},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(u.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:d.dropdownStyles.userAssistance,onMouseDown:o,children:s.jsx(y.InlineUserAssistance,{...e})})})},e.LinkItem=({children:e,isHighlighted:o,onAction:a})=>{const{isHover:n,hoverProps:l}=Y.useHover(),{isFocused:i,focusProps:r}=G.useFocusWithin(),c=t.useCallback((e=>(e.preventDefault(),a?.(),!1)),[a]),u=z.classNames([d.dropdownStyles.results.linkItemRoot,i?d.dropdownStyles.results.linkItemFocus:void 0]),b=z.classNames([d.dropdownStyles.results.extraItem,n||i||o?d.dropdownStyles.results.linkItemHighlight:void 0]);return s.jsx("div",{class:u,...r,children:s.jsx(q.Link,{href:"#",onClick:c,children:s.jsx("div",{class:b,...l,children:e})})})},e.MobileDropdown=xe,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:o=!0,header:a,id:n,isOpen:l,labelId:i}){return s.jsxs(xe,{id:n,isOpen:l,"aria-labelledby":i,children:[a,o&&s.jsx($.Separator,{}),s.jsx("div",{class:X.selectMobileDropdownStyles.content,children:e}),s.jsx($.Separator,{}),t]})},e.SelectMobileFieldInput=fe}));
-//# sourceMappingURL=SelectMobileFieldInput-83f56b22.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-c3558e44', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './keyboardUtils-fb6219eb', './useSelectCommon-a02ddf3c', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-6b57cc3e', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './Link-a8fad252', './useFocusWithin-5a504fca', './useHover-8b8a1496', './classNames-08d99695', './Separator-181f7541', './WindowOverlay-11d88211', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './stringUtils-4ffd9d59', './Text-31cabc49', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './useTabbableMode-0a9ef009', './formControlUtils-de035f75', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css'], (function(e,s,t,o,a,n,l,i,r,d,c,u,b,p,h,m,x,y,S,f,F,A,w,C,g,T,v,U,I,M,E,j,N,P,_,D,L,V,k,B,O,R,H,W,K,q,G,Y,z,$,J,Q,X,Z,ee,se,te,oe,ae,ne,le,ie,re,de,ce,ue){"use strict";const be="bottom-start",pe={mainAxis:4,crossAxis:0},he={isMaxHeightAdjusted:!0,maxHeightCeiling:400},me={mainAxis:!1};function xe({"aria-labelledby":e,children:t,id:o,isOpen:n}){return n?s.jsx(a.Layer,{children:s.jsx(J.WindowOverlay,{children:s.jsx("div",{id:o,class:Q.mobileDropdownStyles.base,role:"dialog","aria-modal":"true","aria-labelledby":e,children:s.jsx(S.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:t})})})}):null}const ye=[...Object.values(de.textInterpolations)],Se=ce.mergeInterpolations(ye),fe=n.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":l,displayValue:i,hasEmptyLabel:r,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:b,placeholder:p,textAlign:h,variant:m="default"},x)=>{const{isDisabled:y,isFocused:S,hasValue:f=!1}=le.useFormFieldContext(),{isTabbable:F,tabbableModeProps:A}=ie.useTabbableMode(),w=se.isInputPlaceholderShown(d,f,S)?p:void 0,{UNSAFE_ariaLabelledBy:C}=ae.useAccessibleContext(),g=r?Z.l([l,C]):l,{class:T}=Se({textAlign:h}),{classes:v}=ne.useComponentTheme(oe.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:re.isEmbeddedVariant(m)?"embedded":"default",textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:f?"hasValue":"noValue",focused:S?"isFocused":"notFocused",disabled:y?"isDisabled":"notDisabled"}),U=z.classNames([ue.selectMobileFieldInputStyles.base,T,v,"legacyEmbedded"===m&&void 0===h&&te.formControlInheritTextAlign]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":g,"aria-required":c?"true":void 0,class:U,onBlur:u,onFocus:b,ref:x,role:"combobox",...F&&A,children:s.jsx("div",{class:ue.selectMobileFieldInputStyles.content,children:s.jsx(ee.Text,{variant:i?"inherit":"secondary",children:i||w})})})}));e.Dropdown=function({anchorRef:e,children:n,dropdownRef:l,id:u,isOpen:b,onAutoDismiss:p,onPosition:h}){const[m,x]=t.useState(be),[y,S]=t.useState(b);y!==b&&(b||x(be),S(b));const f=t.useCallback((e=>{x(e.placement),h?.(e)}),[h,x]),F=t.useCallback((e=>{p?.(e)}),[p]),A=t.useCallback((e=>{if(!e.defaultPrevented&&!i.isControlOrFunctionKey(e))switch(e.code){case i.KEYS.ESC:case i.KEYS.TAB:F(e)}}),[F]);c.useOutsideMousedown({isDisabled:!b,ref:[e,l],handler:F});const w=b?{minWidth:`${e.current?.offsetWidth}px`}:{};return b?s.jsx(a.Layer,{logicalParentRef:e,children:s.jsx(o.Floating,{anchorRef:e,sizeOptions:he,shiftOptions:me,ref:l,placement:m,offsetValue:pe,onPosition:f,children:s.jsx("div",{class:d.dropdownStyles.base,id:u,style:w,onKeyDown:A,onMouseDown:r.preventDefaultForCurrentTarget,children:n})})}):null},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(u.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:d.dropdownStyles.userAssistance,onMouseDown:o,children:s.jsx(y.InlineUserAssistance,{...e})})})},e.LinkItem=({children:e,isHighlighted:o,onAction:a})=>{const{isHover:n,hoverProps:l}=Y.useHover(),{isFocused:i,focusProps:r}=G.useFocusWithin(),c=t.useCallback((e=>(e.preventDefault(),a?.(),!1)),[a]),u=z.classNames([d.dropdownStyles.results.linkItemRoot,i?d.dropdownStyles.results.linkItemFocus:void 0]),b=z.classNames([d.dropdownStyles.results.extraItem,n||i||o?d.dropdownStyles.results.linkItemHighlight:void 0]);return s.jsx("div",{class:u,...r,children:s.jsx(q.Link,{href:"#",onClick:c,children:s.jsx("div",{class:b,...l,children:e})})})},e.MobileDropdown=xe,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:o=!0,header:a,id:n,isOpen:l,labelId:i}){return s.jsxs(xe,{id:n,isOpen:l,"aria-labelledby":i,children:[a,o&&s.jsx($.Separator,{}),s.jsx("div",{class:X.selectMobileDropdownStyles.content,children:e}),s.jsx($.Separator,{}),t]})},e.SelectMobileFieldInput=fe}));
+//# sourceMappingURL=SelectMobileFieldInput-d499ef86.js.map

package/amd/{SelectMobileFieldInput-83f56b22.js.map → SelectMobileFieldInput-d499ef86.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectMobileFieldInput-83f56b22.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\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// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n  isMaxHeightAdjusted: true,\n  maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n  mainAxis: false\n};\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  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    setPrevIsOpen(isOpen);\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  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={DROPDOWN_SIZE_OPTIONS}\n        shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={DROPDOWN_OFFSET}\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","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/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'?: UnpackSignals<JSX.AriaAttributes>['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 type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n  UnpackSignals<JSX.AriaAttributes>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, '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?: ContextType<typeof FormVariantContext>;\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: isEmbeddedVariant(variant) ? 'embedded' : 'default',\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      // JET-72775 - Form control alignment in tables\n      // When we are in legacy collection components, we want to inherit the text align\n      // when it is not set explicitly.\n      variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\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 { 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 { 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([\n    dropdownStyles.results.linkItemRoot,\n    isFocused ? dropdownStyles.results.linkItemFocus : undefined\n  ]);\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"],"names":["DEFAULT_PLACEMENT","DROPDOWN_OFFSET","mainAxis","crossAxis","DROPDOWN_SIZE_OPTIONS","isMaxHeightAdjusted","maxHeightCeiling","DROPDOWN_SHIFT_OPTIONS","MobileDropdown","ariaLabelledBy","children","id","isOpen","_jsx","jsx","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","Flex","width","height","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","isEmbeddedVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","formControlInheritTextAlign","content","Text","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","useCallback","positionData","handleAutoDismiss","event","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","shiftOptions","offsetValue","dropdownStyles","style","onKeyDown","onMouseDown","preventDefaultForCurrentTarget","props","handleMouseDown","target","tagName","preventDefault","FormFieldContext","Provider","userAssistance","InlineUserAssistance","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","results","linkItemRoot","linkItemFocus","linkClasses","extraItem","linkItemHighlight","Link","href","onClick","footer","hasHeaderSeparator","header","labelId","_jsxs","Separator","selectMobileDropdownStyles"],"mappings":"ujFA8BA,MAAMA,GAAoB,eAEpBC,GAAgD,CAAEC,SAAU,EAAGC,UAAW,GAC1EC,GAAsD,CAC1DC,qBAAqB,EACrBC,iBAAkB,KAEdC,GAAwD,CAC5DL,UAAU,GCTI,SAAAM,IAAiB,kBAAmBC,EAAcC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,IAChF,OAAQA,EACNC,EAACC,IAAAC,EAAKA,MACJ,CAAAL,SAAAG,MAACG,EAAAA,cAAa,CAAAN,SACZG,EAAAA,IACE,MAAA,CAAAF,GAAIA,EACJM,MAAOC,EAAAA,qBAAqBC,KAC5BC,KAAK,SACM,aAAA,OACM,kBAAAX,EACjBC,SAAAG,EAAAC,IAACO,EAAIA,KAAA,CAACC,MAAM,OAAOC,OAAO,OAAOC,UAAU,OAAOC,UAAU,SAAQf,SACjEA,UAVM,IAgBnB,CCDA,MAAMgB,GAAiB,IAAIC,OAAOC,OAAOC,GAAAA,qBACnCC,GAAsBC,GAAAA,oBAA2BL,IAqB1CM,GAAyBC,EAAAA,YACpC,EAEI,gBAAiBC,EACjB,mBAAoBC,EACpB,gBAAiBC,EACjB,eAAgBC,EAChB,aAAcC,EACd,kBAAmB7B,EACnB8B,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,IAAM,CAACrD,EAAgBkD,IACvBlD,GAGIQ,MAAO8C,GAA8BjC,GAAoB,CAAEgB,eAC3DkB,QAASC,GAAiBC,GAAAA,kBAChCC,GAAAA,2BACA,CACEC,KAAM,cACNC,aAAcC,GAAiBA,kBAACvB,GAAW,WAAa,UACxDwB,SAAU,cACVC,MAAO,UACPC,OAAQ,WACRC,OAAQ,WACRC,aAAc,iBACdC,WAAY,gBACZC,YAAapC,EAAiB,iBAAmB,gBACjDqC,MAAO3B,EAAW,WAAa,UAC/B4B,QAAS7B,EAAY,YAAc,aACnC8B,SAAU/B,EAAa,aAAe,gBAGpCgC,EAAsBC,EAAAA,WAAW,CACrCC,GAAAA,6BAA6BhE,KAC7B4C,EACAE,EAIY,mBAAZlB,QAA8CW,IAAdZ,GAA2BsC,GAA2BA,8BAGxF,OACEvE,MACoB,MAAA,CAAA,oBAAA,OACH,gBAAAqB,qBACGC,EAAe,gBAClBC,EAAY,eACbC,EACF,aAAAC,oBACKuB,EAAoB,gBACtBnB,EAAa,YAASgB,EACrCzC,MAAOgE,EACPtC,OAAQA,EACRC,QAASA,EACTI,IAAKA,EACL5B,KAAK,cACAiC,GAAcC,EAAkB5C,SACrCG,aAAKI,MAAOkE,GAA4BA,6BAACE,iBACvCxE,EAAAA,IAACyE,GAAAA,KAAK,CAAAvC,QAASR,EAAe,UAAY,YAAW7B,SAClD6B,GAAgBiB,OAIvB,yBFlHmB+B,UACvBA,EAAS7E,SACTA,EAAQ8E,YACRA,EAAW7E,GACXA,EAAEC,OACFA,EAAM6E,cACNA,EAAaC,WACbA,IAEA,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B7F,KAChE8F,EAAYC,GAAiBF,EAAQA,SAACjF,GAEzCkF,IAAelF,IAIZA,GACHgF,EAAa5F,IAEf+F,EAAcnF,IAGhB,MAAMoF,EAAiBC,eACpBC,IAICN,EAAaM,EAAaP,WAG1BD,IAAaQ,EAAa,GAE5B,CAACR,EAAYE,IAGTO,EAAoBF,eACvBG,IACCX,IAAgBW,EAAM,GAExB,CAACX,IAGGY,EAAgBJ,eACnBG,IACC,IAAIA,EAAME,mBAAoBC,EAAsBA,uBAACH,GAIrD,OAAQA,EAAMI,MACZ,KAAKC,EAAAA,KAAKC,IACV,KAAKD,EAAIA,KAACE,IACRR,EAAkBC,GAErB,GAEH,CAACD,IAKHS,sBAAoB,CAClB3D,YAAarC,EACboC,IAAK,CAACuC,EAAWC,GACjBqB,QAASV,IAGX,MAAMW,EAAclG,EAChB,CACEmG,SAAU,GAAGxB,EAAUyB,SAASC,iBAElC,GAEJ,OAAQrG,EACNC,MAACE,EAAAA,MAAK,CAACmG,iBAAkB3B,EACvB7E,SAAAG,EAAAA,IAACsG,EAAQA,SAAA,CACP5B,UAAWA,EACX6B,YAAahH,GACbiH,aAAc9G,GACdyC,IAAKwC,EACLG,UAAWA,EACX2B,YAAarH,GACbyF,WAAYM,EAActF,SAC1BG,MACE,MAAA,CAAAI,MAAOsG,EAAcA,eAACpG,KACtBR,GAAIA,EACJ6G,MAAOV,EACPW,UAAWpB,EACXqB,YAAaC,EAA8BA,wCAC1CjH,QAhBQ,IAqBnB,2BG/GM,SAAiCkH,GAGrC,MAAMC,EAAkB5B,eAAaG,IAGQ,MAAtCA,EAAM0B,QAAoBC,SAC7B3B,EAAM4B,gBACP,GACA,IAEH,OACEnH,MAACoH,EAAAA,iBAAiBC,SAAS,CAAApD,MAAO,CAAE5B,WAAW,YAC7CrC,EAAKC,IAAA,MAAA,CAAAG,MAAOsG,EAAcA,eAACY,eAAgBT,YAAaG,EAAenH,SACrEG,EAACC,IAAAsH,2BAAyBR,OAIlC,aCLiB,EAAGlH,WAAU2H,gBAAeC,eAC3C,MAAMC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,YAClCvF,UAAEA,EAASwF,WAAEA,GAAeC,EAAcA,iBAE1CC,EAAc3C,eACjB4C,IAECA,EAAEb,iBACFM,OACO,IAET,CAACA,IAGGQ,EAAc5D,EAAAA,WAAW,CAC7BqC,EAAcA,eAACwB,QAAQC,aACvB9F,EAAYqE,EAAcA,eAACwB,QAAQE,mBAAgBvF,IAG/CwF,EAAchE,EAAAA,WAAW,CAC7BqC,EAAcA,eAACwB,QAAQI,UACvBZ,GAAWrF,GAAamF,EAAgBd,EAAcA,eAACwB,QAAQK,uBAAoB1F,IAGrF,OACE7C,MAAA,MAAA,CAAKI,MAAO6H,KAAiBJ,EAAUhI,SACrCG,EAAAA,IAACwI,EAAAA,KAAK,CAAAC,KAAK,IAAIC,QAASX,EAAWlI,SACjCG,EAAKC,IAAA,MAAA,CAAAG,MAAOiI,KAAiBV,EAAU9H,SACpCA,OAIP,uDClCiCA,SACnCA,EAAQ8I,OACRA,EAAMC,mBACNA,GAAqB,EAAIC,OACzBA,EAAM/I,GACNA,EAAEC,OACFA,EAAM+I,QACNA,IAEA,OACEC,EAAAA,KAACpJ,GAAe,CAAAG,GAAIA,EAAIC,OAAQA,EAAyB,kBAAA+I,YACtDD,EACAD,GAAsB5I,EAAAA,IAACgJ,EAAAA,UAAS,CAAA,GAGjChJ,EAAKC,IAAA,MAAA,CAAAG,MAAO6I,EAAAA,2BAA2BzE,QAAU3E,SAAAA,IACjDG,EAAAA,IAACgJ,EAAAA,UAAS,CAAA,GACTL,IAGP"}
+{"version":3,"file":"SelectMobileFieldInput-d499ef86.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\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// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n  isMaxHeightAdjusted: true,\n  maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n  mainAxis: false\n};\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  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    setPrevIsOpen(isOpen);\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  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={DROPDOWN_SIZE_OPTIONS}\n        shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={DROPDOWN_OFFSET}\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","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/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'?: UnpackSignals<JSX.AriaAttributes>['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 type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n  UnpackSignals<JSX.AriaAttributes>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, '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?: ContextType<typeof FormVariantContext>;\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: isEmbeddedVariant(variant) ? 'embedded' : 'default',\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      // JET-72775 - Form control alignment in tables\n      // When we are in legacy collection components, we want to inherit the text align\n      // when it is not set explicitly.\n      variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\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 { 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 { 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([\n    dropdownStyles.results.linkItemRoot,\n    isFocused ? dropdownStyles.results.linkItemFocus : undefined\n  ]);\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"],"names":["DEFAULT_PLACEMENT","DROPDOWN_OFFSET","mainAxis","crossAxis","DROPDOWN_SIZE_OPTIONS","isMaxHeightAdjusted","maxHeightCeiling","DROPDOWN_SHIFT_OPTIONS","MobileDropdown","ariaLabelledBy","children","id","isOpen","_jsx","jsx","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","Flex","width","height","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","isEmbeddedVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","formControlInheritTextAlign","content","Text","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","useCallback","positionData","handleAutoDismiss","event","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","shiftOptions","offsetValue","dropdownStyles","style","onKeyDown","onMouseDown","preventDefaultForCurrentTarget","props","handleMouseDown","target","tagName","preventDefault","FormFieldContext","Provider","userAssistance","InlineUserAssistance","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","results","linkItemRoot","linkItemFocus","linkClasses","extraItem","linkItemHighlight","Link","href","onClick","footer","hasHeaderSeparator","header","labelId","_jsxs","Separator","selectMobileDropdownStyles"],"mappings":"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"}

package/amd/{SelectMultiple-cb5fdd20.js → SelectMultiple-cc9bffc6.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './Label-701506b1', './LiveRegion-dbefb95b', 'preact/hooks', './keyboardUtils-fb6219eb', './TextFieldInput-f8635c62', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-41384d7e', './StyledTextField-2b62c81d', './LayerHost-0b288129', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', './Flex-4b81b412', 'css!./LayoutStyles.styles.css', './InputGroupContext-372087af', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', './formControlUtils-de035f75', './useTranslationBundle-e4dd341e', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', './CompactUserAssistance-fcc04dcc', 'css!./IconStyle.styles.css', './Popup-6b57cc3e', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './Separator-181f7541', './SelectMobileFieldInput-83f56b22', './useSelectCommon-28307b63', './useAccessibleContext-23e8a333', './useFormFieldContext-9260f081', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-c8c71735', 'css!./LiveRegionStyles.styles.css', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-8280de2e', './IconButton-dc1be00e', './NavLeft-d270ba82', './useFocusWithin-5a504fca', './useUser-08901aba', './classNames-08d99695', './dimensions-95c0c920', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-31cabc49', './Close-36cbae0d', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './View-35699bb2', './Button-e5d7c0e3', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './useEffectEvent-6aa4d559', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-4ffd9d59', './useHiddenTestMethod-8321d341'], (function(e,t,s,o,n,l,i,a,r,d,c,u,p,h,b,m,y,x,v,f,S,T,w,g,F,C,D,A,R,I,L,E,k,K,V,j,U,P,M,B,O,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,te,se,oe,ne,le,ie,ae,re,de,ce,ue,pe,he,be,me,ye,xe,ve,fe,Se,Te,we,ge,Fe,Ce,De,Ae,Re,Ie,Le,Ee){"use strict";function ke({assistiveText:e,collectionRenderer:s,collectionRendererContext:o,data:n,dropdownId:l,dropdownRef:i,helpSourceLink:a,helpSourceText:r,isAddToListShown:d,isDisabled:c,isDropdownAbove:u,isEmptyResults:p,isOpen:h,isReadonly:b,label:m,mainFieldRef:y,userAssistanceDensity:x,onAddToListAction:v,onAutoDismiss:f,onPosition:S}){const T=P.useTranslationBundle("@oracle/oraclejet-preact"),w=!h||u||c||b||!e&&!a||"efficient"!==x&&"reflow"!==x?void 0:t.jsx(M.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx(X.DropdownUserAssistance,{assistiveText:e,fieldLabel:m,helpSourceLink:a,helpSourceText:r,userAssistanceDensity:x})}),g=p?d?void 0:t.jsx(ee.EmptyResults,{}):s(o),F=d?t.jsxs(t.Fragment,{children:[!p&&t.jsx("div",{onMouseDown:ee.preventDefault,children:t.jsx(Q.Separator,{})}),t.jsx(X.LinkItem,{isHighlighted:p,onAction:v,children:T.select_addToList()})]}):void 0;return t.jsxs(X.Dropdown,{dropdownRef:i,id:l,isOpen:h,anchorRef:y,onAutoDismiss:f,onPosition:S,children:[t.jsxs(ee.DropdownList,{hasBottomGap:void 0===w,isLoading:null===n,children:[g,F]}),w]})}function Ke({"aria-label":e,count:s=0,onKeyDown:o,onKeyUp:n,onMouseDown:l,...i}){const a=P.useTranslationBundle("@oracle/oraclejet-preact"),r=a.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=a.selectMultiple_countPlus({COUNT:"99"}),u=s>99?`${c}`:`${s}`,p=`${d}${a.selectMultiple_valuesSelected({VALUE_COUNT:`${s}`})} ${r}`;return t.jsx("div",{class:de.selectedValueCountStyles.base,onKeyDown:o,onKeyUp:n,onMouseDown:l,children:t.jsx(ce.Chip,{"aria-label":p,...i,children:u})})}function Ve({children:e,columnSpan:s,fieldLabel:o,hasInsideLabel:n,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:a,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:d,selectedValuesCount:c,onBackButtonClick:u,onClearButtonClick:p,onDropdownArrowClick:h,onSelectedValuesCountKeyDown:b,onSelectedValuesCountKeyUp:m,onSelectedValuesCountMouseDown:y,onSelectedValuesCountToggle:x,...v}){const{isDisabled:f,isLoading:S}=se.useFormFieldContext(),T=P.useTranslationBundle("@oracle/oraclejet-preact"),w=l?t.jsx(ue.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:u,children:t.jsx(pe.SvgNavLeft,{})}):null,g=i?t.jsx(ue.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:p,children:t.jsx(pe.SvgCancelS,{})}):null,F=a?t.jsx(ee.DropdownArrow,{isDisabled:f,onClick:h,testId:`${v.testId}_dropdownarrow`}):null,C=S?void 0:d?t.jsxs(I.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[t.jsx(Ke,{"aria-label":o,count:c,isDisabled:f,isSelected:r,onKeyDown:b,onKeyUp:m,onMouseDown:y,onToggle:x}),i&&g,a&&F]}):t.jsxs(t.Fragment,{children:[i&&g,a&&F]});return t.jsx(ae.TextField,{columnSpan:s,startContent:l&&w,mainContent:e,endContent:C,...v})}function je({children:e,removeIcon:s="never",isSelected:o=!1,onRemoveAction:n,onSelect:l,onRemoveIconClick:r,isFocused:d,value:c}){const u=P.useTranslationBundle("@oracle/oraclejet-preact"),p=i.useRef(null),h=Te.useId(),b=me.classNames([we.textTagStyles.base,o&&we.textTagStyles.selected]),m=i.useCallback((()=>{n?.(c)}),[c,n]),y=i.useCallback((()=>{l?.(c)}),[c,l]),x=i.useCallback((()=>{r?.(c)}),[c,r]),v=i.useCallback((e=>{a.isBackspaceOrDelete(e)&&m()}),[m]);return i.useEffect((()=>{d&&o&&(p.current?.focus(),p.current?.scrollIntoView({block:"nearest"}))}),[d,o]),t.jsxs(t.Fragment,{children:[t.jsxs("span",{ref:p,class:b,tabIndex:-1,onClick:y,onKeyUp:v,onMouseDown:ee.preventDefault,role:"option","aria-describedby":"never"===s?h:void 0,"aria-selected":o?"true":"false",children:[t.jsx(fe.Text,{size:"md",variant:"inherit",children:e}),"always"===s&&t.jsx(M.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx(ue.IconButton,{size:"xs",variant:"ghost",onAction:x,children:t.jsx(Se.SvgClose,{})})})]}),"never"===s&&t.jsx(ve.HiddenAccessible,{id:h,children:u.selectMultiple_removeSelectedTagInstructionText()})]})}const Ue=Array.from(["maxWidth"],(e=>ye.dimensionInterpolations[e])),Pe=xe.mergeInterpolations(Ue);const Me=o.forwardRef((function(e,s=()=>{}){const{"aria-label":o,data:n,hasInsideLabel:l=!1,removeIcon:r="never",onExitNavigation:d,onRemove:c}=e,u=i.useRef(null),[p,h]=i.useState([]),{direction:b}=be.useUser(),m=i.useRef(-1),y=n.at(-1)?.value,x=i.useRef({value:y,index:n.length-1});x.current={value:y,index:n.length-1};const v=i.useCallback((e=>{const t=n.at(e)?.value;null!=t&&h([t])}),[n]),f=i.useCallback((()=>{h((e=>(m.current=-1,e.length?[]:e)))}),[]),S=i.useCallback((e=>{c?.([e]),d?.(),f()}),[f,d,c]),T=i.useCallback((e=>{const t=[...p];p.includes(e)||t.push(e),c?.(t),d?.(),f()}),[p,f,d,c]),w=i.useCallback((e=>{h([e]),m.current=n.findIndex((t=>t.value===e))}),[n,h]),g=i.useCallback((e=>{if(0!==n.length){if("ltr"===b&&"ArrowLeft"===e.code||"rtl"===b&&"ArrowRight"===e.code){if(0===m.current)return;return m.current-=1,void v(m.current)}return"ltr"===b&&"ArrowRight"===e.code||"rtl"===b&&"ArrowLeft"===e.code?m.current===n.length-1?void d?.():(m.current+=1,void v(m.current)):"Home"===e.code?(m.current=0,void v(m.current)):"End"===e.code?(m.current=n.length-1,void v(m.current)):a.isSelectAll(e)?(h(n.map((e=>e.value))),void e.preventDefault()):void 0}}),[n,b,d,v,h]),F=i.useCallback((()=>{h((e=>e.length||void 0===x.current.value?e:(m.current=x.current.index,[x.current.value])))}),[]),C=i.useCallback((()=>{f()}),[f]),{focusProps:D}=he.useFocusWithin({onBlurWithin:C});i.useImperativeHandle(s,(()=>({blur:C,focus:F})),[C,F]),i.useEffect((()=>{u.current?.scrollTo({left:u.current.scrollWidth*("ltr"===b?1:-1)})}),[n,b]);const A=Pe(e),R=me.classNames([ge.textTagListStyles.textTagListBase,l&&ge.textTagListStyles.textTagListInsideLabel]);return t.jsx("div",{class:R,ref:u,tabIndex:-1,onKeyDown:g,role:"listbox","aria-label":o,"aria-multiselectable":"true",style:A,...D,children:n.map(((e,s)=>t.jsx(je,{isFocused:m.current===s,isSelected:p.includes(e.value),onRemoveAction:T,onSelect:w,onRemoveIconClick:S,removeIcon:r,value:e.value,children:e.label},e.value)))})}));function Be({displayValue:e,isAddToListShown:s,isKeyboardNavigable:o,isTextTagListShown:n,isUserFiltering:a,liveRegionText:d,onExitNavigation:c,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:b,textTagListData:m,textTagListRef:y,userInput:x,virtualKeyboard:v,placeholder:f,...S}){const T=P.useTranslationBundle("@oracle/oraclejet-preact"),w=s?T.select_addToListAvailable():void 0,g=o&&e&&e.length>0?T.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:F}=se.useFormFieldContext(),[C,D]=i.useState(g),[A,R]=i.useState(!1);return F&&n&&!C&&g&&!A?R(!0):F||!A||R(!1),C!==g&&D(g),t.jsxs(t.Fragment,{children:[n&&t.jsx(Me,{"aria-label":T.selectMultiple_selectedValues(),data:m,hasInsideLabel:S.hasInsideLabel,maxWidth:"50%",onExitNavigation:c,onRemove:u,ref:y,removeIcon:p}),t.jsx(I.Flex,{flex:1,children:t.jsx(r.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:n,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===v?"search":v,value:a||n?x:e,placeholder:n?void 0:f,...S})}),n&&t.jsx(ve.HiddenAccessible,{id:h,isHidden:!0,children:e}),n&&g&&!A&&t.jsx(ve.HiddenAccessible,{id:b,isHidden:!0,children:g}),t.jsx(l.LiveRegion,{children:d}),n&&t.jsx(l.LiveRegion,{children:A?g:void 0}),s?t.jsx(l.LiveRegion,{children:w}):void 0]})}function Oe({onApply:e}){const s=P.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:De.mobileDropdownFooterStyles.base,children:t.jsx(Ce.Button,{display:"label",edge:"bottom",label:s.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Ne(e,t){const s=P.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:i.useMemo((()=>{if(void 0===t)return"";const o=function(e,t){const s=t?[...t.values()]:[],o=t=>ee.renderItemText(t,e,"SelectMultiple"),n=s.map(o);return new Set(n)}(e,t),n=function(e,t){return Array.from(e.values()).join(t)}(o,s);return n}),[e,s,t]),textTags:i.useMemo((()=>void 0===t?[]:function(e,t=[]){return t.map((t=>({label:ee.renderItemText(t,e,"SelectMultiple")??"",value:t.key})))}(e,t)),[e,t])}}function _e({isDropdownSelectedOnlyView:e=!1,valueItems:t}){const s=Ae.useEffectEvent((e=>e&&t&&0!==t.length?{offset:0,totalSize:t.length,sizePrecision:"exact",data:t.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:i.useMemo((()=>s(e)),[s,e]),onLoadRange:void 0}}const He=(e,t,s)=>t.data.forEach((t=>{s.has(t.metadata.key)&&e.set(t.metadata.key,{data:t.data,key:t.metadata.key,metadata:t.metadata})}));function ze({"aria-describedby":e,"aria-label":s,assistiveText:o,collectionRenderer:l,data:a,dropdownId:r,enabledElementRef:d,helpSourceLink:c,helpSourceText:u,isAddToListShown:p,isDisabled:h,isEmptyResults:b,isFocused:y,isLoading:x,isOpen:v,isReadonly:f,isRequired:S,isSelectedOnlyView:T,itemText:w,label:g,liveRegionText:F,placeholder:C,propIsLoading:D,selectedValuesDescriptionId:A,setDropdownOpen:R,setUserInput:I,stopFiltering:L,textAlign:E,textTagListRef:k,userAssistanceDensity:K,userInput:V,valueItems:j,virtualKeyboard:U,onAddToListAction:M,onCommit:B,onFieldBlur:O,onFieldFocus:N,onFieldInput:_,onFieldKeyDown:H,onFieldKeyUp:z}){const q=P.useTranslationBundle("@oracle/oraclejet-preact"),{collectionRendererContext:Y,footerProps:W,selectMultipleFieldInputProps:$,selectMultipleFieldProps:G,selectedValuesCountProps:Z}=function({data:e,inputRef:t,isDropdownOpen:s,isDropdownSelectedOnlyView:o,itemText:n,textTagListRef:l,userInput:a,valueItems:r,onCommit:d,setDropdownOpen:c,setUserInput:u,stopFiltering:p}){const[h,b]=i.useState({rowKey:void 0}),[m,y]=i.useState(ee.createKeysFromValueItems(r)),[x,v]=i.useState(o),f=i.useRef(new Map),S=i.useMemo((()=>{const e=[];return m?.forEach((t=>{const s=r?.find((e=>e.key===t));s?e.push(s):f.current.has(t)&&e.push(f.current.get(t))})),e}),[m,r]),{textTags:T,displayValue:w}=Ne(n,S),g=i.useRef(null),{data:F}=_e({isDropdownSelectedOnlyView:x,valueItems:S}),C=i.useCallback((e=>{b({rowKey:e.value})}),[b]),D=i.useCallback((t=>{y(t.value),u(""),e&&He(f.current,e,t.value)}),[e,y,u]),A=i.useCallback((({value:e=!1})=>{v((t=>(t!==e&&p(),e)))}),[v,p]),R=i.useCallback((()=>{y(ee.createKeysFromValueItems(r)),f.current.clear(),c(!1),p(),t.current?.focus()}),[t,c,p,r]),I=i.useCallback((()=>{d({previousValue:ee.createKeysFromValueItems(r),value:m}),R()}),[m,r,R,d]),L=i.useCallback((()=>{R()}),[R]),E=i.useCallback((()=>{y(new Set),p()}),[p]),k=i.useCallback((e=>{const t=new Set(m);e.forEach((e=>t.delete(e))),y(t)}),[m]),K=i.useCallback((()=>{setTimeout((()=>g.current?.focus()),0)}),[]);i.useEffect((()=>{s&&setTimeout((()=>g.current?.focus()),0)}),[s]);const[V,j]=i.useState(r);return V!==r&&(s||y((e=>{const t=ee.createKeysFromValueItems(r);return Re.equals(e,t)?e:t})),j(r)),{collectionRendererContext:ee.useCollectionRenderer({currentKey:h.rowKey,onCurrentKeyChange:C,onSelectedKeysChange:D,searchText:a,selectedKeys:m,selectedOnlyData:F}),footerProps:{onApply:I},selectMultipleFieldInputProps:{displayValue:w,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:g,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:T,textTagListRef:l,onExitNavigation:K,onRemove:k},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!ee.isSearchTextEmptyOrUndefined(a)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:x,isSelectedValuesCountShown:(m?.size??0)>0||x,selectedValuesCount:m?.size??0,styleVariant:"embedded",onBackButtonClick:L,onClearButtonClick:E},selectedValuesCountProps:{onSelectedValuesCountToggle:A},isDropdownSelectedOnlyView:x}}({data:a,inputRef:d,isDropdownOpen:v,isDropdownSelectedOnlyView:T,itemText:w,textTagListRef:k,userInput:V,valueItems:j,onCommit:B,setDropdownOpen:R,setUserInput:I,stopFiltering:L}),{formFieldContext:te,inputProps:se,labelProps:oe,textFieldProps:ne,userAssistanceProps:le}=J.useTextField({ariaDescribedBy:e,helpSourceLink:c,helpSourceText:u,isDisabled:!1,isFocused:y,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:G.selectedValuesCount>0||void 0});te.hasValue=D||te.hasValue;const ie={label:t.jsx(n.Label,{...oe,children:g}),labelEdge:"inside"},ae=!v||h||f||!o&&!c||"efficient"!==K&&"reflow"!==K?void 0:t.jsx(X.DropdownUserAssistance,{assistiveText:o,fieldLabel:g,helpSourceLink:c,helpSourceText:u,userAssistanceDensity:K,...le}),re=b?p?void 0:t.jsx(ee.EmptyResults,{}):l(Y),de=p?t.jsxs(t.Fragment,{children:[t.jsx("div",{onMouseDown:ee.preventDefault,children:t.jsx(Q.Separator,{})}),t.jsx(X.LinkItem,{onAction:M,children:q.select_addToList()})]}):void 0;return t.jsx(X.SelectMobileDropdown,{header:t.jsxs(m.FormFieldContext.Provider,{value:te,children:[t.jsx(Fe.View,{children:t.jsx(Ve,{fieldLabel:g,onBlur:O,onFocus:N,...ie,...ne,...G,...Z,children:t.jsx(Be,{"aria-controls":r,"aria-expanded":v,"aria-label":s,isAddToListShown:p,isRequired:S,liveRegionText:F,placeholder:C,selectedValuesDescriptionId:A,textAlign:E,virtualKeyboard:U,onInput:_,onKeyDown:H,onKeyUp:z,...se,...$})})}),ae,de]}),footer:t.jsx(Oe,{...W}),id:r,isOpen:v,labelId:oe.id,children:t.jsx(ee.DropdownList,{hasTopGap:!de,hasBottomGap:!0,isLoading:null===a,children:re})})}const qe=o.forwardRef((({addToList:e="off","aria-describedby":r,assistiveText:d,collectionRenderer:p,columnSpan:h,data:y,helpSourceLink:x,helpSourceText:v,isDisabled:f,isLoading:S,isReadonly:T,isRequired:w,isRequiredShown:g,itemRenderer:F,itemText:C,label:D,labelEdge:A,labelStartWidth:R,messages:I,onAddToListAction:L,onCommit:E,onFilter:k,onLoadRange:K,placeholder:V,testId:j,textAlign:M,userAssistanceDensity:B,valueItems:O,variant:N="default",virtualKeyboard:z},q)=>{const{isDisabled:Y,isReadonly:W,labelEdge:$,labelStartWidth:Q,textAlign:te,userAssistanceDensity:se}=b.useFormContext(),oe=f??Y,ne=T??W,le=A??$,ie=R??Q,ae=M??te??U.defaultTextAlignForVariant(N),re=B??se,de=o.useRef(null),ce=o.useRef(null),{focusProps:ue,isFocused:pe,methods:he}=G.useFocusableTextField({isDisabled:oe,isReadonly:ne,enabledElementRef:de,readonlyElementRef:ce});o.useImperativeHandle(q,(()=>he),[he]);const{addToListEventHandlers:me,ariaProps:ye,collectionRendererContext:xe,data:ve,dropdownArrowEventHandlers:fe,dropdownEventHandlers:Se,dropdownRef:we,hasSelectedValuesCount:ge,inputEventHandlers:Fe,isAddToListShown:Ce,isDataFetched:De,isDropdownAbove:Ae,isDropdownOpen:Re,isDropdownSelectedOnlyView:Ke,isEmptyResults:je,isFocused:Ue,isUserFiltering:Pe,mainFieldRef:Me,mouseProps:Oe,selectedValuesCountProps:He,selectedValuesDescriptionId:qe,selectedValuesKeyboardNavDescriptionId:Ye,setDropdownOpen:We,setUserInput:$e,stopFiltering:Ge,textFieldRef:Ze,textTagListProps:Je,userInput:Qe}=function({addToList:e,ariaDescribedBy:t,data:s,inputRef:o,isDisabled:n,isFocused:l,isReadonly:r,onAddToListAction:d,onCommit:c,onFilter:u,valueItems:p}){const[h,b]=i.useState(!1),m=p?.length,y=void 0!==m&&m>0||h,x=_e({isDropdownSelectedOnlyView:h,valueItems:p}),v=h?x.data:s,f=i.useCallback((e=>{ee.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),u?.(e)}),[u]),{currentRowKeyRef:S,currentRowOverride:T,dropdownRef:w,getDropdownTabbableElems:g,handleDropdownArrowClick:F,handleDropdownAutoDismiss:C,handleDropdownPosition:D,handleInput:A,handleMainFieldKeyDown:R,handleMainFieldKeyUp:I,handleUpDownArrowKeys:L,isDropdownAbove:E,isDropdownOpen:k,isFocused:K,isUserFiltering:V,mainFieldRef:j,onCurrentKeyChange:U,onMouseDown:P,searchText:M,setCurrentRowOverride:B,setDropdownOpen:O,setUserInput:N,stopFiltering:_,userInput:H}=ee.useSelectCommon({data:v,inputRef:o,isFocused:l,onFilter:f}),[z,q]=i.useState(k),[Y,W]=i.useState(p),[$,G]=i.useState(ee.createKeysFromValueItems(p)),Z=null!=v&&!ee.isBeforeDataFetch(v),J=Z&&0===v?.totalSize,Q="on"===e&&V&&null!=M&&M.length>0,X=i.useCallback((()=>{O(!1),_(),d?.({searchText:V?M:void 0})}),[V,d,M,O,_]),te=i.useRef(null),{direction:se}=be.useUser(),oe=Te.useId(),ne=Te.useId(),le=Le.l([K&&ne,K&&oe,t]),ie=i.useCallback((()=>{w.current?.parentElement?.removeChild(w.current)}),[w]),ae=i.useCallback((e=>V&&k&&!ee.isSearchTextEmptyOrUndefined(H)&&(v?.data.length??0)>0&&void 0!==e),[v,k,V,H]),re=i.useCallback((e=>{if($?.has(e))return;const t=void 0===$?new Set([e]):new Set([...$.values(),e]);c({previousValue:$,value:t}),G(t)}),[c,$,G]),de=i.useRef(null),ce=i.useCallback((e=>r||n?Promise.reject("Component is readonly or disabled"):(c({value:e,previousValue:$}),Promise.resolve())),[n,r,c,$]);Ee.useHiddenTestMethod({elementRef:r?j:de,method:ce,name:"_changeValue"});const ue=i.useCallback((e=>{if(k&&"keydown"===e?.type){const t=e;switch(t.code){case a.KEYS.TAB:{const e=t.shiftKey,s=g();if(s&&s.length>1){const t=s[0],o=s[s.length-1];if(!e&&document.activeElement!==o||e&&document.activeElement!==t)return void O(!0)}t.shiftKey||!y?o.current?.focus():he.current?.focus(),ie();break}}}}),[g,y,o,k,ie,O]),pe=i.useCallback((e=>{if(!a.isControlOrFunctionKey(e))switch(e.code){case a.KEYS.TAB:k&&(e.shiftKey||!y&&!e.shiftKey)&&(ie(),O(!1)),y&&!e.shiftKey&&e.stopPropagation();break;case a.KEYS.LEFT:"ltr"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&te.current?.focus();break;case a.KEYS.RIGHT:"rtl"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&te.current?.focus();break;case a.KEYS.ENTER:case a.KEYS.NUMPAD_ENTER:if(ee.isPhone())return;if(Q&&J)return void X();ae(S.current)&&(O(!1),_(),re(S.current))}}),[S,se,X,y,o,Q,k,J,ie,re,O,ae,_]);if(Y!==p){const e=ee.createKeysFromValueItems(p);G(e)}const he=i.useRef(null);i.useEffect((()=>{he.current=y&&j.current?.querySelector?j.current.querySelector('[role="switch"]'):null}),[y,n,r,j]);const me=i.useCallback((e=>{switch(e.code){case a.KEYS.TAB:k&&!e.shiftKey&&(ie(),O(!1)),e.shiftKey&&e.stopPropagation();break;case a.KEYS.UP:case a.KEYS.DOWN:e.preventDefault();break;case a.KEYS.ESC:k&&(O(!1),e.preventDefault(),e.stopPropagation());break;case a.KEYS.ENTER:e.stopPropagation()}}),[k,ie,O]),ye=i.useCallback((e=>{switch(e.code){case a.KEYS.UP:case a.KEYS.DOWN:L(e)}}),[L]),xe=i.useCallback((e=>{e.preventDefault(),he.current?.focus()}),[he]),ve=i.useCallback((e=>{k||O(!0);const t=e.value??!1;t!==h&&(b(t),t&&_())}),[k,h,O,_]);!k&&h&&b(!1);const fe=i.useCallback((e=>{G(e.value),N(""),c?.({value:e.value,previousValue:$})}),[c,$,G,N]),Se=i.useCallback((()=>{setTimeout((()=>o.current?.focus()),0)}),[o]),we=i.useCallback((e=>{const t=$,s=new Set($);e.forEach((e=>s.delete(e))),c?.({previousValue:t,value:s})}),[c,$]),ge=i.useMemo((()=>Ie.mergeProps({onAutoDismiss:C,onPosition:D},{onAutoDismiss:ue})),[C,D,ue]),Fe=i.useMemo((()=>Ie.mergeProps({onInput:A,onKeyDown:R,onKeyUp:I},{onKeyDown:pe})),[R,A,I,pe]),Ce=i.useMemo((()=>({textTagListRef:te,onExitNavigation:Se,onRemove:we})),[Se,we]),De=ee.useCollectionRenderer({currentKey:T.rowKey,onCurrentKeyChange:U,onSelectedKeysChange:fe,searchText:M,selectedKeys:$,selectedOnlyData:x.data});k&&!z&&B({rowKey:void 0}),z&&!k&&!H&&_();const Ae=i.useRef(v);if(Ae.current!==v){const e=v?.data[0]?.metadata.key;k&&V&&null!=e&&0===v?.offset&&B({rowKey:ee.isSearchTextEmptyOrUndefined(M)?void 0:e}),Ae.current=v}return z!==k&&q(k),Y!==p&&W(p),{addToListEventHandlers:{onAction:X},ariaProps:{ariaDescribedBy:le},collectionRendererContext:De,data:v,dropdownArrowEventHandlers:{onClick:F},dropdownEventHandlers:ge,dropdownRef:w,hasSelectedValuesCount:y,inputEventHandlers:Fe,inputRef:o,isAddToListShown:Q,isDataFetched:Z,isDropdownAbove:E,isDropdownOpen:k,isDropdownSelectedOnlyView:h,isEmptyResults:J,isFocused:K,isUserFiltering:V,mainFieldRef:j,mouseProps:n||r?{}:{onMouseDown:P},searchText:M,selectedValuesCountProps:{onKeyDown:me,onKeyUp:ye,onMouseDown:xe,onToggle:ve},selectedValuesDescriptionId:oe,selectedValuesKeyboardNavDescriptionId:ne,setDropdownOpen:O,setUserInput:N,stopFiltering:_,textFieldRef:de,textTagListProps:Ce,userInput:H}}({addToList:e,ariaDescribedBy:r,data:y,inputRef:de,isDisabled:oe,isFocused:pe,isReadonly:ne,onAddToListAction:L,onCommit:E,onFilter:k,valueItems:O}),Xe=Z.useLoadingIndicatorTimer(S??!1),{baseId:et,formFieldContext:tt,inputProps:st,labelProps:ot,textFieldProps:nt,userAssistanceProps:lt}=J.useTextField({ariaDescribedBy:ye.ariaDescribedBy,helpSourceLink:x,helpSourceText:v,isDisabled:oe,isFocused:Ue,isLoading:Xe,isReadonly:ne,isRequiredShown:g,labelEdge:le,messages:I,styleVariant:N,userAssistanceDensity:re,value:void 0!==O&&O.length>0||void 0});tt.hasValue=S||tt.hasValue;const it=`${et}-dropdown`,{displayValue:at,textTags:rt}=Ne(C,O),dt="none"!==le?t.jsx(n.Label,{...ot,...ee.isPhone()?{forId:void 0}:{},children:D}):void 0,ct={label:"none"!==le?dt:void 0,labelEdge:"none"!==le?le:void 0,labelStartWidth:"none"!==le?ie:void 0,labelText:"inside"!==le||oe?void 0:D},ut="none"===le?D:void 0,pt="efficient"===re||"reflow"===re?oe?"efficient"!==re?void 0:t.jsx(_.InlineUserAssistance,{userAssistanceDensity:re,...lt}):ne?t.jsx(_.InlineUserAssistance,{fieldLabel:D,messages:I,userAssistanceDensity:re,...lt}):t.jsx(_.InlineUserAssistance,{assistiveText:d,fieldLabel:D,helpSourceLink:x,helpSourceText:v,messages:I,isRequiredShown:g,userAssistanceDensity:re,...lt}):void 0,ht="compact"===re?t.jsx(H.CompactUserAssistance,{anchorRef:Me,messages:I,assistiveText:d,...lt}):void 0,bt=P.useTranslationBundle("@oracle/oraclejet-preact"),mt=o.useCallback((({currentRowKeyOverride:e,onPersistCurrentRowKey:s,onSelectedChange:o,searchText:n,selected:l,selectedOnlyData:i})=>t.jsx(ee.DefaultList,{"aria-label":D??"",componentName:"SelectMultiple",currentItemVariant:"highlight",currentKey:e,data:i??y,itemRenderer:F,itemText:C,searchText:i?void 0:Pe?n:void 0,selectedKeys:l,selectionMode:"multiple",onCurrentKeyChange:s,onLoadRange:i?void 0:K,onSelectionChange:o})),[Pe,F,C,D,K,y]);if(ne){const e=t.jsx(c.ReadonlyTextFieldInput,{"aria-describedby":st["aria-describedby"],"aria-label":ut,"aria-labelledby":ot.id,as:"div",elementRef:ce,formVariant:N,hasEmptyLabel:""===D&&"none"===le,hasInsideLabel:void 0!==D&&"inside"===le,onBlur:st.onBlur,onFocus:st.onFocus,textAlign:ae,value:at});return t.jsx(m.FormFieldContext.Provider,{value:tt,children:t.jsx(u.ReadonlyTextField,{role:"presentation",columnSpan:h,compactUserAssistance:ht,inlineUserAssistance:pt,onBlur:ue.onFocusOut,onFocus:ue.onFocusIn,ref:Me,mainContent:e,testId:j,...ct})})}const yt="inside"===le,xt=Re&&De?0===ve?.totalSize?bt.select_noMatchesFound():1===ve?.totalSize?bt.select_oneMatchFound():"exact"===ve?.sizePrecision?bt.select_sizeMatchesFound({TOTAL_SIZE:`${ve?.totalSize}`}):bt.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${ve?.totalSize}`}):"",vt=Re&&void 0!==ve&&(null===ve||ve.totalSize>0||ee.isBeforeDataFetch(ve)||je),ft=""===D&&"none"===le,St=ee.isPhone()&&!oe?t.jsx(X.SelectMobileFieldInput,{"aria-controls":it,"aria-describedby":st["aria-describedby"],"aria-expanded":Re,"aria-invalid":st["aria-invalid"],"aria-label":ut,"aria-labelledby":ot.id,displayValue:at,hasEmptyLabel:ft,hasInsideLabel:yt,isRequired:w,onBlur:st.onBlur,onFocus:st.onFocus,placeholder:V,ref:de,textAlign:ae,variant:st.variant}):t.jsx(Be,{"aria-controls":it,"aria-expanded":Re,"aria-label":ut,displayValue:at,hasEmptyLabel:ft,hasInsideLabel:yt,inputRef:de,isAddToListShown:Ce,isKeyboardNavigable:!oe&&!ee.isMobile(),isRequired:w,isTextTagListShown:Ue&&0!==rt.length,isUserFiltering:Pe,liveRegionText:xt,placeholder:V,removeIcon:ee.isTablet()?"always":"never",selectedValuesDescriptionId:qe,selectedValuesKeyboardNavDescriptionId:Ye,textAlign:ae,textTagListData:rt,userInput:Qe,virtualKeyboard:ee.isTablet()?z:void 0,...Fe,...st,...Je}),Tt=vt?ee.isPhone()?t.jsx(ze,{"aria-describedby":ye.ariaDescribedBy,"aria-label":ut,assistiveText:d,collectionRenderer:p??mt,data:y,dropdownId:it,enabledElementRef:de,helpSourceLink:x,helpSourceText:v,isAddToListShown:Ce,isDisabled:oe,isEmptyResults:je,isFocused:Ue,isLoading:Xe,isOpen:vt,isReadonly:ne,isRequired:w,isSelectedOnlyView:Ke,itemText:C,label:D,liveRegionText:xt,placeholder:V,propIsLoading:S,selectedValuesDescriptionId:qe,setDropdownOpen:We,setUserInput:$e,stopFiltering:Ge,textAlign:ae,textTagListRef:Je.textTagListRef,userAssistanceDensity:re,userInput:Qe,valueItems:O,virtualKeyboard:z,onAddToListAction:me.onAction,onCommit:E,onFieldBlur:ue.onFocusOut,onFieldFocus:ue.onFocusIn,onFieldInput:Fe.onInput,onFieldKeyDown:Fe.onKeyDown,onFieldKeyUp:Fe.onKeyUp}):t.jsx(ke,{...Se,assistiveText:d,collectionRenderer:p??mt,collectionRendererContext:xe,dropdownId:it,dropdownRef:we,helpSourceLink:x,helpSourceText:v,isAddToListShown:Ce,isDisabled:oe,isDropdownAbove:Ae,isEmptyResults:je,isOpen:vt,isReadonly:ne,label:D,mainFieldRef:Me,onAddToListAction:me.onAction,userAssistanceDensity:re}):null;return t.jsxs(s.Fragment,{children:[t.jsxs(m.FormFieldContext.Provider,{value:tt,children:[t.jsx(Ve,{columnSpan:h,compactUserAssistance:ht,fieldLabel:D,hasInsideLabel:yt,inlineUserAssistance:pt,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:Ke,isSelectedValuesCountShown:ge,mainFieldRef:Me,onBlur:ue.onFocusOut,onFocus:ue.onFocusIn,onDropdownArrowClick:fe.onClick,onSelectedValuesCountKeyDown:He.onKeyDown,onSelectedValuesCountKeyUp:He.onKeyUp,onSelectedValuesCountMouseDown:He.onMouseDown,onSelectedValuesCountToggle:He.onToggle,rootRef:Ze,selectedValuesCount:O?.length,testId:j,...ct,...Oe,...nt,children:St}),!ee.isPhone()&&t.jsx(l.LiveRegion,{children:vt?bt.select_closeDropdown():void 0})]}),Tt]})}));e.SelectMultiple=qe}));
-//# sourceMappingURL=SelectMultiple-cb5fdd20.js.map
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './Label-701506b1', './LiveRegion-dbefb95b', 'preact/hooks', './keyboardUtils-fb6219eb', './TextFieldInput-f8635c62', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-41384d7e', './StyledTextField-2b62c81d', './LayerHost-0b288129', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', './Flex-4b81b412', 'css!./LayoutStyles.styles.css', './InputGroupContext-372087af', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', './formControlUtils-de035f75', './useTranslationBundle-e4dd341e', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', './CompactUserAssistance-fcc04dcc', 'css!./IconStyle.styles.css', './Popup-6b57cc3e', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './Separator-181f7541', './SelectMobileFieldInput-d499ef86', './useSelectCommon-a02ddf3c', './useAccessibleContext-23e8a333', './useFormFieldContext-9260f081', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-c8c71735', 'css!./LiveRegionStyles.styles.css', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-8280de2e', './IconButton-dc1be00e', './NavLeft-d270ba82', './useFocusWithin-5a504fca', './useUser-08901aba', './classNames-08d99695', './dimensions-95c0c920', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-31cabc49', './Close-36cbae0d', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './View-35699bb2', './Button-e5d7c0e3', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './useEffectEvent-6aa4d559', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-4ffd9d59', './useHiddenTestMethod-8321d341'], (function(e,t,s,o,n,l,i,a,r,d,c,u,p,h,b,m,y,x,v,f,S,T,w,g,F,C,D,A,R,I,L,E,k,K,V,j,U,P,M,B,O,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,te,se,oe,ne,le,ie,ae,re,de,ce,ue,pe,he,be,me,ye,xe,ve,fe,Se,Te,we,ge,Fe,Ce,De,Ae,Re,Ie,Le,Ee){"use strict";function ke({assistiveText:e,collectionRenderer:s,collectionRendererContext:o,data:n,dropdownId:l,dropdownRef:i,helpSourceLink:a,helpSourceText:r,isAddToListShown:d,isDisabled:c,isDropdownAbove:u,isEmptyResults:p,isOpen:h,isReadonly:b,label:m,mainFieldRef:y,userAssistanceDensity:x,onAddToListAction:v,onAutoDismiss:f,onPosition:S}){const T=P.useTranslationBundle("@oracle/oraclejet-preact"),w=!h||u||c||b||!e&&!a||"efficient"!==x&&"reflow"!==x?void 0:t.jsx(M.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx(X.DropdownUserAssistance,{assistiveText:e,fieldLabel:m,helpSourceLink:a,helpSourceText:r,userAssistanceDensity:x})}),g=p?d?void 0:t.jsx(ee.EmptyResults,{}):s(o),F=d?t.jsxs(t.Fragment,{children:[!p&&t.jsx("div",{onMouseDown:ee.preventDefault,children:t.jsx(Q.Separator,{})}),t.jsx(X.LinkItem,{isHighlighted:p,onAction:v,children:T.select_addToList()})]}):void 0;return t.jsxs(X.Dropdown,{dropdownRef:i,id:l,isOpen:h,anchorRef:y,onAutoDismiss:f,onPosition:S,children:[t.jsxs(ee.DropdownList,{hasBottomGap:void 0===w,isLoading:null===n,children:[g,F]}),w]})}function Ke({"aria-label":e,count:s=0,onKeyDown:o,onKeyUp:n,onMouseDown:l,...i}){const a=P.useTranslationBundle("@oracle/oraclejet-preact"),r=a.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=a.selectMultiple_countPlus({COUNT:"99"}),u=s>99?`${c}`:`${s}`,p=`${d}${a.selectMultiple_valuesSelected({VALUE_COUNT:`${s}`})} ${r}`;return t.jsx("div",{class:de.selectedValueCountStyles.base,onKeyDown:o,onKeyUp:n,onMouseDown:l,children:t.jsx(ce.Chip,{"aria-label":p,...i,children:u})})}function Ve({children:e,columnSpan:s,fieldLabel:o,hasInsideLabel:n,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:a,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:d,selectedValuesCount:c,onBackButtonClick:u,onClearButtonClick:p,onDropdownArrowClick:h,onSelectedValuesCountKeyDown:b,onSelectedValuesCountKeyUp:m,onSelectedValuesCountMouseDown:y,onSelectedValuesCountToggle:x,...v}){const{isDisabled:f,isLoading:S}=se.useFormFieldContext(),T=P.useTranslationBundle("@oracle/oraclejet-preact"),w=l?t.jsx(ue.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:u,children:t.jsx(pe.SvgNavLeft,{})}):null,g=i?t.jsx(ue.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:p,children:t.jsx(pe.SvgCancelS,{})}):null,F=a?t.jsx(ee.DropdownArrow,{isDisabled:f,onClick:h,testId:`${v.testId}_dropdownarrow`}):null,C=S?void 0:d?t.jsxs(I.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[t.jsx(Ke,{"aria-label":o,count:c,isDisabled:f,isSelected:r,onKeyDown:b,onKeyUp:m,onMouseDown:y,onToggle:x}),i&&g,a&&F]}):t.jsxs(t.Fragment,{children:[i&&g,a&&F]});return t.jsx(ae.TextField,{columnSpan:s,startContent:l&&w,mainContent:e,endContent:C,...v})}function je({children:e,removeIcon:s="never",isSelected:o=!1,onRemoveAction:n,onSelect:l,onRemoveIconClick:r,isFocused:d,value:c}){const u=P.useTranslationBundle("@oracle/oraclejet-preact"),p=i.useRef(null),h=Te.useId(),b=me.classNames([we.textTagStyles.base,o&&we.textTagStyles.selected]),m=i.useCallback((()=>{n?.(c)}),[c,n]),y=i.useCallback((()=>{l?.(c)}),[c,l]),x=i.useCallback((()=>{r?.(c)}),[c,r]),v=i.useCallback((e=>{a.isBackspaceOrDelete(e)&&m()}),[m]);return i.useEffect((()=>{d&&o&&(p.current?.focus(),p.current?.scrollIntoView({block:"nearest"}))}),[d,o]),t.jsxs(t.Fragment,{children:[t.jsxs("span",{ref:p,class:b,tabIndex:-1,onClick:y,onKeyUp:v,onMouseDown:ee.preventDefault,role:"option","aria-describedby":"never"===s?h:void 0,"aria-selected":o?"true":"false",children:[t.jsx(fe.Text,{size:"md",variant:"inherit",children:e}),"always"===s&&t.jsx(M.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx(ue.IconButton,{size:"xs",variant:"ghost",onAction:x,children:t.jsx(Se.SvgClose,{})})})]}),"never"===s&&t.jsx(ve.HiddenAccessible,{id:h,children:u.selectMultiple_removeSelectedTagInstructionText()})]})}const Ue=Array.from(["maxWidth"],(e=>ye.dimensionInterpolations[e])),Pe=xe.mergeInterpolations(Ue);const Me=o.forwardRef((function(e,s=()=>{}){const{"aria-label":o,data:n,hasInsideLabel:l=!1,removeIcon:r="never",onExitNavigation:d,onRemove:c}=e,u=i.useRef(null),[p,h]=i.useState([]),{direction:b}=be.useUser(),m=i.useRef(-1),y=n.at(-1)?.value,x=i.useRef({value:y,index:n.length-1});x.current={value:y,index:n.length-1};const v=i.useCallback((e=>{const t=n.at(e)?.value;null!=t&&h([t])}),[n]),f=i.useCallback((()=>{h((e=>(m.current=-1,e.length?[]:e)))}),[]),S=i.useCallback((e=>{c?.([e]),d?.(),f()}),[f,d,c]),T=i.useCallback((e=>{const t=[...p];p.includes(e)||t.push(e),c?.(t),d?.(),f()}),[p,f,d,c]),w=i.useCallback((e=>{h([e]),m.current=n.findIndex((t=>t.value===e))}),[n,h]),g=i.useCallback((e=>{if(0!==n.length){if("ltr"===b&&"ArrowLeft"===e.code||"rtl"===b&&"ArrowRight"===e.code){if(0===m.current)return;return m.current-=1,void v(m.current)}return"ltr"===b&&"ArrowRight"===e.code||"rtl"===b&&"ArrowLeft"===e.code?m.current===n.length-1?void d?.():(m.current+=1,void v(m.current)):"Home"===e.code?(m.current=0,void v(m.current)):"End"===e.code?(m.current=n.length-1,void v(m.current)):a.isSelectAll(e)?(h(n.map((e=>e.value))),void e.preventDefault()):void 0}}),[n,b,d,v,h]),F=i.useCallback((()=>{h((e=>e.length||void 0===x.current.value?e:(m.current=x.current.index,[x.current.value])))}),[]),C=i.useCallback((()=>{f()}),[f]),{focusProps:D}=he.useFocusWithin({onBlurWithin:C});i.useImperativeHandle(s,(()=>({blur:C,focus:F})),[C,F]),i.useEffect((()=>{u.current?.scrollTo({left:u.current.scrollWidth*("ltr"===b?1:-1)})}),[n,b]);const A=Pe(e),R=me.classNames([ge.textTagListStyles.textTagListBase,l&&ge.textTagListStyles.textTagListInsideLabel]);return t.jsx("div",{class:R,ref:u,tabIndex:-1,onKeyDown:g,role:"listbox","aria-label":o,"aria-multiselectable":"true",style:A,...D,children:n.map(((e,s)=>t.jsx(je,{isFocused:m.current===s,isSelected:p.includes(e.value),onRemoveAction:T,onSelect:w,onRemoveIconClick:S,removeIcon:r,value:e.value,children:e.label},e.value)))})}));function Be({displayValue:e,isAddToListShown:s,isKeyboardNavigable:o,isTextTagListShown:n,isUserFiltering:a,liveRegionText:d,onExitNavigation:c,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:b,textTagListData:m,textTagListRef:y,userInput:x,virtualKeyboard:v,placeholder:f,...S}){const T=P.useTranslationBundle("@oracle/oraclejet-preact"),w=s?T.select_addToListAvailable():void 0,g=o&&e&&e.length>0?T.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:F}=se.useFormFieldContext(),[C,D]=i.useState(g),[A,R]=i.useState(!1);return F&&n&&!C&&g&&!A?R(!0):F||!A||R(!1),C!==g&&D(g),t.jsxs(t.Fragment,{children:[n&&t.jsx(Me,{"aria-label":T.selectMultiple_selectedValues(),data:m,hasInsideLabel:S.hasInsideLabel,maxWidth:"50%",onExitNavigation:c,onRemove:u,ref:y,removeIcon:p}),t.jsx(I.Flex,{flex:1,children:t.jsx(r.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:n,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===v?"search":v,value:a||n?x:e,placeholder:n?void 0:f,...S})}),n&&t.jsx(ve.HiddenAccessible,{id:h,isHidden:!0,children:e}),n&&g&&!A&&t.jsx(ve.HiddenAccessible,{id:b,isHidden:!0,children:g}),t.jsx(l.LiveRegion,{children:d}),n&&t.jsx(l.LiveRegion,{children:A?g:void 0}),s?t.jsx(l.LiveRegion,{children:w}):void 0]})}function Oe({onApply:e}){const s=P.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:De.mobileDropdownFooterStyles.base,children:t.jsx(Ce.Button,{display:"label",edge:"bottom",label:s.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Ne(e,t){const s=P.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:i.useMemo((()=>{if(void 0===t)return"";const o=function(e,t){const s=t?[...t.values()]:[],o=t=>ee.renderItemText(t,e,"SelectMultiple"),n=s.map(o);return new Set(n)}(e,t),n=function(e,t){return Array.from(e.values()).join(t)}(o,s);return n}),[e,s,t]),textTags:i.useMemo((()=>void 0===t?[]:function(e,t=[]){return t.map((t=>({label:ee.renderItemText(t,e,"SelectMultiple")??"",value:t.key})))}(e,t)),[e,t])}}function _e({isDropdownSelectedOnlyView:e=!1,valueItems:t}){const s=Ae.useEffectEvent((e=>e&&t&&0!==t.length?{offset:0,totalSize:t.length,sizePrecision:"exact",data:t.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:i.useMemo((()=>s(e)),[s,e]),onLoadRange:void 0}}const He=(e,t,s)=>t.data.forEach((t=>{s.has(t.metadata.key)&&e.set(t.metadata.key,{data:t.data,key:t.metadata.key,metadata:t.metadata})}));function ze({"aria-describedby":e,"aria-label":s,assistiveText:o,collectionRenderer:l,data:a,dropdownId:r,enabledElementRef:d,helpSourceLink:c,helpSourceText:u,isAddToListShown:p,isDisabled:h,isEmptyResults:b,isFocused:y,isLoading:x,isOpen:v,isReadonly:f,isRequired:S,isSelectedOnlyView:T,itemText:w,label:g,liveRegionText:F,placeholder:C,propIsLoading:D,selectedValuesDescriptionId:A,setDropdownOpen:R,setUserInput:I,stopFiltering:L,textAlign:E,textTagListRef:k,userAssistanceDensity:K,userInput:V,valueItems:j,virtualKeyboard:U,onAddToListAction:M,onCommit:B,onFieldBlur:O,onFieldFocus:N,onFieldInput:_,onFieldKeyDown:H,onFieldKeyUp:z}){const q=P.useTranslationBundle("@oracle/oraclejet-preact"),{collectionRendererContext:Y,footerProps:W,selectMultipleFieldInputProps:$,selectMultipleFieldProps:G,selectedValuesCountProps:Z}=function({data:e,inputRef:t,isDropdownOpen:s,isDropdownSelectedOnlyView:o,itemText:n,textTagListRef:l,userInput:a,valueItems:r,onCommit:d,setDropdownOpen:c,setUserInput:u,stopFiltering:p}){const[h,b]=i.useState({rowKey:void 0}),[m,y]=i.useState(ee.createKeysFromValueItems(r)),[x,v]=i.useState(o),f=i.useRef(new Map),S=i.useMemo((()=>{const e=[];return m?.forEach((t=>{const s=r?.find((e=>e.key===t));s?e.push(s):f.current.has(t)&&e.push(f.current.get(t))})),e}),[m,r]),{textTags:T,displayValue:w}=Ne(n,S),g=i.useRef(null),{data:F}=_e({isDropdownSelectedOnlyView:x,valueItems:S}),C=i.useCallback((e=>{b({rowKey:e.value})}),[b]),D=i.useCallback((t=>{y(t.value),u(""),e&&He(f.current,e,t.value)}),[e,y,u]),A=i.useCallback((({value:e=!1})=>{v((t=>(t!==e&&p(),e)))}),[v,p]),R=i.useCallback((()=>{y(ee.createKeysFromValueItems(r)),f.current.clear(),c(!1),p(),t.current?.focus()}),[t,c,p,r]),I=i.useCallback((()=>{d({previousValue:ee.createKeysFromValueItems(r),value:m}),R()}),[m,r,R,d]),L=i.useCallback((()=>{R()}),[R]),E=i.useCallback((()=>{y(new Set),p()}),[p]),k=i.useCallback((e=>{const t=new Set(m);e.forEach((e=>t.delete(e))),y(t)}),[m]),K=i.useCallback((()=>{setTimeout((()=>g.current?.focus()),0)}),[]);i.useEffect((()=>{s&&setTimeout((()=>g.current?.focus()),0)}),[s]);const[V,j]=i.useState(r);return V!==r&&(s||y((e=>{const t=ee.createKeysFromValueItems(r);return Re.equals(e,t)?e:t})),j(r)),{collectionRendererContext:ee.useCollectionRenderer({currentKey:h.rowKey,onCurrentKeyChange:C,onSelectedKeysChange:D,searchText:a,selectedKeys:m,selectedOnlyData:F}),footerProps:{onApply:I},selectMultipleFieldInputProps:{displayValue:w,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:g,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:T,textTagListRef:l,onExitNavigation:K,onRemove:k},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!ee.isSearchTextEmptyOrUndefined(a)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:x,isSelectedValuesCountShown:(m?.size??0)>0||x,selectedValuesCount:m?.size??0,styleVariant:"embedded",onBackButtonClick:L,onClearButtonClick:E},selectedValuesCountProps:{onSelectedValuesCountToggle:A},isDropdownSelectedOnlyView:x}}({data:a,inputRef:d,isDropdownOpen:v,isDropdownSelectedOnlyView:T,itemText:w,textTagListRef:k,userInput:V,valueItems:j,onCommit:B,setDropdownOpen:R,setUserInput:I,stopFiltering:L}),{formFieldContext:te,inputProps:se,labelProps:oe,textFieldProps:ne,userAssistanceProps:le}=J.useTextField({ariaDescribedBy:e,helpSourceLink:c,helpSourceText:u,isDisabled:!1,isFocused:y,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:G.selectedValuesCount>0||void 0});te.hasValue=D||te.hasValue;const ie={label:t.jsx(n.Label,{...oe,children:g}),labelEdge:"inside"},ae=!v||h||f||!o&&!c||"efficient"!==K&&"reflow"!==K?void 0:t.jsx(X.DropdownUserAssistance,{assistiveText:o,fieldLabel:g,helpSourceLink:c,helpSourceText:u,userAssistanceDensity:K,...le}),re=b?p?void 0:t.jsx(ee.EmptyResults,{}):l(Y),de=p?t.jsxs(t.Fragment,{children:[t.jsx("div",{onMouseDown:ee.preventDefault,children:t.jsx(Q.Separator,{})}),t.jsx(X.LinkItem,{onAction:M,children:q.select_addToList()})]}):void 0;return t.jsx(X.SelectMobileDropdown,{header:t.jsxs(m.FormFieldContext.Provider,{value:te,children:[t.jsx(Fe.View,{children:t.jsx(Ve,{fieldLabel:g,onBlur:O,onFocus:N,...ie,...ne,...G,...Z,children:t.jsx(Be,{"aria-controls":r,"aria-expanded":v,"aria-label":s,isAddToListShown:p,isRequired:S,liveRegionText:F,placeholder:C,selectedValuesDescriptionId:A,textAlign:E,virtualKeyboard:U,onInput:_,onKeyDown:H,onKeyUp:z,...se,...$})})}),ae,de]}),footer:t.jsx(Oe,{...W}),id:r,isOpen:v,labelId:oe.id,children:t.jsx(ee.DropdownList,{hasTopGap:!de,hasBottomGap:!0,isLoading:null===a,children:re})})}const qe=o.forwardRef((({addToList:e="off","aria-describedby":r,assistiveText:d,collectionRenderer:p,columnSpan:h,data:y,helpSourceLink:x,helpSourceText:v,isDisabled:f,isLoading:S,isReadonly:T,isRequired:w,isRequiredShown:g,itemRenderer:F,itemText:C,label:D,labelEdge:A,labelStartWidth:R,messages:I,onAddToListAction:L,onCommit:E,onFilter:k,onLoadRange:K,placeholder:V,testId:j,textAlign:M,userAssistanceDensity:B,valueItems:O,variant:N="default",virtualKeyboard:z},q)=>{const{isDisabled:Y,isReadonly:W,labelEdge:$,labelStartWidth:Q,textAlign:te,userAssistanceDensity:se}=b.useFormContext(),oe=f??Y,ne=T??W,le=A??$,ie=R??Q,ae=M??te??U.defaultTextAlignForVariant(N),re=B??se,de=o.useRef(null),ce=o.useRef(null),{focusProps:ue,isFocused:pe,methods:he}=G.useFocusableTextField({isDisabled:oe,isReadonly:ne,enabledElementRef:de,readonlyElementRef:ce});o.useImperativeHandle(q,(()=>he),[he]);const{addToListEventHandlers:me,ariaProps:ye,collectionRendererContext:xe,data:ve,dropdownArrowEventHandlers:fe,dropdownEventHandlers:Se,dropdownRef:we,hasSelectedValuesCount:ge,inputEventHandlers:Fe,isAddToListShown:Ce,isDataFetched:De,isDropdownAbove:Ae,isDropdownOpen:Re,isDropdownSelectedOnlyView:Ke,isEmptyResults:je,isFocused:Ue,isUserFiltering:Pe,mainFieldRef:Me,mouseProps:Oe,selectedValuesCountProps:He,selectedValuesDescriptionId:qe,selectedValuesKeyboardNavDescriptionId:Ye,setDropdownOpen:We,setUserInput:$e,stopFiltering:Ge,textFieldRef:Ze,textTagListProps:Je,userInput:Qe}=function({addToList:e,ariaDescribedBy:t,data:s,inputRef:o,isDisabled:n,isFocused:l,isReadonly:r,onAddToListAction:d,onCommit:c,onFilter:u,valueItems:p}){const[h,b]=i.useState(!1),m=p?.length,y=void 0!==m&&m>0||h,x=_e({isDropdownSelectedOnlyView:h,valueItems:p}),v=h?x.data:s,f=i.useCallback((e=>{ee.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),u?.(e)}),[u]),{currentRowKeyRef:S,currentRowOverride:T,dropdownRef:w,getDropdownTabbableElems:g,handleDropdownArrowClick:F,handleDropdownAutoDismiss:C,handleDropdownPosition:D,handleInput:A,handleMainFieldKeyDown:R,handleMainFieldKeyUp:I,handleUpDownArrowKeys:L,isDropdownAbove:E,isDropdownOpen:k,isFocused:K,isUserFiltering:V,mainFieldRef:j,onCurrentKeyChange:U,onMouseDown:P,searchText:M,setCurrentRowOverride:B,setDropdownOpen:O,setUserInput:N,stopFiltering:_,userInput:H}=ee.useSelectCommon({data:v,inputRef:o,isFocused:l,onFilter:f}),[z,q]=i.useState(k),[Y,W]=i.useState(p),[$,G]=i.useState(ee.createKeysFromValueItems(p)),Z=null!=v&&!ee.isBeforeDataFetch(v),J=Z&&0===v?.totalSize,Q="on"===e&&V&&null!=M&&M.length>0,X=i.useCallback((()=>{O(!1),_(),d?.({searchText:V?M:void 0})}),[V,d,M,O,_]),te=i.useRef(null),{direction:se}=be.useUser(),oe=Te.useId(),ne=Te.useId(),le=Le.l([K&&ne,K&&oe,t]),ie=i.useCallback((()=>{w.current?.parentElement?.removeChild(w.current)}),[w]),ae=i.useCallback((e=>V&&k&&!ee.isSearchTextEmptyOrUndefined(H)&&(v?.data.length??0)>0&&void 0!==e),[v,k,V,H]),re=i.useCallback((e=>{if($?.has(e))return;const t=void 0===$?new Set([e]):new Set([...$.values(),e]);c({previousValue:$,value:t}),G(t)}),[c,$,G]),de=i.useRef(null),ce=i.useCallback((e=>r||n?Promise.reject("Component is readonly or disabled"):(c({value:e,previousValue:$}),Promise.resolve())),[n,r,c,$]);Ee.useHiddenTestMethod({elementRef:r?j:de,method:ce,name:"_changeValue"});const ue=i.useCallback((e=>{if(k&&"keydown"===e?.type){const t=e;switch(t.code){case a.KEYS.TAB:{const e=t.shiftKey,s=g();if(s&&s.length>1){const t=s[0],o=s[s.length-1];if(!e&&document.activeElement!==o||e&&document.activeElement!==t)return void O(!0)}t.shiftKey||!y?o.current?.focus():he.current?.focus(),ie();break}}}}),[g,y,o,k,ie,O]),pe=i.useCallback((e=>{if(!a.isControlOrFunctionKey(e))switch(e.code){case a.KEYS.TAB:k&&(e.shiftKey||!y&&!e.shiftKey)&&(ie(),O(!1)),y&&!e.shiftKey&&e.stopPropagation();break;case a.KEYS.LEFT:"ltr"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&te.current?.focus();break;case a.KEYS.RIGHT:"rtl"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&te.current?.focus();break;case a.KEYS.ENTER:case a.KEYS.NUMPAD_ENTER:if(ee.isPhone())return;if(Q&&J)return void X();ae(S.current)&&(O(!1),_(),re(S.current))}}),[S,se,X,y,o,Q,k,J,ie,re,O,ae,_]);if(Y!==p){const e=ee.createKeysFromValueItems(p);G(e)}const he=i.useRef(null);i.useEffect((()=>{he.current=y&&j.current?.querySelector?j.current.querySelector('[role="switch"]'):null}),[y,n,r,j]);const me=i.useCallback((e=>{switch(e.code){case a.KEYS.TAB:k&&!e.shiftKey&&(ie(),O(!1)),e.shiftKey&&e.stopPropagation();break;case a.KEYS.UP:case a.KEYS.DOWN:e.preventDefault();break;case a.KEYS.ESC:k&&(O(!1),e.preventDefault(),e.stopPropagation());break;case a.KEYS.ENTER:e.stopPropagation()}}),[k,ie,O]),ye=i.useCallback((e=>{switch(e.code){case a.KEYS.UP:case a.KEYS.DOWN:L(e)}}),[L]),xe=i.useCallback((e=>{e.preventDefault(),he.current?.focus()}),[he]),ve=i.useCallback((e=>{k||O(!0);const t=e.value??!1;t!==h&&(b(t),t&&_())}),[k,h,O,_]);!k&&h&&b(!1);const fe=i.useCallback((e=>{G(e.value),N(""),c?.({value:e.value,previousValue:$})}),[c,$,G,N]),Se=i.useCallback((()=>{setTimeout((()=>o.current?.focus()),0)}),[o]),we=i.useCallback((e=>{const t=$,s=new Set($);e.forEach((e=>s.delete(e))),c?.({previousValue:t,value:s})}),[c,$]),ge=i.useMemo((()=>Ie.mergeProps({onAutoDismiss:C,onPosition:D},{onAutoDismiss:ue})),[C,D,ue]),Fe=i.useMemo((()=>Ie.mergeProps({onInput:A,onKeyDown:R,onKeyUp:I},{onKeyDown:pe})),[R,A,I,pe]),Ce=i.useMemo((()=>({textTagListRef:te,onExitNavigation:Se,onRemove:we})),[Se,we]),De=ee.useCollectionRenderer({currentKey:T.rowKey,onCurrentKeyChange:U,onSelectedKeysChange:fe,searchText:M,selectedKeys:$,selectedOnlyData:x.data});k&&!z&&B({rowKey:void 0}),z&&!k&&!H&&_();const Ae=i.useRef(v);if(Ae.current!==v){const e=v?.data[0]?.metadata.key;k&&V&&null!=e&&0===v?.offset&&B({rowKey:ee.isSearchTextEmptyOrUndefined(M)?void 0:e}),Ae.current=v}return z!==k&&q(k),Y!==p&&W(p),{addToListEventHandlers:{onAction:X},ariaProps:{ariaDescribedBy:le},collectionRendererContext:De,data:v,dropdownArrowEventHandlers:{onClick:F},dropdownEventHandlers:ge,dropdownRef:w,hasSelectedValuesCount:y,inputEventHandlers:Fe,inputRef:o,isAddToListShown:Q,isDataFetched:Z,isDropdownAbove:E,isDropdownOpen:k,isDropdownSelectedOnlyView:h,isEmptyResults:J,isFocused:K,isUserFiltering:V,mainFieldRef:j,mouseProps:n||r?{}:{onMouseDown:P},searchText:M,selectedValuesCountProps:{onKeyDown:me,onKeyUp:ye,onMouseDown:xe,onToggle:ve},selectedValuesDescriptionId:oe,selectedValuesKeyboardNavDescriptionId:ne,setDropdownOpen:O,setUserInput:N,stopFiltering:_,textFieldRef:de,textTagListProps:Ce,userInput:H}}({addToList:e,ariaDescribedBy:r,data:y,inputRef:de,isDisabled:oe,isFocused:pe,isReadonly:ne,onAddToListAction:L,onCommit:E,onFilter:k,valueItems:O}),Xe=Z.useLoadingIndicatorTimer(S??!1),{baseId:et,formFieldContext:tt,inputProps:st,labelProps:ot,textFieldProps:nt,userAssistanceProps:lt}=J.useTextField({ariaDescribedBy:ye.ariaDescribedBy,helpSourceLink:x,helpSourceText:v,isDisabled:oe,isFocused:Ue,isLoading:Xe,isReadonly:ne,isRequiredShown:g,labelEdge:le,messages:I,styleVariant:N,userAssistanceDensity:re,value:void 0!==O&&O.length>0||void 0});tt.hasValue=S||tt.hasValue;const it=`${et}-dropdown`,{displayValue:at,textTags:rt}=Ne(C,O),dt="none"!==le?t.jsx(n.Label,{...ot,...ee.isPhone()?{forId:void 0}:{},children:D}):void 0,ct={label:"none"!==le?dt:void 0,labelEdge:"none"!==le?le:void 0,labelStartWidth:"none"!==le?ie:void 0,labelText:"inside"!==le||oe?void 0:D},ut="none"===le?D:void 0,pt="efficient"===re||"reflow"===re?oe?"efficient"!==re?void 0:t.jsx(_.InlineUserAssistance,{userAssistanceDensity:re,...lt}):ne?t.jsx(_.InlineUserAssistance,{fieldLabel:D,messages:I,userAssistanceDensity:re,...lt}):t.jsx(_.InlineUserAssistance,{assistiveText:d,fieldLabel:D,helpSourceLink:x,helpSourceText:v,messages:I,isRequiredShown:g,userAssistanceDensity:re,...lt}):void 0,ht="compact"===re?t.jsx(H.CompactUserAssistance,{anchorRef:Me,messages:I,assistiveText:d,...lt}):void 0,bt=P.useTranslationBundle("@oracle/oraclejet-preact"),mt=o.useCallback((({currentRowKeyOverride:e,onPersistCurrentRowKey:s,onSelectedChange:o,searchText:n,selected:l,selectedOnlyData:i})=>t.jsx(ee.DefaultList,{"aria-label":D??"",componentName:"SelectMultiple",currentItemVariant:"highlight",currentKey:e,data:i??y,itemRenderer:F,itemText:C,searchText:i?void 0:Pe?n:void 0,selectedKeys:l,selectionMode:"multiple",onCurrentKeyChange:s,onLoadRange:i?void 0:K,onSelectionChange:o})),[Pe,F,C,D,K,y]);if(ne){const e=t.jsx(c.ReadonlyTextFieldInput,{"aria-describedby":st["aria-describedby"],"aria-label":ut,"aria-labelledby":ot.id,as:"div",elementRef:ce,formVariant:N,hasEmptyLabel:""===D&&"none"===le,hasInsideLabel:void 0!==D&&"inside"===le,onBlur:st.onBlur,onFocus:st.onFocus,textAlign:ae,value:at});return t.jsx(m.FormFieldContext.Provider,{value:tt,children:t.jsx(u.ReadonlyTextField,{role:"presentation",columnSpan:h,compactUserAssistance:ht,inlineUserAssistance:pt,onBlur:ue.onFocusOut,onFocus:ue.onFocusIn,ref:Me,mainContent:e,testId:j,...ct})})}const yt="inside"===le,xt=Re&&De?0===ve?.totalSize?bt.select_noMatchesFound():1===ve?.totalSize?bt.select_oneMatchFound():"exact"===ve?.sizePrecision?bt.select_sizeMatchesFound({TOTAL_SIZE:`${ve?.totalSize}`}):bt.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${ve?.totalSize}`}):"",vt=Re&&void 0!==ve&&(null===ve||ve.totalSize>0||ee.isBeforeDataFetch(ve)||je),ft=""===D&&"none"===le,St=ee.isPhone()&&!oe?t.jsx(X.SelectMobileFieldInput,{"aria-controls":it,"aria-describedby":st["aria-describedby"],"aria-expanded":Re,"aria-invalid":st["aria-invalid"],"aria-label":ut,"aria-labelledby":ot.id,displayValue:at,hasEmptyLabel:ft,hasInsideLabel:yt,isRequired:w,onBlur:st.onBlur,onFocus:st.onFocus,placeholder:V,ref:de,textAlign:ae,variant:st.variant}):t.jsx(Be,{"aria-controls":it,"aria-expanded":Re,"aria-label":ut,displayValue:at,hasEmptyLabel:ft,hasInsideLabel:yt,inputRef:de,isAddToListShown:Ce,isKeyboardNavigable:!oe&&!ee.isMobile(),isRequired:w,isTextTagListShown:Ue&&0!==rt.length,isUserFiltering:Pe,liveRegionText:xt,placeholder:V,removeIcon:ee.isTablet()?"always":"never",selectedValuesDescriptionId:qe,selectedValuesKeyboardNavDescriptionId:Ye,textAlign:ae,textTagListData:rt,userInput:Qe,virtualKeyboard:ee.isTablet()?z:void 0,...Fe,...st,...Je}),Tt=vt?ee.isPhone()?t.jsx(ze,{"aria-describedby":ye.ariaDescribedBy,"aria-label":ut,assistiveText:d,collectionRenderer:p??mt,data:y,dropdownId:it,enabledElementRef:de,helpSourceLink:x,helpSourceText:v,isAddToListShown:Ce,isDisabled:oe,isEmptyResults:je,isFocused:Ue,isLoading:Xe,isOpen:vt,isReadonly:ne,isRequired:w,isSelectedOnlyView:Ke,itemText:C,label:D,liveRegionText:xt,placeholder:V,propIsLoading:S,selectedValuesDescriptionId:qe,setDropdownOpen:We,setUserInput:$e,stopFiltering:Ge,textAlign:ae,textTagListRef:Je.textTagListRef,userAssistanceDensity:re,userInput:Qe,valueItems:O,virtualKeyboard:z,onAddToListAction:me.onAction,onCommit:E,onFieldBlur:ue.onFocusOut,onFieldFocus:ue.onFocusIn,onFieldInput:Fe.onInput,onFieldKeyDown:Fe.onKeyDown,onFieldKeyUp:Fe.onKeyUp}):t.jsx(ke,{...Se,assistiveText:d,collectionRenderer:p??mt,collectionRendererContext:xe,dropdownId:it,dropdownRef:we,helpSourceLink:x,helpSourceText:v,isAddToListShown:Ce,isDisabled:oe,isDropdownAbove:Ae,isEmptyResults:je,isOpen:vt,isReadonly:ne,label:D,mainFieldRef:Me,onAddToListAction:me.onAction,userAssistanceDensity:re}):null;return t.jsxs(s.Fragment,{children:[t.jsxs(m.FormFieldContext.Provider,{value:tt,children:[t.jsx(Ve,{columnSpan:h,compactUserAssistance:ht,fieldLabel:D,hasInsideLabel:yt,inlineUserAssistance:pt,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:Ke,isSelectedValuesCountShown:ge,mainFieldRef:Me,onBlur:ue.onFocusOut,onFocus:ue.onFocusIn,onDropdownArrowClick:fe.onClick,onSelectedValuesCountKeyDown:He.onKeyDown,onSelectedValuesCountKeyUp:He.onKeyUp,onSelectedValuesCountMouseDown:He.onMouseDown,onSelectedValuesCountToggle:He.onToggle,rootRef:Ze,selectedValuesCount:O?.length,testId:j,...ct,...Oe,...nt,children:St}),!ee.isPhone()&&t.jsx(l.LiveRegion,{children:vt?bt.select_closeDropdown():void 0})]}),Tt]})}));e.SelectMultiple=qe}));
+//# sourceMappingURL=SelectMultiple-cc9bffc6.js.map