@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/amd/PRIVATE_SelectCommon.js

@@ -1,2 +1,633 @@
-define(["exports","preact/jsx-runtime","preact/hooks","css!./PRIVATE_SelectCommon.css","./UNSAFE_HighlightText","./PRIVATE_List","./UNSAFE_Flex","./UNSAFE_Skeleton","./utils/UNSAFE_logger","./Flex-95e67964","./HighlightText-794dd54c","./List-783f42fa","./Skeleton-31275263","./UNSAFE_Floating","./UNSAFE_Layer","./utils/UNSAFE_arrayUtils","./Floating-d29f2f68","./hooks/UNSAFE_usePress","./index-2155a66c","./utils/UNSAFE_classNames","./classNames-14cea078","./index-240ba9ad","./hooks/UNSAFE_useFormFieldContext","./UNSAFE_UserAssistance","./hooks/UNSAFE_useTranslationBundle","./utils/PRIVATE_clientHints","./clientHints-4d8618df","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-b4c4c44b","./PRIVATE_Collection","./Collection-25c13095","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-5ed8b8e9","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-dea153a7","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-8acb7bd9","./_curry2-217feee5","./_curry3-3b4923a5","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./tslib.es6-10853083","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-eb5860ac","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d","./UNSAFE_Selector","./UNSAFE_Icon","./Icon-f927c830","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-065d8744","./index-367c5592","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useTheme","./InlineHelpSource-513565b7","./UNSAFE_ComponentMessage","./ComponentMessage-e718a00c","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-970cbd82","./UNSAFE_Button","./Button-d575f4d8","./UNSAFE_BaseButton","./BaseButton-7b3d7ae3","./hooks/UNSAFE_useActive","./MessageDetail-ddfaa852","./MessageFormattingUtils-fbc95605","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-20539320","./Message.types-c19a2d25","./MessageStartIcon-0470534b","./MessageSummary-71773382","./MessageTimestamp-2f08c777","./MessageUtils-9295af3b","./utils/UNSAFE_soundUtils","./MessagesManager-4b874934","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-c8f46f15","./ComponentMessageContainer-b043c5d9","./hooks/UNSAFE_useFormContext"],function(e,t,s,n,o,i,a,l,r,c,u,d,A,E,h,f,_,F,S,g,b,m,v,p,T,U,C,x,k,N,y,w,I,R,D,P,j,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,Ee,he,fe,_e,Fe,Se,ge,be,me,ve,pe,Te,Ue,Ce,xe,ke,Ne,ye,we,Ie,Re,De,Pe,je,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=f.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="habe70";const Et="_1l3w5t0",ht="_1r5t5dx",ft="_1xlnmss",_t="_4vdxde",Ft="hgrd7k",St=()=>{};const gt="hruqk2",bt="fkldh1",mt="mj9i42",vt="gut2qg";e.DefaultList=function({accessibleSummary:e,currentItemVariant:n,currentKey:o,data:i,itemText:a,onCurrentKeyChange:l,onItemAction:r,onLoadRange:A=st,onSelectionChange:E,searchText:h,selectedKeys:f,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:"_929py4"},{children:t.jsx(u.HighlightText,Object.assign({matchText:h},{children:s}))}))]})},[a,h]),S=s.useMemo(()=>({all:!1,keys:null!=f?f:new Set}),[f]);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:E,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(h.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=b.classNames([Et,"sm"===o?ft:ht,e?Ft:_t]);return t.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:i},a,{children:t.jsx(m.SvgIcoCaretDown,{})}))},e.DropdownList=function({children:e,hasBottomGap:s=!0,isLoading:n=!1}){const o=b.classNames([gt,bt,s&&mt,n&&vt]);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(v.FormFieldContext.Provider,Object.assign({value:{isFocused:!0}},{children:t.jsx("div",Object.assign({class:"x08qyx",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:"jadazv",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(),[E,h]=s.useState(!1),[f,_]=s.useState(),[F,S]=s.useState(),g=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]),b=s.useCallback(()=>{var e;r(!l),null===(e=t.current)||void 0===e||e.focus()},[l]),m=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]),v=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:v(e)}},[v]),U=s.useCallback(e=>{var t;l||r(!0),h(!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})},[]),x=s.useCallback(()=>{h(!1),_(""),S("")},[]);return s.useEffect(()=>{l||n||!E||x()},[l,n,E]),s.useEffect(()=>{l&&!E&&(null==o||o({searchText:void 0}))},[l,E,o]),{currentRow:c,dropdownRef:a,handleDropdownArrowClick:b,handleDropdownAutoDismiss:m,handleInput:U,handleMainFieldKeyDown:p,handleMainFieldKeyUp:T,handleUpDownArrowKeys:v,isDropdownOpen:l,isFocused:n||l,isUserFiltering:E,mainFieldRef:i,onCurrentKeyChange:C,onMouseDown:g,searchText:F,selectedKeys:d,setCurrentRow:u,setDropdownOpen:r,setSelectedKeys:A,stopFiltering:x,userInput:f}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @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 });
+
+}));
+/*  */
 //# sourceMappingURL=PRIVATE_SelectCommon.js.map