@oracle/oraclejet-preact 14.0.7 → 14.0.8

package/amd/PRIVATE_SelectCommon.js

@@ -1,633 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', "css!./PRIVATE_SelectCommon.css", './UNSAFE_HighlightText', './PRIVATE_List', './UNSAFE_Flex', './UNSAFE_Skeleton', './utils/UNSAFE_logger', './Flex-7762d39c', './HighlightText-9d200a5d', './List-26b59d92', './Skeleton-d0383726', './UNSAFE_Floating', './UNSAFE_Layer', './utils/UNSAFE_arrayUtils', './Floating-08ac18d2', './hooks/UNSAFE_usePress', './index-f54bad63', './utils/UNSAFE_classNames', './classNames-027de734', './index-5920700b', './hooks/UNSAFE_useFormFieldContext', './UNSAFE_UserAssistance', './hooks/UNSAFE_useTranslationBundle', './utils/PRIVATE_clientHints', './clientHints-361cde40', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './LoadMoreCollection-b7513141', './PRIVATE_Collection', './Collection-55b75a82', 'preact', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-63815bce', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-420f2714', 'preact/compat', './utils/PRIVATE_tabbableUtils', './_curry1-645b9927', './_curry2-93924f19', './_curry3-4cc6f6ba', './hooks/UNSAFE_useId', './hooks/PRIVATE_useSelection', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './utils/PRIVATE_collectionUtils', './tslib.es6-71b1ba5b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './utils/UNSAFE_mergeInterpolations', './_has-cce283ad', './utils/UNSAFE_interpolations/borders', './utils/UNSAFE_interpolations/boxalignment', './keys-a09501ab', './utils/UNSAFE_interpolations/flexbox', './flexbox-4dd0bbb4', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040', './UNSAFE_Selector', './UNSAFE_Icon', './Icon-a6ef6699', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2f572e0c', './index-e9199379', './hooks/UNSAFE_useUser', './UNSAFE_Environment', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useTheme', './InlineHelpSource-8a22f914', './UNSAFE_ComponentMessage', './ComponentMessage-5603259e', './PRIVATE_Message', './utils/PRIVATE_timer', './MessageCloseButton-51697635', './UNSAFE_Button', './Button-87280b4a', './UNSAFE_BaseButton', './BaseButton-20a653f3', './hooks/UNSAFE_useActive', './MessageDetail-dd86fa2b', './MessageFormattingUtils-0ffdac02', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-9311a716', './Message.types-3ff18727', './MessageStartIcon-1b57b659', './MessageSummary-cf0af1b2', './MessageTimestamp-0e995235', './MessageUtils-0bf10cfa', './utils/UNSAFE_soundUtils', './MessagesManager-da52103a', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-1dadf91a', './ComponentMessageContainer-a00ec42c', './hooks/UNSAFE_useFormContext'], (function (exports, jsxRuntime, hooks, linaria, UNSAFE_HighlightText, PRIVATE_List, UNSAFE_Flex, UNSAFE_Skeleton, utils_UNSAFE_logger, Flex, HighlightText, List, Skeleton, UNSAFE_Floating, UNSAFE_Layer, utils_UNSAFE_arrayUtils, Floating, hooks_UNSAFE_usePress, UNSAFE_ThemedIcons, utils_UNSAFE_classNames, classNames, UNSAFE_Icons, hooks_UNSAFE_useFormFieldContext, UNSAFE_UserAssistance, hooks_UNSAFE_useTranslationBundle, utils_PRIVATE_clientHints, clientHints, utils_UNSAFE_mergeProps, utils_UNSAFE_keys, LoadMoreCollection, PRIVATE_Collection, Collection, preact, hooks_UNSAFE_useViewportIntersect, PRIVATE_VirtualizedCollection, VirtualizedCollection, hooks_UNSAFE_useTabbableMode, UNSAFE_FocusTrap, FocusTrap, compat, utils_PRIVATE_tabbableUtils, _curry1, _curry2, _curry3, hooks_UNSAFE_useId, hooks_PRIVATE_useSelection, hooks_PRIVATE_useCurrentKey, hooks_PRIVATE_useCollectionFocusRing, hooks_PRIVATE_useTabbableModeSet, hooks_PRIVATE_useItemAction, utils_PRIVATE_collectionUtils, tslib_es6, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_size, utils_UNSAFE_mergeInterpolations, _has, utils_UNSAFE_interpolations_borders, utils_UNSAFE_interpolations_boxalignment, keys, utils_UNSAFE_interpolations_flexbox, flexbox, utils_UNSAFE_interpolations_flexitem, flexitem, UNSAFE_Selector, UNSAFE_Icon, Icon, hooks_UNSAFE_useTooltip, hooks_UNSAFE_useHover, hooks_UNSAFE_useToggle, hooks_UNSAFE_useFocus, hooks_UNSAFE_useTouch, hooks_UNSAFE_useAnimation, useAnimation, hooks_UNSAFE_useFloating, hooks_UNSAFE_useUser, UNSAFE_Environment, utils_PRIVATE_floatingUtils, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick, hooks_UNSAFE_useTheme, InlineHelpSource, UNSAFE_ComponentMessage, ComponentMessage, PRIVATE_Message, utils_PRIVATE_timer, MessageCloseButton, UNSAFE_Button, Button, UNSAFE_BaseButton, BaseButton, hooks_UNSAFE_useActive, MessageDetail, MessageFormattingUtils, utils_UNSAFE_getLocale, utils_UNSAFE_stringUtils, stringUtils, Message_types, MessageStartIcon, MessageSummary, MessageTimestamp, MessageUtils, utils_UNSAFE_soundUtils, MessagesManager, PRIVATE_TransitionGroup, hooks_UNSAFE_useMessagesContext, UNSAFE_HiddenAccessible, HiddenAccessible, ComponentMessageContainer, hooks_UNSAFE_useFormContext) { 'use strict';
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-    function renderItemText(item, itemText) {
-        var _a;
-        // if item-text is a string and the data has the specified field, return it;
-        // otherwise log an error
-        if (typeof itemText === 'string') {
-            if ((_a = item.data) === null || _a === void 0 ? void 0 : _a.hasOwnProperty(itemText)) {
-                const retData = item.data[itemText];
-                return String(retData);
-            }
-            utils_UNSAFE_logger.Logger.error('SelectMultiple: itemText specifies field that does not exist: ' + itemText);
-            // return undefined if the field doesn't exist
-            return undefined;
-        }
-        // if item-text is a function, call it to create a display label
-        return itemText(item);
-    }
-
-    const itemStyles = "itemStyles-1mmmrh5";
-
-    const noOp = () => {};
-
-    function DefaultList({
-      accessibleSummary,
-      currentItemVariant,
-      currentKey,
-      data,
-      itemText,
-      onCurrentKeyChange,
-      onItemAction,
-      onLoadRange = noOp,
-      onSelectionChange,
-      searchText,
-      selectedKeys,
-      selectionMode
-    }) {
-      const listItemRenderer = hooks.useCallback(listItemContext => {
-        const itemContext = {
-          data: listItemContext.data,
-          key: listItemContext.metadata.key,
-          metadata: listItemContext.metadata
-        };
-        const renderedItemText = renderItemText(itemContext, itemText);
-        return jsxRuntime.jsxs(Flex.Flex, {
-          children: [listItemContext.selector && listItemContext.selector(), jsxRuntime.jsx("div", Object.assign({
-            class: itemStyles
-          }, {
-            children: jsxRuntime.jsx(HighlightText.HighlightText, Object.assign({
-              matchText: searchText
-            }, {
-              children: renderedItemText
-            }))
-          }))]
-        });
-      }, [itemText, searchText]);
-      const keys = hooks.useMemo(() => {
-        return {
-          all: false,
-          keys: selectedKeys !== null && selectedKeys !== void 0 ? selectedKeys : new Set()
-        };
-      }, [selectedKeys]);
-      return jsxRuntime.jsx(List.List, Object.assign({
-        accessibleSummary: accessibleSummary,
-        allowTabbableMode: false,
-        currentItemVariant: currentItemVariant,
-        currentKey: currentKey,
-        data: data !== null && data !== void 0 ? data : null,
-        loadingIndicator: loadingIndicator,
-        onCurrentKeyChange: onCurrentKeyChange,
-        onItemAction: onItemAction,
-        onLoadRange: onLoadRange,
-        onSelectionChange: onSelectionChange,
-        role: "listbox",
-        selectedKeys: keys,
-        selectionMode: selectionMode
-      }, {
-        children: context => listItemRenderer(context)
-      }));
-    }
-    /**
-     * Custom 3 Skeleton loader for select multiple
-     * TODO: to remove this once https://jira.oraclecorp.com/jira/browse/JET-51527 is solved
-     */
-
-    const loadingIndicator = jsxRuntime.jsx(List.SkeletonContainer, Object.assign({
-      minimumCount: 3
-    }, {
-      children: () => {
-        return jsxRuntime.jsx(Flex.Flex, Object.assign({
-          height: "12x",
-          align: "center"
-        }, {
-          children: jsxRuntime.jsx(Skeleton.Skeleton, {
-            height: "4x"
-          })
-        }));
-      }
-    }));
-
-    const KEYS = {
-        TAB: 'Tab',
-        ENTER: 'Enter',
-        ESC: 'Escape',
-        SPACE: 'Space',
-        LEFT: 'ArrowLeft',
-        UP: 'ArrowUp',
-        RIGHT: 'ArrowRight',
-        DOWN: 'ArrowDown',
-        SHIFT_LEFT: 'ShiftLeft',
-        SHIFT_RIGHT: 'ShiftRight',
-        CTRL_LEFT: 'ControlLeft',
-        CTRL_RIGHT: 'ControlRight',
-        ALT_LEFT: 'AltLeft',
-        ALT_RIGHT: 'AltRight',
-        PAGE_UP: 'PageUp',
-        PAGE_DOWN: 'PageDown',
-        HOME: 'Home',
-        END: 'End',
-        BACKSPACE: 'Backspace',
-        DELETE: 'Delete'
-    };
-    const isControlKey = (event) => {
-        switch (event.code) {
-            case KEYS.SHIFT_LEFT:
-            case KEYS.SHIFT_RIGHT:
-            case KEYS.CTRL_LEFT:
-            case KEYS.CTRL_RIGHT:
-            case KEYS.ALT_LEFT:
-            case KEYS.ALT_RIGHT:
-                return true;
-            default:
-                return event.metaKey || event.ctrlKey;
-        }
-    };
-    const isFunctionKey = (event) => {
-        return /\bF([1-9]|1[0-2])\b/i.test(event.code);
-    };
-    const isControlOrFunctionKey = (event) => {
-        return isControlKey(event) || isFunctionKey(event);
-    };
-    const isSimpleClick = (event) => {
-        return event.button === 0 && !event.ctrlKey;
-    };
-    const preventDefaultForCurrentTarget = (event) => {
-        if (event.currentTarget === event.target) {
-            event.preventDefault();
-        }
-    };
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-    const isPointOutside = (event, ref) => {
-        const target = event.target;
-        if (target) {
-            const doc = getDocument(target);
-            if (!doc.contains(target))
-                return false;
-        }
-        return ref.every((elRef) => { var _a; return !((_a = elRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)); });
-    };
-    const getDocument = (node) => { var _a; return (_a = node === null || node === void 0 ? void 0 : node.ownerDocument) !== null && _a !== void 0 ? _a : document; };
-    const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }) => {
-        hooks.useEffect(() => {
-            const refs = utils_UNSAFE_arrayUtils.coerceArray(ref);
-            if (!handler ||
-                disabled ||
-                (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1))
-                return;
-            const onMouseDown = (event) => {
-                if (isPointOutside(event, refs)) {
-                    handler === null || handler === void 0 ? void 0 : handler(event);
-                }
-            };
-            const firstElRef = refs[0];
-            const doc = getDocument(firstElRef.current);
-            if (doc) {
-                doc.addEventListener('mousedown', onMouseDown, true);
-                return () => {
-                    doc.removeEventListener('mousedown', onMouseDown, true);
-                };
-            }
-            return undefined;
-        }, [disabled, handler, ref]);
-    };
-
-    const rootStyles$4 = {
-      base: "base-1h0qtm3"
-    };
-    function Dropdown({
-      anchorRef,
-      children,
-      dropdownRef,
-      id,
-      isOpen,
-      onAutoDismiss
-    }) {
-      var _a;
-
-      const handleAutoDismiss = hooks.useCallback(event => {
-        onAutoDismiss === null || onAutoDismiss === void 0 ? void 0 : onAutoDismiss(event);
-      }, [onAutoDismiss]);
-      const handleKeyDown = hooks.useCallback(event => {
-        if (event.defaultPrevented || isControlOrFunctionKey(event)) {
-          return;
-        }
-
-        switch (event.code) {
-          case KEYS.ESC:
-          case KEYS.TAB:
-            handleAutoDismiss(event);
-            break;
-        }
-      }, [handleAutoDismiss]); // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown
-      // on the same event where focus will transfer
-
-      useOutsideMousedown({
-        isDisabled: !isOpen,
-        ref: [anchorRef, dropdownRef],
-        handler: handleAutoDismiss
-      }); // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset
-
-      const offsetValue = {
-        mainAxis: 4,
-        crossAxis: 0
-      };
-      const inlineStyle = {
-        minWidth: `${(_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth}px`
-      };
-      return !isOpen ? null : jsxRuntime.jsx(UNSAFE_Layer.Layer, Object.assign({
-        logicalParentRef: anchorRef
-      }, {
-        children: jsxRuntime.jsx(Floating.Floating, Object.assign({
-          anchorRef: anchorRef,
-          ref: dropdownRef,
-          placement: "bottom-start",
-          offsetValue: offsetValue
-        }, {
-          children: jsxRuntime.jsx("div", Object.assign({
-            class: rootStyles$4.base,
-            id: id,
-            style: inlineStyle,
-            onKeyDown: handleKeyDown,
-            onMouseDown: preventDefaultForCurrentTarget
-          }, {
-            children: children
-          }))
-        }))
-      }));
-    }
-
-    const ojButtonHeight = '2.75rem'; // TODO: replace this with var(--oj-button-sm-height) once it is available
-
-    const ojButtonSmHeight = '2.25rem'; // TODO: replace this with var(--oj-button-border-radius) once it is available
-
-    const ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)'; // TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available
-
-    const ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'; // TODO: replace this with var (--oj-button-borderless-chrome-text-color-disabled) once it is available
-
-    const ojButtonBorderlessChromeTextColorDisabled = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'; // TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available
-
-    const ojButtonBorderlessChromeTextColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'; // TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available
-
-    const ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'; // TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available
-
-    const ojButtonBorderlessChromeBorderColorHover = 'transparent'; // TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available
-
-    const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';
-    const rootStyles$3 = {
-      base: "base-1988pxw",
-      sizeMd: "sizeMd-11d2plj",
-      sizeSm: "sizeSm-1d04yd1",
-      enabled: "enabled-6pl0ak",
-      disabled: "disabled-1f51rnr"
-    };
-
-    const noop = () => {};
-
-    function DropdownArrow({
-      isDisabled = false,
-      onClick,
-      size = 'md'
-    }) {
-      const preventDefault = hooks.useCallback(event => {
-        event.preventDefault();
-      }, []);
-      const {
-        pressProps
-      } = hooks_UNSAFE_usePress.usePress(onClick !== null && onClick !== void 0 ? onClick : noop, {
-        isDisabled
-      });
-      const styleClasses = classNames.classNames([rootStyles$3.base, size === 'sm' ? rootStyles$3.sizeSm : rootStyles$3.sizeMd, isDisabled ? rootStyles$3.disabled : rootStyles$3.enabled]);
-      return jsxRuntime.jsx("span", Object.assign({
-        "aria-hidden": "true",
-        class: styleClasses,
-        tabIndex: -1,
-        onMouseDown: preventDefault
-      }, pressProps, {
-        children: jsxRuntime.jsx(UNSAFE_Icons.SvgIcoCaretDown, {})
-      }));
-    }
-
-    const rootStyles$2 = {
-      base: "base-1auixqc",
-      // TODO: These should really be applied directly to the child ListView so that the content
-      // displays under the padding when scrolled, but we can't apply styles to the child collection.
-      // TODO: Also need to figure out how to determine whether the collection is a ListView (in
-      // the collectionRenderer case) in order to apply this styling.
-      topGap: "topGap-jvehk6",
-      bottomGap: "bottomGap-18ddix3",
-      loading: "loading-15alpsb"
-    };
-    function DropdownList({
-      children,
-      hasBottomGap = true,
-      isLoading = false
-    }) {
-      const styleClasses = classNames.classNames([rootStyles$2.base, rootStyles$2.topGap, hasBottomGap && rootStyles$2.bottomGap, isLoading && rootStyles$2.loading]);
-      return jsxRuntime.jsx("div", Object.assign({
-        class: styleClasses,
-        onMouseDown: preventDefaultForCurrentTarget
-      }, {
-        children: children
-      }));
-    }
-
-    const rootStyles$1 = "rootStyles-1g493fe";
-    function DropdownUserAssistance(props) {
-      // Prevent the focus from transferring when the user clicks on an empty/non-clickable area
-      // of the user assistance
-      const handleMouseDown = hooks.useCallback(event => {
-        var _a; // Don't call preventDefault when the user clicks on the help source link, so that the
-        // focus is allowed to transfer in that case.
-
-
-        if (((_a = event.target) === null || _a === void 0 ? void 0 : _a.tagName) !== 'A') {
-          event.preventDefault();
-        }
-      }, []);
-      return jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({
-        value: {
-          isFocused: true
-        }
-      }, {
-        children: jsxRuntime.jsx("div", Object.assign({
-          class: rootStyles$1,
-          onMouseDown: handleMouseDown
-        }, {
-          children: jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({}, props))
-        }))
-      }));
-    }
-
-    const rootStyles = "rootStyles-181ybci";
-    function EmptyResults() {
-      const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact'); // TODO: figure out whether we need a separate resource string for this message;
-      // (JET-53984 - Preact Select* components: empty results message)
-      // call preventDefault for mousedown on this div so that focus does not transfer from
-      // the input
-
-      return jsxRuntime.jsx("div", Object.assign({
-        class: rootStyles,
-        onMouseDown: preventDefaultForCurrentTarget
-      }, {
-        children: translations.select_noMatchesFound()
-      }));
-    }
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-    /**
-     * Helper function to determine whether the current device is a mobile device
-     * @returns true if running on a mobile device, false otherwise
-     */
-    function isMobile() {
-        const deviceType = clientHints.getClientHints().deviceType;
-        return deviceType === 'phone' || deviceType === 'tablet';
-    }
-    function isBeforeDataFetch(data) {
-        return data.sizePrecision === 'atLeast' && data.totalSize === 0;
-    }
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-    /**
-     * Hook that manages state and behavior for a Select* component.  This hook creates state
-     * variables and event listeners, returning properties to apply to components internally
-     * rendered by a Select* component, as well as state information.
-     *
-     * @param data Specifies data for the dropdown list.
-     * @param inputRef Ref to the input element.
-     * @param isFocused Specifies whether the component has focus.
-     * @param onFilter Callback function to trigger loading data for the dropdown list,
-     * which may or may not be filtered by user entered text.
-     *
-     * @returns Component state and event listeners.
-     */
-    function useSelectCommon({ data, inputRef, isFocused, onFilter }) {
-        const mainFieldRef = hooks.useRef(null);
-        const dropdownRef = hooks.useRef(null);
-        const [isDropdownOpen, setDropdownOpen] = hooks.useState(false);
-        const [currentRow, setCurrentRow] = hooks.useState({
-            rowKey: undefined
-        });
-        const [selectedKeys, setSelectedKeys] = hooks.useState();
-        const [isUserFiltering, setUserFiltering] = hooks.useState(false);
-        const [userInput, setUserInput] = hooks.useState();
-        const [searchText, setSearchText] = hooks.useState();
-        const onMouseDown = hooks.useCallback((event) => {
-            // const target = event.target as HTMLElement;
-            if (event.defaultPrevented || !isSimpleClick(event)) {
-                return;
-            }
-            if (!isDropdownOpen) {
-                setDropdownOpen(true);
-            }
-            // this is needed to focus the input when clicking on the inside label when there is no
-            // value;  otherwise the component looks focused but doesn't actually have physical focus
-            setTimeout(function () {
-                var _a;
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 0);
-        }, [isDropdownOpen]);
-        const handleDropdownArrowClick = hooks.useCallback(() => {
-            var _a;
-            setDropdownOpen(!isDropdownOpen);
-            // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }, [isDropdownOpen]);
-        const handleDropdownAutoDismiss = hooks.useCallback((event) => {
-            var _a, _b, _c;
-            if (isDropdownOpen) {
-                setDropdownOpen(false);
-                switch (event === null || event === void 0 ? void 0 : event.type) {
-                    case 'keydown':
-                        const keyboardEvent = event;
-                        switch (keyboardEvent.code) {
-                            case KEYS.ESC:
-                                // focus the input when the user cancels out of the dropdown
-                                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                                break;
-                            default:
-                                break;
-                        }
-                        break;
-                    case 'mousedown':
-                        // if focus is in the dropdown, focus the input before the dropdown is hidden so that
-                        // focus will transfer correctly when the target is not focusable;
-                        // otherwise the text cursor appears in the input again
-                        if ((_b = dropdownRef.current) === null || _b === void 0 ? void 0 : _b.contains(document.activeElement)) {
-                            (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.focus();
-                        }
-                        break;
-                    default:
-                        break;
-                }
-            }
-        }, [isDropdownOpen]);
-        const handleUpDownArrowKeys = hooks.useCallback((event) => {
-            var _a, _b, _c, _d;
-            if (!isDropdownOpen) {
-                setDropdownOpen(true);
-            }
-            else {
-                // transfer physical focus into the dropdown
-                const firstFocusableElem = (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('[tabindex="0"]');
-                firstFocusableElem === null || firstFocusableElem === void 0 ? void 0 : firstFocusableElem.focus();
-                // if there is no current item set, make the first item current
-                if (data !== undefined && currentRow.rowKey === undefined) {
-                    setCurrentRow({ rowKey: (_d = (_c = (_b = data === null || data === void 0 ? void 0 : data.data) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.key });
-                }
-            }
-            // prevent the page from scrolling
-            event.preventDefault();
-        }, [currentRow, data, isDropdownOpen]);
-        const handleMainFieldKeyDown = hooks.useCallback((event) => {
-            // const target = event.target as HTMLElement;
-            // ignore control key and function key
-            if (isControlOrFunctionKey(event)) {
-                return;
-            }
-            switch (event.code) {
-                case KEYS.PAGE_UP:
-                case KEYS.PAGE_DOWN:
-                    // prevent the page from scrolling
-                    event.preventDefault();
-                    return;
-                case KEYS.UP:
-                case KEYS.DOWN:
-                    // prevent the page from scrolling
-                    event.preventDefault();
-                    break;
-                case KEYS.ESC:
-                    if (isDropdownOpen) {
-                        setDropdownOpen(false);
-                        event.preventDefault();
-                        // JET-53183 - core pack compat: stop propagation of handled events
-                        // we don't want a parent collection component to stop editing the row when we close
-                        // the dropdown
-                        event.stopPropagation();
-                    }
-                    break;
-                default:
-                    break;
-            }
-        }, [isDropdownOpen]);
-        const handleMainFieldKeyUp = hooks.useCallback((event) => {
-            // ignore control key and function key
-            if (isControlOrFunctionKey(event)) {
-                return;
-            }
-            switch (event.code) {
-                case KEYS.UP:
-                case KEYS.DOWN:
-                    handleUpDownArrowKeys(event);
-                    break;
-                default:
-                    break;
-            }
-        }, [handleUpDownArrowKeys]);
-        const handleInput = hooks.useCallback((detail) => {
-            var _a;
-            if (!isDropdownOpen) {
-                setDropdownOpen(true);
-            }
-            setUserFiltering(true);
-            setUserInput(detail.value);
-            const str = (_a = detail.value) === null || _a === void 0 ? void 0 : _a.trim();
-            setSearchText(str);
-            onFilter === null || onFilter === void 0 ? void 0 : onFilter({ searchText: str });
-        }, [isDropdownOpen, onFilter]);
-        const onCurrentKeyChange = hooks.useCallback((detail) => {
-            setCurrentRow({ rowKey: detail.value });
-        }, []);
-        const stopFiltering = hooks.useCallback(() => {
-            setUserFiltering(false);
-            setUserInput('');
-            setSearchText('');
-        }, []);
-        // the user is not actively filtering if the dropdown is closed and the component doesn't
-        // have focus
-        hooks.useEffect(() => {
-            if (!isDropdownOpen && !isFocused && isUserFiltering) {
-                stopFiltering();
-            }
-        }, [isDropdownOpen, isFocused, isUserFiltering]);
-        // need to call onFilter with undefined searchText when the dropdown opens and the
-        // user is NOT filtering
-        hooks.useEffect(() => {
-            if (isDropdownOpen && !isUserFiltering) {
-                onFilter === null || onFilter === void 0 ? void 0 : onFilter({ searchText: undefined });
-            }
-        }, [isDropdownOpen, isUserFiltering, onFilter]);
-        return {
-            currentRow,
-            dropdownRef,
-            handleDropdownArrowClick,
-            handleDropdownAutoDismiss,
-            handleInput,
-            handleMainFieldKeyDown,
-            handleMainFieldKeyUp,
-            handleUpDownArrowKeys,
-            isDropdownOpen,
-            // the field should remain to look focused while the dropdown is open,
-            // in case physical focus is in the dropdown
-            isFocused: isFocused || isDropdownOpen,
-            isUserFiltering,
-            mainFieldRef,
-            onCurrentKeyChange,
-            onMouseDown,
-            searchText,
-            selectedKeys,
-            setCurrentRow,
-            setDropdownOpen,
-            setSelectedKeys,
-            stopFiltering,
-            userInput
-        };
-    }
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-
-    exports.DefaultList = DefaultList;
-    exports.Dropdown = Dropdown;
-    exports.DropdownArrow = DropdownArrow;
-    exports.DropdownList = DropdownList;
-    exports.DropdownUserAssistance = DropdownUserAssistance;
-    exports.EmptyResults = EmptyResults;
-    exports.KEYS = KEYS;
-    exports.isBeforeDataFetch = isBeforeDataFetch;
-    exports.isControlKey = isControlKey;
-    exports.isControlOrFunctionKey = isControlOrFunctionKey;
-    exports.isFunctionKey = isFunctionKey;
-    exports.isMobile = isMobile;
-    exports.isSimpleClick = isSimpleClick;
-    exports.preventDefaultForCurrentTarget = preventDefaultForCurrentTarget;
-    exports.renderItemText = renderItemText;
-    exports.useSelectCommon = useSelectCommon;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","preact/jsx-runtime","preact/hooks","css!./PRIVATE_SelectCommon.css","./UNSAFE_HighlightText","./PRIVATE_List","./UNSAFE_Flex","./UNSAFE_Skeleton","./utils/UNSAFE_logger","./Flex-1da2d394","./HighlightText-a38e20af","./List-83ce5c9c","./Skeleton-748d8598","./UNSAFE_Floating","./UNSAFE_Layer","./utils/UNSAFE_arrayUtils","./Floating-de2b8be5","./hooks/UNSAFE_usePress","./index-2f61a0e0","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./index-d54f6449","./hooks/UNSAFE_useFormFieldContext","./UNSAFE_UserAssistance","./hooks/UNSAFE_useTranslationBundle","./utils/PRIVATE_clientHints","./clientHints-688646f4","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-5b5f55ef","./PRIVATE_Collection","./Collection-ee1012a2","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-3e679d7c","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-e0295e15","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-bee77b02","./_curry2-fcaaab1b","./_curry3-e03383af","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./tslib.es6-f5cdfdde","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-cc9d7306","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/boxalignment","./keys-fc8999ee","./utils/UNSAFE_interpolations/flexbox","./flexbox-0663919c","./utils/UNSAFE_interpolations/flexitem","./flexitem-323dec38","./UNSAFE_Selector","./UNSAFE_Icon","./Icon-4e765cae","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5f1db993","./index-6871cdf1","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useTheme","./InlineHelpSource-3291084b","./UNSAFE_ComponentMessage","./ComponentMessage-630becdf","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-60db7be7","./UNSAFE_Button","./Button-a416ba53","./UNSAFE_BaseButton","./BaseButton-19147e28","./hooks/UNSAFE_useActive","./MessageDetail-7918d7e4","./MessageFormattingUtils-4063485a","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-51e08a5f","./Message.types-4b8afc3d","./MessageStartIcon-637c962e","./MessageSummary-6fe541fe","./MessageTimestamp-6dc78d5b","./MessageUtils-e57bb07e","./utils/UNSAFE_soundUtils","./MessagesManager-e92eb23e","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-f6ee2f4a","./ComponentMessageContainer-11b0304c","./hooks/UNSAFE_useFormContext"],function(e,t,s,n,o,i,a,l,r,c,u,d,A,f,E,h,_,F,S,b,g,v,m,p,T,U,C,k,x,N,w,y,I,R,D,j,P,L,M,O,K,H,V,B,G,z,W,q,Y,$,J,Q,X,Z,ee,te,se,ne,oe,ie,ae,le,re,ce,ue,de,Ae,fe,Ee,he,_e,Fe,Se,be,ge,ve,me,pe,Te,Ue,Ce,ke,xe,Ne,we,ye,Ie,Re,De,je,Pe,Le,Me,Oe,Ke,He,Ve,Be,Ge,ze,We,qe,Ye,$e,Je,Qe,Xe,Ze,et){"use strict";function tt(e,t){var s;if("string"!=typeof t)return t(e);if(null===(s=e.data)||void 0===s?void 0:s.hasOwnProperty(t)){const s=e.data[t];return String(s)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const st=()=>{};const nt=t.jsx(d.SkeletonContainer,Object.assign({minimumCount:3},{children:()=>t.jsx(c.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(A.Skeleton,{height:"4x"})}))})),ot={TAB:"Tab",ENTER:"Enter",ESC:"Escape",SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",SHIFT_LEFT:"ShiftLeft",SHIFT_RIGHT:"ShiftRight",CTRL_LEFT:"ControlLeft",CTRL_RIGHT:"ControlRight",ALT_LEFT:"AltLeft",ALT_RIGHT:"AltRight",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",HOME:"Home",END:"End",BACKSPACE:"Backspace",DELETE:"Delete"},it=e=>{switch(e.code){case ot.SHIFT_LEFT:case ot.SHIFT_RIGHT:case ot.CTRL_LEFT:case ot.CTRL_RIGHT:case ot.ALT_LEFT:case ot.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},at=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),lt=e=>it(e)||at(e),rt=e=>0===e.button&&!e.ctrlKey,ct=e=>{e.currentTarget===e.target&&e.preventDefault()},ut=e=>{var t;return null!==(t=null==e?void 0:e.ownerDocument)&&void 0!==t?t:document},dt=({isDisabled:e=!1,ref:t,handler:n})=>{s.useEffect(()=>{const s=h.coerceArray(t);if(!n||e||s.length>0&&s.findIndex(e=>null===e.current)>-1)return;const o=e=>{((e,t)=>{const s=e.target;if(s&&!ut(s).contains(s))return!1;return t.every(e=>{var t;return!(null===(t=e.current)||void 0===t?void 0:t.contains(s))})})(e,s)&&(null==n||n(e))},i=s[0],a=ut(i.current);return a?(a.addEventListener("mousedown",o,!0),()=>{a.removeEventListener("mousedown",o,!0)}):void 0},[e,n,t])},At="ewhtjm";const ft="qjvta3",Et="_1kjiqgp",ht="_10a9avf",_t="_1kllnwr",Ft="zj78xw",St=()=>{};const bt="_1n1nv1u",gt="_16ohcjj",vt="_1k0rli4",mt="_11xqrr8";e.DefaultList=function({accessibleSummary:e,currentItemVariant:n,currentKey:o,data:i,itemText:a,onCurrentKeyChange:l,onItemAction:r,onLoadRange:A=st,onSelectionChange:f,searchText:E,selectedKeys:h,selectionMode:_}){const F=s.useCallback(e=>{const s=tt({data:e.data,key:e.metadata.key,metadata:e.metadata},a);return t.jsxs(c.Flex,{children:[e.selector&&e.selector(),t.jsx("div",Object.assign({class:"_16ldcjp"},{children:t.jsx(u.HighlightText,Object.assign({matchText:E},{children:s}))}))]})},[a,E]),S=s.useMemo(()=>({all:!1,keys:null!=h?h:new Set}),[h]);return t.jsx(d.List,Object.assign({accessibleSummary:e,allowTabbableMode:!1,currentItemVariant:n,currentKey:o,data:null!=i?i:null,loadingIndicator:nt,onCurrentKeyChange:l,onItemAction:r,onLoadRange:A,onSelectionChange:f,role:"listbox",selectedKeys:S,selectionMode:_},{children:e=>F(e)}))},e.Dropdown=function({anchorRef:e,children:n,dropdownRef:o,id:i,isOpen:a,onAutoDismiss:l}){var r;const c=s.useCallback(e=>{null==l||l(e)},[l]),u=s.useCallback(e=>{if(!e.defaultPrevented&&!lt(e))switch(e.code){case ot.ESC:case ot.TAB:c(e)}},[c]);dt({isDisabled:!a,ref:[e,o],handler:c});const d={minWidth:`${null===(r=e.current)||void 0===r?void 0:r.offsetWidth}px`};return a?t.jsx(E.Layer,Object.assign({logicalParentRef:e},{children:t.jsx(_.Floating,Object.assign({anchorRef:e,ref:o,placement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0}},{children:t.jsx("div",Object.assign({class:At,id:i,style:d,onKeyDown:u,onMouseDown:ct},{children:n}))}))})):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,size:o="md"}){const i=s.useCallback(e=>{e.preventDefault()},[]),{pressProps:a}=F.usePress(null!=n?n:St,{isDisabled:e}),l=g.classNames([ft,"sm"===o?ht:Et,e?Ft:_t]);return t.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:i},a,{children:t.jsx(v.SvgIcoCaretDown,{})}))},e.DropdownList=function({children:e,hasBottomGap:s=!0,isLoading:n=!1}){const o=g.classNames([bt,gt,s&&vt,n&&mt]);return t.jsx("div",Object.assign({class:o,onMouseDown:ct},{children:e}))},e.DropdownUserAssistance=function(e){const n=s.useCallback(e=>{var t;"A"!==(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()},[]);return t.jsx(m.FormFieldContext.Provider,Object.assign({value:{isFocused:!0}},{children:t.jsx("div",Object.assign({class:"zs9qbk",onMouseDown:n},{children:t.jsx(p.InlineUserAssistance,Object.assign({},e))}))}))},e.EmptyResults=function(){const e=T.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",Object.assign({class:"_1rr67a0",onMouseDown:ct},{children:e.select_noMatchesFound()}))},e.KEYS=ot,e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=it,e.isControlOrFunctionKey=lt,e.isFunctionKey=at,e.isMobile=function(){const e=C.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isSimpleClick=rt,e.preventDefaultForCurrentTarget=ct,e.renderItemText=tt,e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:o}){const i=s.useRef(null),a=s.useRef(null),[l,r]=s.useState(!1),[c,u]=s.useState({rowKey:void 0}),[d,A]=s.useState(),[f,E]=s.useState(!1),[h,_]=s.useState(),[F,S]=s.useState(),b=s.useCallback(e=>{!e.defaultPrevented&&rt(e)&&(l||r(!0),setTimeout(function(){var e;null===(e=t.current)||void 0===e||e.focus()},0))},[l]),g=s.useCallback(()=>{var e;r(!l),null===(e=t.current)||void 0===e||e.focus()},[l]),v=s.useCallback(e=>{var s,n,o;if(l)switch(r(!1),null==e?void 0:e.type){case"keydown":if(e.code===ot.ESC)null===(s=t.current)||void 0===s||s.focus();break;case"mousedown":(null===(n=a.current)||void 0===n?void 0:n.contains(document.activeElement))&&(null===(o=t.current)||void 0===o||o.focus())}},[l]),m=s.useCallback(t=>{var s,n,o,i;if(l){const t=null===(s=a.current)||void 0===s?void 0:s.querySelector('[tabindex="0"]');null==t||t.focus(),void 0!==e&&void 0===c.rowKey&&u({rowKey:null===(i=null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n[0])||void 0===o?void 0:o.metadata)||void 0===i?void 0:i.key})}else r(!0);t.preventDefault()},[c,e,l]),p=s.useCallback(e=>{if(!lt(e))switch(e.code){case ot.PAGE_UP:case ot.PAGE_DOWN:return void e.preventDefault();case ot.UP:case ot.DOWN:e.preventDefault();break;case ot.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}},[l]),T=s.useCallback(e=>{if(!lt(e))switch(e.code){case ot.UP:case ot.DOWN:m(e)}},[m]),U=s.useCallback(e=>{var t;l||r(!0),E(!0),_(e.value);const s=null===(t=e.value)||void 0===t?void 0:t.trim();S(s),null==o||o({searchText:s})},[l,o]),C=s.useCallback(e=>{u({rowKey:e.value})},[]),k=s.useCallback(()=>{E(!1),_(""),S("")},[]);return s.useEffect(()=>{l||n||!f||k()},[l,n,f]),s.useEffect(()=>{l&&!f&&(null==o||o({searchText:void 0}))},[l,f,o]),{currentRow:c,dropdownRef:a,handleDropdownArrowClick:g,handleDropdownAutoDismiss:v,handleInput:U,handleMainFieldKeyDown:p,handleMainFieldKeyUp:T,handleUpDownArrowKeys:m,isDropdownOpen:l,isFocused:n||l,isUserFiltering:f,mainFieldRef:i,onCurrentKeyChange:C,onMouseDown:b,searchText:F,selectedKeys:d,setCurrentRow:u,setDropdownOpen:r,setSelectedKeys:A,stopFiltering:k,userInput:h}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_SelectCommon.js.map