@oracle/oraclejet-preact 14.0.5 → 14.0.7

package/amd/SelectSingle-01b25bff.js

@@ -0,0 +1,354 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useLoadingIndicatorTimer', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './UNSAFE_LiveRegion', './UNSAFE_TextField', './UNSAFE_UserAssistance', './PRIVATE_SelectCommon', 'preact/hooks', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTranslationBundle', './ReadonlyTextFieldInput-4583f049', './TextFieldInput-312fb211'], (function (exports, jsxRuntime, preact, compat, hooks_UNSAFE_useFocusableTextField, hooks_UNSAFE_useFormContext, hooks_UNSAFE_useFormFieldContext, hooks_UNSAFE_useLoadingIndicatorTimer, hooks_UNSAFE_useTextField, UNSAFE_Label, UNSAFE_LiveRegion, UNSAFE_TextField, UNSAFE_UserAssistance, PRIVATE_SelectCommon, hooks, utils_UNSAFE_mergeProps, hooks_UNSAFE_useTranslationBundle, ReadonlyTextFieldInput, TextFieldInput) { '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 useDisplayValue(itemText, valueItem) {
+        // create the text displayed in the field from the selected value
+        const displayValue = hooks.useMemo(() => {
+            var _a;
+            return valueItem === undefined ? '' : (_a = PRIVATE_SelectCommon.renderItemText(valueItem, itemText)) !== null && _a !== void 0 ? _a : '';
+        }, [valueItem, itemText]);
+        return displayValue;
+    }
+
+    /**
+     * @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 SelectSingle state and behavior.  This hook creates state variables and
+     * event listeners, returning properties to apply to components internally rendered by
+     * SelectSingle, as well as state information.
+     *
+     * @param data Specifies data for the dropdown list.
+     * @param inputRef Ref to the input element.
+     * @param isDisabled Specifies whether the component is disabled.
+     * @param isFocused Specifies whether the component has focus.
+     * @param isReadonly Specifies whether the component is readonly.
+     * @param onCommit Callback invoked when the selected value is committed.
+     * @param onFilter Callback function to trigger loading data for the dropdown list,
+     * which may or may not be filtered by user entered text.
+     * @param valueItem Specifies the key, data, and optional metadata for the selected value.
+     *
+     * @returns Properties to apply to internal components that SelectSingle renders, and component
+     * state.
+     */
+    function useSelectSingle({ data, inputRef, isDisabled, isFocused: propIsFocused, isReadonly, onCommit: propOnCommit, onFilter, valueItem }) {
+        const { currentRow, dropdownRef, handleDropdownArrowClick, handleDropdownAutoDismiss: baseHandleDropdownAutoDismiss, handleInput, handleMainFieldKeyDown: baseHandleMainFieldKeyDown, handleMainFieldKeyUp, isDropdownOpen, isFocused, isUserFiltering, mainFieldRef, onCurrentKeyChange, onMouseDown, searchText, selectedKeys, setCurrentRow, setDropdownOpen, setSelectedKeys, stopFiltering, userInput } = PRIVATE_SelectCommon.useSelectCommon({
+            data,
+            inputRef,
+            isFocused: propIsFocused,
+            onFilter
+        });
+        // refs used by some of the effects below to determine whether the effect needs to run,
+        // for when the list of dependencies is longer than what we want the trigger to actually be
+        const prevDataRef = hooks.useRef(data);
+        const prevDropdownOpenRef = hooks.useRef(isDropdownOpen);
+        const prevSearchText = hooks.useRef(searchText);
+        const onCommit = hooks.useCallback((value) => {
+            propOnCommit === null || propOnCommit === void 0 ? void 0 : propOnCommit({
+                value: value,
+                previousValue: valueItem !== undefined ? valueItem.key : undefined
+            });
+        }, [propOnCommit, valueItem]);
+        const clearValue = hooks.useCallback(() => {
+            setDropdownOpen(false);
+            setSelectedKeys(new Set());
+            // call the onCommit callback so that the consuming code can update the valueItem
+            onCommit(undefined);
+        }, [onCommit]);
+        const clearValueIfNeeded = hooks.useCallback(() => {
+            if (isUserFiltering && userInput === '' && valueItem !== undefined) {
+                clearValue();
+                return true;
+            }
+            return false;
+        }, [clearValue, isUserFiltering, userInput, valueItem]);
+        // when the field loses focus, check to see if we need to clear the value
+        hooks.useEffect(() => {
+            if (!isFocused) {
+                clearValueIfNeeded();
+            }
+            // only run when focus changes, at which point the current value of clearValueIfNeeded will
+            // be used
+        }, [isFocused]);
+        const focusInput = hooks.useCallback(() => {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }, []);
+        const removeDropdown = hooks.useCallback(() => {
+            var _a, _b;
+            (_b = (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.removeChild(dropdownRef.current);
+        }, []);
+        const myHandleDropdownAutoDismiss = hooks.useCallback((event) => {
+            if (isDropdownOpen) {
+                if ((event === null || event === void 0 ? void 0 : event.type) === 'keydown') {
+                    const keyboardEvent = event;
+                    switch (keyboardEvent.code) {
+                        case PRIVATE_SelectCommon.KEYS.TAB:
+                            // if there is a currentRow in the dropdown, select it and commit it
+                            if (currentRow !== undefined && currentRow.rowKey !== undefined) {
+                                setSelectedKeys(new Set([currentRow.rowKey]));
+                                onCommit(currentRow.rowKey);
+                            }
+                            // Put focus on an element in the main field, but don't kill the event, so that
+                            // the browser can naturally transfer focus to the next focusable item relative
+                            // to the element in the main field.
+                            focusInput();
+                            // Remove the dropdown immediately, without waiting for a rerender based on changing
+                            // state, so that the open dropdown cannot get focus when the browser handles the
+                            // Tab key.
+                            removeDropdown();
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            }
+        }, [currentRow, focusInput, isDropdownOpen, onCommit]);
+        const myHandleMainFieldKeyDown = hooks.useCallback((event) => {
+            var _a, _b;
+            // ignore control key and function key
+            if (PRIVATE_SelectCommon.isControlOrFunctionKey(event)) {
+                return;
+            }
+            switch (event.code) {
+                case PRIVATE_SelectCommon.KEYS.TAB:
+                    // check whether we need to clear the value;
+                    // if not, check whether we need to select the current item
+                    const isValueClearedTab = clearValueIfNeeded();
+                    if (!isValueClearedTab && isDropdownOpen && data != null && data.data.length > 0) {
+                        // if there is a currentRow in the dropdown (meaning a highlighted item that would
+                        // have keyboard focus if the dropdown list had physical focus, which may be different
+                        // from the currently selected item), select it and commit it;
+                        // otherwise commit the currently selected value again so that a valueAction event
+                        // will be fired
+                        if (currentRow !== undefined && currentRow.rowKey !== undefined) {
+                            setSelectedKeys(new Set([currentRow.rowKey]));
+                            onCommit(currentRow.rowKey);
+                        }
+                        else {
+                            onCommit((_a = valueItem === null || valueItem === void 0 ? void 0 : valueItem.key) !== null && _a !== void 0 ? _a : undefined);
+                        }
+                    }
+                    // Remove the dropdown immediately, without waiting for a rerender based on changing
+                    // state, so that the open dropdown cannot get focus when the browser handles the
+                    // Tab key.
+                    removeDropdown();
+                    setDropdownOpen(false);
+                    break;
+                case PRIVATE_SelectCommon.KEYS.ENTER:
+                    // check whether we need to clear the value;
+                    // if not, check whether we need to select the current item
+                    const isValueCleared = clearValueIfNeeded();
+                    if (!isValueCleared && isDropdownOpen && data != null && data.data.length > 0) {
+                        setDropdownOpen(false);
+                        // after selecting a value, the user is no longer actively filtering, so update related
+                        // state accordingly so that the newly selected value appears in the field
+                        stopFiltering();
+                        // if there is a currentRow in the dropdown, select it and commit it;
+                        // otherwise commit the currently selected value again
+                        if (currentRow !== undefined && currentRow.rowKey !== undefined) {
+                            setSelectedKeys(new Set([currentRow.rowKey]));
+                            onCommit(currentRow.rowKey);
+                        }
+                        else {
+                            onCommit((_b = valueItem === null || valueItem === void 0 ? void 0 : valueItem.key) !== null && _b !== void 0 ? _b : undefined);
+                        }
+                    }
+                    break;
+                default:
+                    break;
+            }
+        }, [clearValueIfNeeded, currentRow, data, isDropdownOpen, onCommit, valueItem]);
+        // when the valueItem changes, save the new selectedKeys
+        hooks.useEffect(() => {
+            setSelectedKeys(valueItem === undefined ? undefined : new Set([valueItem.key]));
+        }, [valueItem]);
+        const onItemAction = hooks.useCallback((detail) => {
+            focusInput();
+            setDropdownOpen(false);
+            // after selecting a value, the user is no longer actively filtering, so update related
+            // state accordingly so that the newly selected value appears in the field
+            stopFiltering();
+            const newKey = detail.context.metadata.key;
+            // update the selectedKeys so that the selection visual state of the collection
+            // updates immediately while waiting for a new valueItem to be set
+            setSelectedKeys(new Set([newKey]));
+            // call the onCommit callback so that the consuming code can update the valueItem
+            onCommit(newKey);
+        }, [focusInput, onCommit]);
+        hooks.useEffect(() => {
+            // only run this effect when data changes because we need to wait for the new set of
+            // filtered data to be set before highlighting the first result
+            if (data === prevDataRef.current) {
+                return;
+            }
+            // when filtering, set the first result of the filtered data set to be the current item
+            // (check the data offset so we don't try to highlight again if the user scrolls through
+            // the list and more data is fetched)
+            if (isDropdownOpen &&
+                isUserFiltering &&
+                data != null &&
+                data.offset === 0 &&
+                data.data.length > 0) {
+                // if there are results and search text, highlight the first row, otherwise clear
+                // an existing highlight
+                setCurrentRow({
+                    rowKey: searchText !== undefined && (searchText === null || searchText === void 0 ? void 0 : searchText.length) > 0 ? data.data[0].metadata.key : undefined
+                });
+            }
+        }, [data, isDropdownOpen, isUserFiltering, searchText]);
+        hooks.useEffect(() => {
+            // only run this effect when the state of the dropdown changes
+            if (isDropdownOpen === prevDropdownOpenRef.current) {
+                return;
+            }
+            // clear the current item when the dropdown opens if there is no filter text
+            if (isDropdownOpen &&
+                (!isUserFiltering || searchText === undefined || searchText.length === 0)) {
+                setCurrentRow({ rowKey: undefined });
+            }
+        }, [isDropdownOpen, isUserFiltering, searchText]);
+        const dropdownEventHandlers = hooks.useMemo(() => {
+            return utils_UNSAFE_mergeProps.mergeProps({ onAutoDismiss: baseHandleDropdownAutoDismiss }, { onAutoDismiss: myHandleDropdownAutoDismiss });
+        }, [baseHandleDropdownAutoDismiss, myHandleDropdownAutoDismiss]);
+        const inputEventHandlers = hooks.useMemo(() => {
+            return utils_UNSAFE_mergeProps.mergeProps({
+                onInput: handleInput,
+                onKeyDown: baseHandleMainFieldKeyDown,
+                onKeyUp: handleMainFieldKeyUp
+            }, { onKeyDown: myHandleMainFieldKeyDown });
+        }, [baseHandleMainFieldKeyDown, handleInput, handleMainFieldKeyUp, myHandleMainFieldKeyDown]);
+        // update refs used in some of the above effects in a useEffect on every render so that they
+        // update after the above effects run
+        hooks.useEffect(() => {
+            prevDataRef.current = data;
+            prevDropdownOpenRef.current = isDropdownOpen;
+            prevSearchText.current = searchText;
+        });
+        return {
+            collectionProps: {
+                currentKey: currentRow.rowKey,
+                onCurrentKeyChange,
+                onItemAction,
+                selectedKeys
+            },
+            dropdownArrowEventHandlers: {
+                onClick: handleDropdownArrowClick
+            },
+            dropdownEventHandlers,
+            dropdownRef,
+            inputEventHandlers,
+            inputRef,
+            isDropdownOpen,
+            isFocused,
+            isUserFiltering,
+            mainFieldRef,
+            mouseProps: isDisabled || isReadonly ? {} : { onMouseDown },
+            searchText,
+            userInput
+        };
+    }
+
+    /**
+     * A SelectSingle is a dropdown list that supports single selection and search filtering.
+     */
+    const SelectSingle = compat.forwardRef(({ ariaDescribedBy, assistiveText, data, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isLoading: propIsLoading, isReadonly: propIsReadonly, isRequired, isRequiredShown, itemText, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, onFilter, onLoadRange, placeholder, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, valueItem, variant = 'default', virtualKeyboard }, ref) => {
+        const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = hooks_UNSAFE_useFormContext.useFormContext();
+        // default to FormContext values if component properties are not specified
+        const isDisabled = propIsDisabled !== null && propIsDisabled !== void 0 ? propIsDisabled : isFormDisabled;
+        const isReadonly = propIsReadonly !== null && propIsReadonly !== void 0 ? propIsReadonly : isFormReadonly;
+        const labelEdge = propLabelEdge !== null && propLabelEdge !== void 0 ? propLabelEdge : formLabelEdge;
+        const labelStartWidth = propLabelStartWidth !== null && propLabelStartWidth !== void 0 ? propLabelStartWidth : formLabelStartWidth;
+        const textAlign = propTextAlign !== null && propTextAlign !== void 0 ? propTextAlign : formTextAlign;
+        const userAssistanceDensity = propUserAssistanceDensity !== null && propUserAssistanceDensity !== void 0 ? propUserAssistanceDensity : formUserAssistanceDensity;
+        const { enabledElementRef, focusProps, isFocused: origIsFocused, readonlyElementRef } = hooks_UNSAFE_useFocusableTextField.useFocusableTextField({ isDisabled, isReadonly, ref });
+        const { collectionProps, dropdownArrowEventHandlers, dropdownEventHandlers, dropdownRef, inputEventHandlers, isDropdownOpen, isFocused, isUserFiltering, mainFieldRef, mouseProps, searchText, userInput } = useSelectSingle({
+            data,
+            inputRef: enabledElementRef,
+            isDisabled,
+            isFocused: origIsFocused,
+            isReadonly,
+            onCommit,
+            onFilter,
+            valueItem
+        });
+        // The incoming propIsLoading tells us that we are in a loading state, but we don't want to
+        // show the loading indicator until after a delay, because showing it immediately could result
+        // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer
+        // after the delay, when the timer expires, at which point we should show the loading indicator.
+        // If propIsLoading is set to false before the timer expires, then the timer will be cancelled
+        // and no loading indicator will be shown.
+        // (ListView detects its loading state by checking data === null.  While it would be nice for
+        // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.
+        // If valueItems === null triggers our loading state, then the selections in the dropdown
+        // are cleared for that period of time, which is undesirable.)
+        const isLoading = hooks_UNSAFE_useLoadingIndicatorTimer.useLoadingIndicatorTimer(propIsLoading !== null && propIsLoading !== void 0 ? propIsLoading : false);
+        const { baseId, formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = hooks_UNSAFE_useTextField.useTextField({
+            ariaDescribedBy,
+            isDisabled,
+            isFocused,
+            isLoading,
+            isReadonly,
+            labelEdge,
+            messages,
+            styleVariant: variant,
+            value: valueItem !== undefined ? true : undefined
+        });
+        const dropdownId = `${baseId}-dropdown`;
+        const displayValue = useDisplayValue(itemText, valueItem);
+        const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(UNSAFE_Label.Label, Object.assign({}, labelProps, { children: label })) : undefined;
+        const fieldLabelProps = {
+            label: labelEdge !== 'none' ? labelComp : undefined,
+            labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
+            labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined
+        };
+        const ariaLabel = labelEdge === 'none' ? label : undefined;
+        const inlineUserAssistance = isDisabled || isReadonly ? (
+        // save space for user assistance if density is 'efficient', even though we don't
+        // render user assistance for disabled or readonly fields
+        userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)))) : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)));
+        const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+        if (isReadonly) {
+            return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.ReadonlyTextField, Object.assign({ role: "presentation", inlineUserAssistance: inlineUserAssistance, onBlur: focusProps.onfocusout, onFocus: focusProps.onfocusin }, fieldLabelProps, { children: jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, { ariaDescribedBy: ariaDescribedBy, ariaLabel: ariaLabel, ariaLabelledBy: labelProps.id, as: "div", elementRef: readonlyElementRef, hasInsideLabel: label !== undefined && labelEdge === 'inside', textAlign: textAlign, value: displayValue }) })) })));
+        }
+        const isDataFetched = data !== undefined && data !== null && !PRIVATE_SelectCommon.isBeforeDataFetch(data);
+        const hasInsideLabel = labelComp !== undefined && labelEdge === 'inside';
+        const liveRegionText = isDropdownOpen && isDataFetched
+            ? (data === null || data === void 0 ? void 0 : data.totalSize) === 0
+                ? translations.select_noMatchesFound()
+                : (data === null || data === void 0 ? void 0 : data.totalSize) === 1
+                    ? translations.select_oneMatchFound()
+                    : (data === null || data === void 0 ? void 0 : data.sizePrecision) === 'exact'
+                        ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data === null || data === void 0 ? void 0 : data.totalSize}` })
+                        : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data === null || data === void 0 ? void 0 : data.totalSize}` })
+            : '';
+        const mainContent = (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(TextFieldInput.TextFieldInput, Object.assign({ ariaAutoComplete: "list", ariaControls: dropdownId, ariaExpanded: isDropdownOpen, ariaLabel: ariaLabel, autoComplete: "off", hasInsideLabel: hasInsideLabel, inputRef: enabledElementRef, isRequired: isRequired }, inputEventHandlers, { placeholder: placeholder, role: "combobox", spellcheck: false, textAlign: textAlign, type: PRIVATE_SelectCommon.isMobile() ? (virtualKeyboard === 'auto' ? 'search' : virtualKeyboard) : undefined, value: isUserFiltering ? userInput : displayValue }, inputProps)), jsxRuntime.jsx(UNSAFE_LiveRegion.LiveRegion, { children: liveRegionText })] }));
+        const dropdownArrow = (jsxRuntime.jsx(PRIVATE_SelectCommon.DropdownArrow, Object.assign({ isDisabled: isDisabled, size: hasInsideLabel ? 'md' : 'sm' }, dropdownArrowEventHandlers)));
+        const dropdownInlineUserAssistance = isDropdownOpen &&
+            !isDisabled &&
+            !isReadonly &&
+            (assistiveText || helpSourceLink) &&
+            (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (jsxRuntime.jsx(PRIVATE_SelectCommon.DropdownUserAssistance, { assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, userAssistanceDensity: userAssistanceDensity })) : undefined;
+        const isEmptyResults = isDataFetched && (data === null || data === void 0 ? void 0 : data.totalSize) === 0;
+        const dropdownListContent = isEmptyResults ? (jsxRuntime.jsx(PRIVATE_SelectCommon.EmptyResults, {})) : (jsxRuntime.jsx(PRIVATE_SelectCommon.DefaultList, Object.assign({}, collectionProps, { accessibleSummary: label !== null && label !== void 0 ? label : '', currentItemVariant: "highlight", data: data, itemText: itemText, onLoadRange: onLoadRange, searchText: isUserFiltering ? searchText : undefined, selectionMode: "single" })));
+        return (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.TextField, Object.assign({ endContent: isLoading ? undefined : dropdownArrow, inlineUserAssistance: inlineUserAssistance, mainContent: mainContent, mainFieldRef: mainFieldRef, onBlur: focusProps === null || focusProps === void 0 ? void 0 : focusProps.onfocusout, onFocus: focusProps === null || focusProps === void 0 ? void 0 : focusProps.onfocusin }, textFieldProps, fieldLabelProps, mouseProps)) })), jsxRuntime.jsxs(PRIVATE_SelectCommon.Dropdown, Object.assign({ dropdownRef: dropdownRef, id: dropdownId, isOpen: isDropdownOpen &&
+                        data !== undefined &&
+                        (data === null || data.totalSize > 0 || PRIVATE_SelectCommon.isBeforeDataFetch(data) || isEmptyResults), anchorRef: mainFieldRef }, dropdownEventHandlers, { children: [jsxRuntime.jsx(PRIVATE_SelectCommon.DropdownList, Object.assign({ hasBottomGap: dropdownInlineUserAssistance === undefined, isLoading: data === null }, { children: dropdownListContent })), dropdownInlineUserAssistance] }))] }));
+    });
+
+    exports.SelectSingle = SelectSingle;
+
+}));
+/*  */
+//# sourceMappingURL=SelectSingle-01b25bff.js.map

package/amd/SelectSingle-01b25bff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSingle-01b25bff.js","sources":["../../src/UNSAFE_SelectSingle/useDisplayValue.ts","../../src/UNSAFE_SelectSingle/useSelectSingle.ts","../../src/UNSAFE_SelectSingle/SelectSingle.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 { useMemo } from 'preact/hooks';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { renderItemText } from '../PRIVATE_SelectCommon';\n\nexport function useDisplayValue<K, D>(\n  itemText: ItemTextType<K, D>,\n  valueItem?: Item<K, D>\n): string {\n  // create the text displayed in the field from the selected value\n  const displayValue = useMemo(() => {\n    return valueItem === undefined ? '' : renderItemText(valueItem, itemText) ?? '';\n  }, [valueItem, itemText]);\n\n  return displayValue;\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 { MutableRef, useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\nimport { DataState, ItemActionDetail } from '../UNSAFE_Collection';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { isControlOrFunctionKey, KEYS, useSelectCommon } from '../PRIVATE_SelectCommon';\nimport { SelectSingle } from './SelectSingle';\n\ntype PickedPropsFromSelectSingle = Pick<\n  ComponentProps<typeof SelectSingle>,\n  'isDisabled' | 'isReadonly' | 'onFilter'\n>;\ntype UseSelectSingleProps<K, D> = PickedPropsFromSelectSingle & {\n  data?: DataState<K, D> | null;\n  inputRef: MutableRef<HTMLInputElement>;\n  isFocused?: boolean;\n  onCommit: (detail: ValueUpdateDetail<K>) => void;\n  valueItem?: Item<K, D>;\n};\n\n/**\n * Hook that manages SelectSingle state and behavior.  This hook creates state variables and\n * event listeners, returning properties to apply to components internally rendered by\n * SelectSingle, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isDisabled Specifies whether the component is disabled.\n * @param isFocused Specifies whether the component has focus.\n * @param isReadonly Specifies whether the component is readonly.\n * @param onCommit Callback invoked when the selected value is committed.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n * @param valueItem Specifies the key, data, and optional metadata for the selected value.\n *\n * @returns Properties to apply to internal components that SelectSingle renders, and component\n * state.\n */\nexport function useSelectSingle<K, D>({\n  data,\n  inputRef,\n  isDisabled,\n  isFocused: propIsFocused,\n  isReadonly,\n  onCommit: propOnCommit,\n  onFilter,\n  valueItem\n}: UseSelectSingleProps<K, D>) {\n  const {\n    currentRow,\n    dropdownRef,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss: baseHandleDropdownAutoDismiss,\n    handleInput,\n    handleMainFieldKeyDown: baseHandleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    isDropdownOpen,\n    isFocused,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    selectedKeys,\n    setCurrentRow,\n    setDropdownOpen,\n    setSelectedKeys,\n    stopFiltering,\n    userInput\n  } = useSelectCommon<K, D>({\n    data,\n    inputRef,\n    isFocused: propIsFocused,\n    onFilter\n  });\n\n  // refs used by some of the effects below to determine whether the effect needs to run,\n  // for when the list of dependencies is longer than what we want the trigger to actually be\n  const prevDataRef = useRef(data);\n  const prevDropdownOpenRef = useRef(isDropdownOpen);\n  const prevSearchText = useRef(searchText);\n\n  const onCommit = useCallback(\n    (value?: K) => {\n      propOnCommit?.({\n        value: value,\n        previousValue: valueItem !== undefined ? valueItem.key : undefined\n      });\n    },\n    [propOnCommit, valueItem]\n  );\n\n  const clearValue = useCallback(() => {\n    setDropdownOpen(false);\n\n    setSelectedKeys(new Set<K>());\n\n    // call the onCommit callback so that the consuming code can update the valueItem\n    onCommit(undefined);\n  }, [onCommit]);\n\n  const clearValueIfNeeded = useCallback(() => {\n    if (isUserFiltering && userInput === '' && valueItem !== undefined) {\n      clearValue();\n      return true;\n    }\n    return false;\n  }, [clearValue, isUserFiltering, userInput, valueItem]);\n\n  // when the field loses focus, check to see if we need to clear the value\n  useEffect(() => {\n    if (!isFocused) {\n      clearValueIfNeeded();\n    }\n    // only run when focus changes, at which point the current value of clearValueIfNeeded will\n    // be used\n  }, [isFocused]);\n\n  const focusInput = useCallback(() => {\n    inputRef.current?.focus();\n  }, []);\n\n  const removeDropdown = useCallback(() => {\n    dropdownRef.current?.parentElement?.removeChild(dropdownRef.current);\n  }, []);\n\n  const myHandleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        if (event?.type === 'keydown') {\n          const keyboardEvent = event as KeyboardEvent;\n          switch (keyboardEvent.code) {\n            case KEYS.TAB:\n              // if there is a currentRow in the dropdown, select it and commit it\n              if (currentRow !== undefined && currentRow.rowKey !== undefined) {\n                setSelectedKeys(new Set<K>([currentRow.rowKey]));\n                onCommit(currentRow.rowKey);\n              }\n\n              // Put focus on an element in the main field, but don't kill the event, so that\n              // the browser can naturally transfer focus to the next focusable item relative\n              // to the element in the main field.\n              focusInput();\n\n              // Remove the dropdown immediately, without waiting for a rerender based on changing\n              // state, so that the open dropdown cannot get focus when the browser handles the\n              // Tab key.\n              removeDropdown();\n              break;\n            default:\n              break;\n          }\n        }\n      }\n    },\n    [currentRow, focusInput, isDropdownOpen, onCommit]\n  );\n\n  const myHandleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.TAB:\n          // check whether we need to clear the value;\n          // if not, check whether we need to select the current item\n          const isValueClearedTab = clearValueIfNeeded();\n          if (!isValueClearedTab && isDropdownOpen && data != null && data.data.length > 0) {\n            // if there is a currentRow in the dropdown (meaning a highlighted item that would\n            // have keyboard focus if the dropdown list had physical focus, which may be different\n            // from the currently selected item), select it and commit it;\n            // otherwise commit the currently selected value again so that a valueAction event\n            // will be fired\n            if (currentRow !== undefined && currentRow.rowKey !== undefined) {\n              setSelectedKeys(new Set<K>([currentRow.rowKey]));\n              onCommit(currentRow.rowKey);\n            } else {\n              onCommit(valueItem?.key ?? undefined);\n            }\n          }\n\n          // Remove the dropdown immediately, without waiting for a rerender based on changing\n          // state, so that the open dropdown cannot get focus when the browser handles the\n          // Tab key.\n          removeDropdown();\n\n          setDropdownOpen(false);\n          break;\n\n        case KEYS.ENTER:\n          // check whether we need to clear the value;\n          // if not, check whether we need to select the current item\n          const isValueCleared = clearValueIfNeeded();\n          if (!isValueCleared && isDropdownOpen && data != null && data.data.length > 0) {\n            setDropdownOpen(false);\n\n            // after selecting a value, the user is no longer actively filtering, so update related\n            // state accordingly so that the newly selected value appears in the field\n            stopFiltering();\n\n            // if there is a currentRow in the dropdown, select it and commit it;\n            // otherwise commit the currently selected value again\n            if (currentRow !== undefined && currentRow.rowKey !== undefined) {\n              setSelectedKeys(new Set<K>([currentRow.rowKey]));\n              onCommit(currentRow.rowKey);\n            } else {\n              onCommit(valueItem?.key ?? undefined);\n            }\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [clearValueIfNeeded, currentRow, data, isDropdownOpen, onCommit, valueItem]\n  );\n\n  // when the valueItem changes, save the new selectedKeys\n  useEffect(() => {\n    setSelectedKeys(valueItem === undefined ? undefined : new Set([valueItem.key]));\n  }, [valueItem]);\n\n  const onItemAction = useCallback(\n    (detail: ItemActionDetail<K, D>) => {\n      focusInput();\n      setDropdownOpen(false);\n\n      // after selecting a value, the user is no longer actively filtering, so update related\n      // state accordingly so that the newly selected value appears in the field\n      stopFiltering();\n\n      const newKey = detail.context.metadata.key;\n      // update the selectedKeys so that the selection visual state of the collection\n      // updates immediately while waiting for a new valueItem to be set\n      setSelectedKeys(new Set([newKey]));\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(newKey);\n    },\n    [focusInput, onCommit]\n  );\n\n  useEffect(() => {\n    // only run this effect when data changes because we need to wait for the new set of\n    // filtered data to be set before highlighting the first result\n    if (data === prevDataRef.current) {\n      return;\n    }\n\n    // when filtering, set the first result of the filtered data set to be the current item\n    // (check the data offset so we don't try to highlight again if the user scrolls through\n    // the list and more data is fetched)\n    if (\n      isDropdownOpen &&\n      isUserFiltering &&\n      data != null &&\n      data.offset === 0 &&\n      data.data.length > 0\n    ) {\n      // if there are results and search text, highlight the first row, otherwise clear\n      // an existing highlight\n      setCurrentRow({\n        rowKey:\n          searchText !== undefined && searchText?.length > 0 ? data.data[0].metadata.key : undefined\n      });\n    }\n  }, [data, isDropdownOpen, isUserFiltering, searchText]);\n\n  useEffect(() => {\n    // only run this effect when the state of the dropdown changes\n    if (isDropdownOpen === prevDropdownOpenRef.current) {\n      return;\n    }\n\n    // clear the current item when the dropdown opens if there is no filter text\n    if (\n      isDropdownOpen &&\n      (!isUserFiltering || searchText === undefined || searchText.length === 0)\n    ) {\n      setCurrentRow({ rowKey: undefined });\n    }\n  }, [isDropdownOpen, isUserFiltering, searchText]);\n\n  const dropdownEventHandlers = useMemo(() => {\n    return mergeProps(\n      { onAutoDismiss: baseHandleDropdownAutoDismiss },\n      { onAutoDismiss: myHandleDropdownAutoDismiss }\n    );\n  }, [baseHandleDropdownAutoDismiss, myHandleDropdownAutoDismiss]);\n\n  const inputEventHandlers = useMemo(() => {\n    return mergeProps(\n      {\n        onInput: handleInput,\n        onKeyDown: baseHandleMainFieldKeyDown,\n        onKeyUp: handleMainFieldKeyUp\n      },\n      { onKeyDown: myHandleMainFieldKeyDown }\n    );\n  }, [baseHandleMainFieldKeyDown, handleInput, handleMainFieldKeyUp, myHandleMainFieldKeyDown]);\n\n  // update refs used in some of the above effects in a useEffect on every render so that they\n  // update after the above effects run\n  useEffect(() => {\n    prevDataRef.current = data;\n    prevDropdownOpenRef.current = isDropdownOpen;\n    prevSearchText.current = searchText;\n  });\n\n  return {\n    collectionProps: {\n      currentKey: currentRow.rowKey,\n      onCurrentKeyChange,\n      onItemAction,\n      selectedKeys\n    },\n    dropdownArrowEventHandlers: {\n      onClick: handleDropdownArrowClick\n    },\n    dropdownEventHandlers,\n    dropdownRef,\n    inputEventHandlers,\n    inputRef,\n    isDropdownOpen,\n    isFocused,\n    isUserFiltering,\n    mainFieldRef,\n    mouseProps: isDisabled || isReadonly ? {} : { onMouseDown },\n    searchText,\n    userInput\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, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { MutableRef } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useLoadingIndicatorTimer } from '../hooks/UNSAFE_useLoadingIndicatorTimer';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { DataState } from '../UNSAFE_Collection';\nimport { Label } from '../UNSAFE_Label';\nimport { ListView } from '../UNSAFE_ListView';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport {\n  DefaultList,\n  Dropdown,\n  DropdownArrow,\n  DropdownList,\n  DropdownUserAssistance,\n  EmptyResults,\n  isBeforeDataFetch,\n  isMobile\n} from '../PRIVATE_SelectCommon';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { useDisplayValue } from './useDisplayValue';\nimport { useSelectSingle } from './useSelectSingle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter or select.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Specifies data for the dropdown list.\n   *\n   * Note that the <code>itemText</code> property allows for customizing the rendering\n   * of each data item.\n   */\n  data?: DataState<K, D> | null;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is waiting for <code>valueItems</code> to load.\n   * While loading, SelectSingle will show the progressive loading indicator in the text field.\n   */\n  isLoading?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * selected by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be selected by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has selected a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies how to get the text string to render for a data item.\n   * This property can be set to either:\n   * <ul>\n   * <li>a string that specifies the name of a top level data attribute to render as text, or</li>\n   * <li>a callback function that takes a properties object and returns the text string to\n   * display.</li>\n   * </ul>\n   *\n   * This text will be rendered for the selected <code>valueItems</code> of the component.\n   * It will also be rendered for each item in the dropdown.  When rendered for the\n   * dropdown items, default matching search term highlighting will still be applied.\n   */\n  itemText: ItemTextType<K, D>;\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user selects or enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * Specifies the key, data, and optional metadata for the selected value.\n   */\n  valueItem?: Item<K, D>;\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n  /**\n   * Callback invoked when the user commits the selected value.\n   *\n   * The function should set a new <code>valueItem</code> property.\n   */\n  onCommit: (detail: ValueUpdateDetail<K>) => void;\n  /**\n   * Callback function to trigger loading data for the dropdown list, which may or may not be\n   * filtered by user entered search text.\n   *\n   * The function should set a new <code>DataState</code> as the <code>data</code> property.\n   */\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n  /**\n   * Callback function to handle when the viewport of the dropdown list has changed, for example\n   * by scrolling, including the case where the user scrolls to the end of the list and there are\n   * more items to load.\n   *\n   * The function should set a new <code>DataState</code> for the specified range as the\n   * <code>data</code> property.\n   */\n  onLoadRange?: ComponentProps<typeof ListView>['onLoadRange'];\n};\n\n/**\n * A SelectSingle is a dropdown list that supports single selection and search filtering.\n */\nexport const SelectSingle = forwardRef(\n  <K extends string | number, D extends Record<string, any>>(\n    {\n      ariaDescribedBy,\n      assistiveText,\n      data,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isLoading: propIsLoading,\n      isReadonly: propIsReadonly,\n      isRequired,\n      isRequiredShown,\n      itemText,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      onFilter,\n      onLoadRange,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      valueItem,\n      variant = 'default',\n      virtualKeyboard\n    }: Props<K, D>,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const {\n      enabledElementRef,\n      focusProps,\n      isFocused: origIsFocused,\n      readonlyElementRef\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({ isDisabled, isReadonly, ref });\n\n    const {\n      collectionProps,\n      dropdownArrowEventHandlers,\n      dropdownEventHandlers,\n      dropdownRef,\n      inputEventHandlers,\n      isDropdownOpen,\n      isFocused,\n      isUserFiltering,\n      mainFieldRef,\n      mouseProps,\n      searchText,\n      userInput\n    } = useSelectSingle<K, D>({\n      data,\n      inputRef: enabledElementRef as MutableRef<HTMLInputElement>,\n      isDisabled,\n      isFocused: origIsFocused,\n      isReadonly,\n      onCommit,\n      onFilter,\n      valueItem\n    });\n\n    // The incoming propIsLoading tells us that we are in a loading state, but we don't want to\n    // show the loading indicator until after a delay, because showing it immediately could result\n    // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer\n    // after the delay, when the timer expires, at which point we should show the loading indicator.\n    // If propIsLoading is set to false before the timer expires, then the timer will be cancelled\n    // and no loading indicator will be shown.\n    // (ListView detects its loading state by checking data === null.  While it would be nice for\n    // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.\n    // If valueItems === null triggers our loading state, then the selections in the dropdown\n    // are cleared for that period of time, which is undesirable.)\n    const isLoading = useLoadingIndicatorTimer(propIsLoading ?? false);\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isLoading,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value: valueItem !== undefined ? true : undefined\n    });\n\n    const dropdownId = `${baseId}-dropdown`;\n\n    const displayValue = useDisplayValue(itemText, valueItem);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              elementRef={readonlyElementRef}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n              textAlign={textAlign}\n              value={displayValue}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const isDataFetched = data !== undefined && data !== null && !isBeforeDataFetch<K, D>(data);\n    const hasInsideLabel = labelComp !== undefined && labelEdge === 'inside';\n    const liveRegionText =\n      isDropdownOpen && isDataFetched\n        ? data?.totalSize === 0\n          ? translations.select_noMatchesFound()\n          : data?.totalSize === 1\n          ? translations.select_oneMatchFound()\n          : data?.sizePrecision === 'exact'\n          ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n          : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n        : '';\n\n    const mainContent = (\n      <Fragment>\n        <TextFieldInput\n          ariaAutoComplete=\"list\"\n          ariaControls={dropdownId}\n          ariaExpanded={isDropdownOpen}\n          ariaLabel={ariaLabel}\n          autoComplete=\"off\"\n          hasInsideLabel={hasInsideLabel}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          // onCommit={handleCommit}\n          {...inputEventHandlers}\n          placeholder={placeholder}\n          role=\"combobox\"\n          spellcheck={false}\n          textAlign={textAlign}\n          type={isMobile() ? (virtualKeyboard === 'auto' ? 'search' : virtualKeyboard) : undefined}\n          value={isUserFiltering ? userInput : displayValue}\n          {...inputProps}\n        />\n        <LiveRegion>{liveRegionText}</LiveRegion>\n      </Fragment>\n    );\n\n    const dropdownArrow = (\n      <DropdownArrow\n        isDisabled={isDisabled}\n        size={hasInsideLabel ? 'md' : 'sm'}\n        {...dropdownArrowEventHandlers}\n      />\n    );\n\n    const dropdownInlineUserAssistance =\n      isDropdownOpen &&\n      !isDisabled &&\n      !isReadonly &&\n      (assistiveText || helpSourceLink) &&\n      (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n        <DropdownUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          userAssistanceDensity={userAssistanceDensity}\n        />\n      ) : undefined;\n\n    const isEmptyResults = isDataFetched && data?.totalSize === 0;\n    const dropdownListContent = isEmptyResults ? (\n      <EmptyResults />\n    ) : (\n      <DefaultList<K, D>\n        {...collectionProps}\n        accessibleSummary={label ?? ''}\n        currentItemVariant=\"highlight\"\n        data={data}\n        itemText={itemText}\n        onLoadRange={onLoadRange}\n        searchText={isUserFiltering ? searchText : undefined}\n        selectionMode=\"single\"\n      />\n    );\n\n    return (\n      <Fragment>\n        <FormFieldContext.Provider value={formFieldContext}>\n          <TextField\n            endContent={isLoading ? undefined : dropdownArrow}\n            inlineUserAssistance={inlineUserAssistance}\n            mainContent={mainContent}\n            mainFieldRef={mainFieldRef}\n            onBlur={focusProps?.onfocusout}\n            onFocus={focusProps?.onfocusin}\n            {...textFieldProps}\n            {...fieldLabelProps}\n            {...mouseProps}\n          />\n        </FormFieldContext.Provider>\n        <Dropdown\n          dropdownRef={dropdownRef}\n          id={dropdownId}\n          isOpen={\n            isDropdownOpen &&\n            data !== undefined &&\n            (data === null || data.totalSize > 0 || isBeforeDataFetch<K, D>(data) || isEmptyResults)\n          }\n          anchorRef={mainFieldRef}\n          {...dropdownEventHandlers}>\n          <DropdownList\n            hasBottomGap={dropdownInlineUserAssistance === undefined}\n            isLoading={data === null}>\n            {dropdownListContent}\n          </DropdownList>\n          {dropdownInlineUserAssistance}\n        </Dropdown>\n      </Fragment>\n    );\n  }\n);\n"],"names":["useMemo","renderItemText","useSelectCommon","useRef","useCallback","useEffect","KEYS","isControlOrFunctionKey","mergeProps","forwardRef","useFormContext","useFocusableTextField","useLoadingIndicatorTimer","useTextField","_jsx","Label","InlineUserAssistance","useTranslationBundle","FormFieldContext","ReadonlyTextField","ReadonlyTextFieldInput","isBeforeDataFetch","_jsxs","Fragment","TextFieldInput","isMobile","LiveRegion","DropdownArrow","DropdownUserAssistance","EmptyResults","DefaultList","TextField","Dropdown","DropdownList"],"mappings":";;;IAAA;;;;;;IAMG;IAOa,SAAA,eAAe,CAC7B,QAA4B,EAC5B,SAAsB,EAAA;;IAGtB,IAAA,MAAM,YAAY,GAAGA,aAAO,CAAC,MAAK;;IAChC,QAAA,OAAO,SAAS,KAAK,SAAS,GAAG,EAAE,GAAG,CAAA,EAAA,GAAAC,mCAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAC;IAClF,KAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,IAAA,OAAO,YAAY,CAAC;IACtB;;ICvBA;;;;;;IAMG;IAuBH;;;;;;;;;;;;;;;;;IAiBG;IACG,SAAU,eAAe,CAAO,EACpC,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EACV,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,SAAS,EACkB,EAAA;QAC3B,MAAM,EACJ,UAAU,EACV,WAAW,EACX,wBAAwB,EACxB,yBAAyB,EAAE,6BAA6B,EACxD,WAAW,EACX,sBAAsB,EAAE,0BAA0B,EAClD,oBAAoB,EACpB,cAAc,EACd,SAAS,EACT,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,SAAS,EACV,GAAGC,oCAAe,CAAO;YACxB,IAAI;YACJ,QAAQ;IACR,QAAA,SAAS,EAAE,aAAa;YACxB,QAAQ;IACT,KAAA,CAAC,CAAC;;;IAIH,IAAA,MAAM,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAC;IACjC,IAAA,MAAM,mBAAmB,GAAGA,YAAM,CAAC,cAAc,CAAC,CAAC;IACnD,IAAA,MAAM,cAAc,GAAGA,YAAM,CAAC,UAAU,CAAC,CAAC;IAE1C,IAAA,MAAM,QAAQ,GAAGC,iBAAW,CAC1B,CAAC,KAAS,KAAI;IACZ,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAG;IACb,YAAA,KAAK,EAAE,KAAK;IACZ,YAAA,aAAa,EAAE,SAAS,KAAK,SAAS,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS;IACnE,SAAA,CAAC,CAAC;IACL,KAAC,EACD,CAAC,YAAY,EAAE,SAAS,CAAC,CAC1B,CAAC;IAEF,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAK;YAClC,eAAe,CAAC,KAAK,CAAC,CAAC;IAEvB,QAAA,eAAe,CAAC,IAAI,GAAG,EAAK,CAAC,CAAC;;YAG9B,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CAAC,MAAK;YAC1C,IAAI,eAAe,IAAI,SAAS,KAAK,EAAE,IAAI,SAAS,KAAK,SAAS,EAAE;IAClE,YAAA,UAAU,EAAE,CAAC;IACb,YAAA,OAAO,IAAI,CAAC;IACb,SAAA;IACD,QAAA,OAAO,KAAK,CAAC;SACd,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;;QAGxDC,eAAS,CAAC,MAAK;YACb,IAAI,CAAC,SAAS,EAAE;IACd,YAAA,kBAAkB,EAAE,CAAC;IACtB,SAAA;;;IAGH,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAA,MAAM,UAAU,GAAGD,iBAAW,CAAC,MAAK;;IAClC,QAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;SAC3B,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,MAAM,cAAc,GAAGA,iBAAW,CAAC,MAAK;;IACtC,QAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,WAAW,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;SACtE,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,MAAM,2BAA2B,GAAGA,iBAAW,CAC7C,CAAC,KAAa,KAAI;IAChB,QAAA,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,IAAI,MAAK,SAAS,EAAE;oBAC7B,MAAM,aAAa,GAAG,KAAsB,CAAC;oBAC7C,QAAQ,aAAa,CAAC,IAAI;wBACxB,KAAKE,yBAAI,CAAC,GAAG;;4BAEX,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE;gCAC/D,eAAe,CAAC,IAAI,GAAG,CAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,4BAAA,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC7B,yBAAA;;;;IAKD,wBAAA,UAAU,EAAE,CAAC;;;;IAKb,wBAAA,cAAc,EAAE,CAAC;4BACjB,MAAM;IACR,oBAAA;4BACE,MAAM;IACT,iBAAA;IACF,aAAA;IACF,SAAA;SACF,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,CAAC,CACnD,CAAC;IAEF,IAAA,MAAM,wBAAwB,GAAGF,iBAAW,CAC1C,CAAC,KAAoB,KAAI;;;IAEvB,QAAA,IAAIG,2CAAsB,CAAC,KAAK,CAAC,EAAE;gBACjC,OAAO;IACR,SAAA;YAED,QAAQ,KAAK,CAAC,IAAI;gBAChB,KAAKD,yBAAI,CAAC,GAAG;;;IAGX,gBAAA,MAAM,iBAAiB,GAAG,kBAAkB,EAAE,CAAC;IAC/C,gBAAA,IAAI,CAAC,iBAAiB,IAAI,cAAc,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;;;;;;wBAMhF,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE;4BAC/D,eAAe,CAAC,IAAI,GAAG,CAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,wBAAA,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC7B,qBAAA;IAAM,yBAAA;IACL,wBAAA,QAAQ,CAAC,CAAA,EAAA,GAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,SAAS,CAAC,CAAC;IACvC,qBAAA;IACF,iBAAA;;;;IAKD,gBAAA,cAAc,EAAE,CAAC;oBAEjB,eAAe,CAAC,KAAK,CAAC,CAAC;oBACvB,MAAM;gBAER,KAAKA,yBAAI,CAAC,KAAK;;;IAGb,gBAAA,MAAM,cAAc,GAAG,kBAAkB,EAAE,CAAC;IAC5C,gBAAA,IAAI,CAAC,cAAc,IAAI,cAAc,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;wBAC7E,eAAe,CAAC,KAAK,CAAC,CAAC;;;IAIvB,oBAAA,aAAa,EAAE,CAAC;;;wBAIhB,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE;4BAC/D,eAAe,CAAC,IAAI,GAAG,CAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,wBAAA,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC7B,qBAAA;IAAM,yBAAA;IACL,wBAAA,QAAQ,CAAC,CAAA,EAAA,GAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,SAAS,CAAC,CAAC;IACvC,qBAAA;IACF,iBAAA;oBACD,MAAM;IAER,YAAA;oBACE,MAAM;IACT,SAAA;IACH,KAAC,EACD,CAAC,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC5E,CAAC;;QAGFD,eAAS,CAAC,MAAK;YACb,eAAe,CAAC,SAAS,KAAK,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAClF,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAA,MAAM,YAAY,GAAGD,iBAAW,CAC9B,CAAC,MAA8B,KAAI;IACjC,QAAA,UAAU,EAAE,CAAC;YACb,eAAe,CAAC,KAAK,CAAC,CAAC;;;IAIvB,QAAA,aAAa,EAAE,CAAC;YAEhB,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC;;;YAG3C,eAAe,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;;YAEnC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnB,KAAC,EACD,CAAC,UAAU,EAAE,QAAQ,CAAC,CACvB,CAAC;QAEFC,eAAS,CAAC,MAAK;;;IAGb,QAAA,IAAI,IAAI,KAAK,WAAW,CAAC,OAAO,EAAE;gBAChC,OAAO;IACR,SAAA;;;;IAKD,QAAA,IACE,cAAc;gBACd,eAAe;IACf,YAAA,IAAI,IAAI,IAAI;gBACZ,IAAI,CAAC,MAAM,KAAK,CAAC;IACjB,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EACpB;;;IAGA,YAAA,aAAa,CAAC;IACZ,gBAAA,MAAM,EACJ,UAAU,KAAK,SAAS,IAAI,CAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,UAAU,CAAE,MAAM,IAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,SAAS;IAC7F,aAAA,CAAC,CAAC;IACJ,SAAA;SACF,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;QAExDA,eAAS,CAAC,MAAK;;IAEb,QAAA,IAAI,cAAc,KAAK,mBAAmB,CAAC,OAAO,EAAE;gBAClD,OAAO;IACR,SAAA;;IAGD,QAAA,IACE,cAAc;IACd,aAAC,CAAC,eAAe,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,EACzE;IACA,YAAA,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IACtC,SAAA;SACF,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAElD,IAAA,MAAM,qBAAqB,GAAGL,aAAO,CAAC,MAAK;IACzC,QAAA,OAAOQ,kCAAU,CACf,EAAE,aAAa,EAAE,6BAA6B,EAAE,EAChD,EAAE,aAAa,EAAE,2BAA2B,EAAE,CAC/C,CAAC;IACJ,KAAC,EAAE,CAAC,6BAA6B,EAAE,2BAA2B,CAAC,CAAC,CAAC;IAEjE,IAAA,MAAM,kBAAkB,GAAGR,aAAO,CAAC,MAAK;IACtC,QAAA,OAAOQ,kCAAU,CACf;IACE,YAAA,OAAO,EAAE,WAAW;IACpB,YAAA,SAAS,EAAE,0BAA0B;IACrC,YAAA,OAAO,EAAE,oBAAoB;IAC9B,SAAA,EACD,EAAE,SAAS,EAAE,wBAAwB,EAAE,CACxC,CAAC;SACH,EAAE,CAAC,0BAA0B,EAAE,WAAW,EAAE,oBAAoB,EAAE,wBAAwB,CAAC,CAAC,CAAC;;;QAI9FH,eAAS,CAAC,MAAK;IACb,QAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;IAC3B,QAAA,mBAAmB,CAAC,OAAO,GAAG,cAAc,CAAC;IAC7C,QAAA,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC;IACtC,KAAC,CAAC,CAAC;QAEH,OAAO;IACL,QAAA,eAAe,EAAE;gBACf,UAAU,EAAE,UAAU,CAAC,MAAM;gBAC7B,kBAAkB;gBAClB,YAAY;gBACZ,YAAY;IACb,SAAA;IACD,QAAA,0BAA0B,EAAE;IAC1B,YAAA,OAAO,EAAE,wBAAwB;IAClC,SAAA;YACD,qBAAqB;YACrB,WAAW;YACX,kBAAkB;YAClB,QAAQ;YACR,cAAc;YACd,SAAS;YACT,eAAe;YACf,YAAY;IACZ,QAAA,UAAU,EAAE,UAAU,IAAI,UAAU,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE;YAC3D,UAAU;YACV,SAAS;SACV,CAAC;IACJ;;IC/JA;;IAEG;AACI,UAAM,YAAY,GAAGI,iBAAU,CACpC,CACE,EACE,eAAe,EACf,aAAa,EACb,IAAI,EACJ,cAAc,EACd,cAAc,EACd,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,UAAU,EACV,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EAAE,aAAa,EACxB,qBAAqB,EAAE,yBAAyB,EAChD,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,eAAe,EACH,EACd,GAA0B,KACxB;IACF,IAAA,MAAM,EACJ,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,SAAS,EAAE,aAAa,EACxB,qBAAqB,EAAE,yBAAyB,EACjD,GAAGC,0CAAc,EAAE,CAAC;;QAErB,MAAM,UAAU,GAAG,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,cAAc,GAAI,cAAc,CAAC;QACpD,MAAM,UAAU,GAAG,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,cAAc,GAAI,cAAc,CAAC;QACpD,MAAM,SAAS,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,aAAa,GAAI,aAAa,CAAC;QACjD,MAAM,eAAe,GAAG,mBAAmB,KAAA,IAAA,IAAnB,mBAAmB,KAAnB,KAAA,CAAA,GAAA,mBAAmB,GAAI,mBAAmB,CAAC;QACnE,MAAM,SAAS,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,aAAa,GAAI,aAAa,CAAC;QACjD,MAAM,qBAAqB,GAAG,yBAAyB,KAAA,IAAA,IAAzB,yBAAyB,KAAzB,KAAA,CAAA,GAAA,yBAAyB,GAAI,yBAAyB,CAAC;QAErF,MAAM,EACJ,iBAAiB,EACjB,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,kBAAkB,EACnB,GAAGC,wDAAqB,CAAmC,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;QAE7F,MAAM,EACJ,eAAe,EACf,0BAA0B,EAC1B,qBAAqB,EACrB,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,eAAe,EACf,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACV,GAAG,eAAe,CAAO;YACxB,IAAI;IACJ,QAAA,QAAQ,EAAE,iBAAiD;YAC3D,UAAU;IACV,QAAA,SAAS,EAAE,aAAa;YACxB,UAAU;YACV,QAAQ;YACR,QAAQ;YACR,SAAS;IACV,KAAA,CAAC,CAAC;;;;;;;;;;;IAYH,IAAA,MAAM,SAAS,GAAGC,8DAAwB,CAAC,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,KAAA,CAAA,GAAb,aAAa,GAAI,KAAK,CAAC,CAAC;IAEnE,IAAA,MAAM,EACJ,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,cAAc,EACd,mBAAmB,EACpB,GAAGC,sCAAY,CAAC;YACf,eAAe;YACf,UAAU;YACV,SAAS;YACT,SAAS;YACT,UAAU;YACV,SAAS;YACT,QAAQ;IACR,QAAA,YAAY,EAAE,OAAO;YACrB,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,GAAG,SAAS;IAClD,KAAA,CAAC,CAAC;IAEH,IAAA,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,WAAW,CAAC;QAExC,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAE1D,IAAA,MAAM,SAAS,GAAG,SAAS,KAAK,MAAM,GAAGC,cAAA,CAACC,kBAAK,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,UAAU,cAAG,KAAK,EAAA,CAAA,CAAS,GAAG,SAAS,CAAC;IAE5F,IAAA,MAAM,eAAe,GAAG;YACtB,KAAK,EAAE,SAAS,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;YACnD,SAAS,EAAE,SAAS,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;YACvD,eAAe,EAAE,SAAS,KAAK,MAAM,GAAG,eAAe,GAAG,SAAS;SACpE,CAAC;IAEF,IAAA,MAAM,SAAS,GAAG,SAAS,KAAK,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IAE3D,IAAA,MAAM,oBAAoB,GACxB,UAAU,IAAI,UAAU;;;QAGtB,qBAAqB,KAAK,WAAW,GAAG,SAAS,IAC/CD,cAAA,CAACE,0CAAoB,EAAA,MAAA,CAAA,MAAA,CAAA,EACnB,qBAAqB,EAAE,qBAAqB,EAAA,EACxC,mBAAmB,CAAA,CACvB,CACH,KAEDF,cAAC,CAAAE,0CAAoB,EACnB,MAAA,CAAA,MAAA,CAAA,EAAA,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,EACxC,EAAA,mBAAmB,CACvB,CAAA,CACH,CAAC;IAEJ,IAAA,MAAM,YAAY,GAAGC,sDAAoB,CAAa,0BAA0B,CAAC,CAAC;IAElF,IAAA,IAAI,UAAU,EAAE;IACd,QAAA,QACEH,cAAC,CAAAI,iDAAgB,CAAC,QAAQ,kBAAC,KAAK,EAAE,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAChDJ,eAACK,kCAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAChB,IAAI,EAAC,cAAc,EACnB,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,UAAU,CAAC,UAAU,EAC7B,OAAO,EAAE,UAAU,CAAC,SAAS,EACzB,EAAA,eAAe,cACnBL,cAAC,CAAAM,6CAAsB,IACrB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,UAAU,CAAC,EAAE,EAC7B,EAAE,EAAC,KAAK,EACR,UAAU,EAAE,kBAAkB,EAC9B,cAAc,EAAE,KAAK,KAAK,SAAS,IAAI,SAAS,KAAK,QAAQ,EAC7D,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,YAAY,GACnB,EACgB,CAAA,CAAA,EAAA,CAAA,CACM,EAC5B;IACH,KAAA;IAED,IAAA,MAAM,aAAa,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,CAACC,sCAAiB,CAAO,IAAI,CAAC,CAAC;QAC5F,MAAM,cAAc,GAAG,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,QAAQ,CAAC;IACzE,IAAA,MAAM,cAAc,GAClB,cAAc,IAAI,aAAa;cAC3B,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,CAAC;IACrB,cAAE,YAAY,CAAC,qBAAqB,EAAE;kBACpC,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,CAAC;IACvB,kBAAE,YAAY,CAAC,oBAAoB,EAAE;sBACnC,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,aAAa,MAAK,OAAO;IACjC,sBAAE,YAAY,CAAC,uBAAuB,CAAC,EAAE,UAAU,EAAE,CAAA,EAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAI,CAAE,SAAS,CAAA,CAAE,EAAE,CAAC;IAC5E,sBAAE,YAAY,CAAC,6BAA6B,CAAC,EAAE,UAAU,EAAE,CAAA,EAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAI,CAAE,SAAS,CAAA,CAAE,EAAE,CAAC;cAClF,EAAE,CAAC;QAET,MAAM,WAAW,IACfC,eAAA,CAACC,eAAQ,EACP,EAAA,QAAA,EAAA,CAAAT,cAAA,CAACU,6BAAc,EAAA,MAAA,CAAA,MAAA,CAAA,EACb,gBAAgB,EAAC,MAAM,EACvB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,cAAc,EAC5B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAC,KAAK,EAClB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,iBAAiB,EAC3B,UAAU,EAAE,UAAU,EAElB,EAAA,kBAAkB,EACtB,EAAA,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,UAAU,EACf,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAEC,6BAAQ,EAAE,IAAI,eAAe,KAAK,MAAM,GAAG,QAAQ,GAAG,eAAe,IAAI,SAAS,EACxF,KAAK,EAAE,eAAe,GAAG,SAAS,GAAG,YAAY,EAC7C,EAAA,UAAU,CACd,CAAA,EACFX,cAAC,CAAAY,4BAAU,cAAE,cAAc,EAAA,CAAc,CAChC,EAAA,CAAA,CACZ,CAAC;QAEF,MAAM,aAAa,IACjBZ,cAAC,CAAAa,kCAAa,kBACZ,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,cAAc,GAAG,IAAI,GAAG,IAAI,EAC9B,EAAA,0BAA0B,CAC9B,CAAA,CACH,CAAC;QAEF,MAAM,4BAA4B,GAChC,cAAc;IACd,QAAA,CAAC,UAAU;IACX,QAAA,CAAC,UAAU;aACV,aAAa,IAAI,cAAc,CAAC;IACjC,SAAC,qBAAqB,KAAK,WAAW,IAAI,qBAAqB,KAAK,QAAQ,CAAC,IAC3Eb,cAAC,CAAAc,2CAAsB,IACrB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,CAAA,IACA,SAAS,CAAC;IAEhB,IAAA,MAAM,cAAc,GAAG,aAAa,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,SAAS,MAAK,CAAC,CAAC;IAC9D,IAAA,MAAM,mBAAmB,GAAG,cAAc,IACxCd,cAAA,CAACe,iCAAY,EAAA,EAAA,CAAG,KAEhBf,cAAA,CAACgB,gCAAW,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,eAAe,EAAA,EACnB,iBAAiB,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAL,KAAK,GAAI,EAAE,EAC9B,kBAAkB,EAAC,WAAW,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,eAAe,GAAG,UAAU,GAAG,SAAS,EACpD,aAAa,EAAC,QAAQ,EAAA,CAAA,CACtB,CACH,CAAC;IAEF,IAAA,QACER,eAAC,CAAAC,eAAQ,EACP,EAAA,QAAA,EAAA,CAAAT,cAAA,CAACI,iDAAgB,CAAC,QAAQ,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAChDJ,eAACiB,0BAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EACR,UAAU,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,EACjD,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,UAAU,CAAE,UAAU,EAC9B,OAAO,EAAE,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,SAAS,EAC1B,EAAA,cAAc,EACd,eAAe,EACf,UAAU,CAAA,CACd,IACwB,EAC5BT,eAAA,CAACU,6BAAQ,EACP,MAAA,CAAA,MAAA,CAAA,EAAA,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,UAAU,EACd,MAAM,EACJ,cAAc;IACd,oBAAA,IAAI,KAAK,SAAS;yBACjB,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,IAAIX,sCAAiB,CAAO,IAAI,CAAC,IAAI,cAAc,CAAC,EAE1F,SAAS,EAAE,YAAY,EACnB,EAAA,qBAAqB,eACzBP,cAAC,CAAAmB,iCAAY,kBACX,YAAY,EAAE,4BAA4B,KAAK,SAAS,EACxD,SAAS,EAAE,IAAI,KAAK,IAAI,gBACvB,mBAAmB,EAAA,CAAA,CACP,EACd,4BAA4B,CAAA,EAAA,CAAA,CACpB,CACF,EAAA,CAAA,EACX;IACJ,CAAC;;;;;;;;;;;"}

package/amd/Skeleton-d0383726.js

@@ -0,0 +1,39 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', 'module', './utils/UNSAFE_classNames', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/borders', './utils/UNSAFE_arrayUtils', './classNames-027de734'], (function (exports, tslib_es6, jsxRuntime, linaria, utils_UNSAFE_classNames, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_mergeInterpolations, utils_UNSAFE_interpolations_borders, utils_UNSAFE_arrayUtils, classNames) { 'use strict';
+
+    const dimensions = utils_UNSAFE_arrayUtils.stringLiteralArray(['height', 'width']);
+    const border = utils_UNSAFE_arrayUtils.stringLiteralArray(['borderRadius']); // Create an array [dimensionInterpolations['height'], dimensionInterpolations['width']]
+
+    const skeletonDimensionInterpolation = Array.from(dimensions, x => utils_UNSAFE_interpolations_dimensions.dimensionInterpolations[x]);
+    const borderRadiusInterpolation = Array.from(border, x => utils_UNSAFE_interpolations_borders.borderInterpolations[x]);
+    const interpolations = [...Object.values(borderRadiusInterpolation), ...Object.values(skeletonDimensionInterpolation)];
+    const SkeletonInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
+    /* Styling for skeleton main (loop) animation */
+
+    const animationSkeletonStyle = {
+      base: "base-yuknnw"
+    };
+    /**
+     * Skeleton component allows the appropriate skeleton to be rendered based on the
+     * property values
+     **/
+
+    function Skeleton(_a) {
+      var props = tslib_es6.__rest(_a, []);
+
+      const skeletonDimensions = SkeletonInterpolations(Object.assign({
+        width: '100%',
+        borderRadius: 0
+      }, props));
+      const itemClasses = classNames.classNames([animationSkeletonStyle.base]);
+      return jsxRuntime.jsx("div", {
+        style: skeletonDimensions,
+        class: itemClasses
+      });
+    }
+
+    exports.Skeleton = Skeleton;
+
+}));
+/*  */
+//# sourceMappingURL=Skeleton-d0383726.js.map

package/amd/{Skeleton-d9b61f2e.js.map → Skeleton-d0383726.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Skeleton-d9b61f2e.js","sources":["../../src/UNSAFE_Skeleton/Skeleton.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { borderInterpolations } from '../utils/UNSAFE_interpolations/borders';\nimport type { BorderProps } from '../utils/UNSAFE_interpolations/borders';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { WithRequired } from '../utils/UNSAFE_typeUtils';\n\nconst dimensions = stringLiteralArray(['height', 'width']);\ntype Dimension = typeof dimensions[number];\nconst border = stringLiteralArray(['borderRadius']);\ntype BorderRadius = typeof border[number];\n\n// This component has some StyleInterpolationProps. Those are the height and width properties of the SkeletonProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n// This component has some BorderRadiusProps, which is the borderRadius property of the SkeletonProps.\ntype BorderRadiusProps = Pick<BorderProps, BorderRadius>;\n//This type has StyleInterpolationProps and BorderRadiusProps with the height prop made required.\ntype SkeletonProps = WithRequired<StyleInterpolationProps, 'height'> & BorderRadiusProps;\n\n// Create an array [dimensionInterpolations['height'], dimensionInterpolations['width']]\nconst skeletonDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst borderRadiusInterpolation = Array.from(border, (x) => borderInterpolations[x]);\nconst interpolations = [\n  ...Object.values(borderRadiusInterpolation),\n  ...Object.values(skeletonDimensionInterpolation)\n];\n\nconst SkeletonInterpolations = mergeInterpolations<SkeletonProps>(interpolations);\n\n/* Styling for skeleton main (loop) animation */\nconst animationSkeletonStyle = {\n  base: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name)',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    animationDuration: '1.5s'\n  }}`\n};\n\n/**\n * Skeleton component allows the appropriate skeleton to be rendered based on the\n * property values\n **/\nexport function Skeleton({ ...props }: SkeletonProps) {\n  const skeletonDimensions = SkeletonInterpolations({ width: '100%', borderRadius: 0, ...props });\n  const itemClasses = classNames([animationSkeletonStyle.base]);\n  return <div style={skeletonDimensions} class={itemClasses} />;\n}\n"],"names":["dimensions","stringLiteralArray","border","skeletonDimensionInterpolation","Array","from","x","dimensionInterpolations","borderRadiusInterpolation","borderInterpolations","interpolations","Object","values","SkeletonInterpolations","mergeInterpolations","animationSkeletonStyle","_a","skeletonDimensions","assign","width","borderRadius","props"],"mappings":"4TAiBA,MAAAA,EAAAC,EAAAA,mBAAA,CAAA,SAAA,UAEAC,EAAAD,EAAAA,mBAAA,CAAA,iBAWAE,EAAAC,MAAAC,KAAAL,EAAAM,GAAAC,EAAAA,wBAAAD,IACAE,EAAAJ,MAAAC,KAAAH,EAAAI,GAAAG,EAAAA,qBAAAH,IACAI,EAAA,IACEC,OAAAC,OAAAJ,MACAG,OAAAC,OAAAT,IAGFU,EAAAC,EAAAA,oBAAAJ,GAGAK,sBAaA,SAAAC,wBACE,MAAAC,EAAAJ,EAAAF,OAAAO,OAAA,CAAAC,MAAA,OAAAC,aAAA,GAAAC"}
+{"version":3,"file":"Skeleton-d0383726.js","sources":["../../src/UNSAFE_Skeleton/Skeleton.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { borderInterpolations } from '../utils/UNSAFE_interpolations/borders';\nimport type { BorderProps } from '../utils/UNSAFE_interpolations/borders';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { WithRequired } from '../utils/UNSAFE_typeUtils';\n\nconst dimensions = stringLiteralArray(['height', 'width']);\ntype Dimension = typeof dimensions[number];\nconst border = stringLiteralArray(['borderRadius']);\ntype BorderRadius = typeof border[number];\n\n// This component has some StyleInterpolationProps. Those are the height and width properties of the SkeletonProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n// This component has some BorderRadiusProps, which is the borderRadius property of the SkeletonProps.\ntype BorderRadiusProps = Pick<BorderProps, BorderRadius>;\n//This type has StyleInterpolationProps and BorderRadiusProps with the height prop made required.\ntype SkeletonProps = WithRequired<StyleInterpolationProps, 'height'> & BorderRadiusProps;\n\n// Create an array [dimensionInterpolations['height'], dimensionInterpolations['width']]\nconst skeletonDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst borderRadiusInterpolation = Array.from(border, (x) => borderInterpolations[x]);\nconst interpolations = [\n  ...Object.values(borderRadiusInterpolation),\n  ...Object.values(skeletonDimensionInterpolation)\n];\n\nconst SkeletonInterpolations = mergeInterpolations<SkeletonProps>(interpolations);\n\n/* Styling for skeleton main (loop) animation */\nconst animationSkeletonStyle = {\n  base: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name)',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    animationDuration: '1.5s'\n  }}`\n};\n\n/**\n * Skeleton component allows the appropriate skeleton to be rendered based on the\n * property values\n **/\nexport function Skeleton({ ...props }: SkeletonProps) {\n  const skeletonDimensions = SkeletonInterpolations({ width: '100%', borderRadius: 0, ...props });\n  const itemClasses = classNames([animationSkeletonStyle.base]);\n  return <div style={skeletonDimensions} class={itemClasses} />;\n}\n"],"names":["dimensions","stringLiteralArray","border","skeletonDimensionInterpolation","Array","from","x","dimensionInterpolations","borderRadiusInterpolation","borderInterpolations","interpolations","Object","values","SkeletonInterpolations","mergeInterpolations","animationSkeletonStyle","Skeleton","_a","skeletonDimensions","assign","width","borderRadius","props"],"mappings":";;;IAiBA,MAAAA,UAAA,GAAAC,0CAAA,CAAA,CAAA,QAAA,EAAA,OAAA,CAAA,CAAA,CAAA;IAEA,MAAAC,MAAA,GAAAD,0CAAA,CAAA,CAAA,cAAA,CAAA,CAAA;;IAWA,MAAAE,8BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAL,UAAA,EAAAM,CAAA,IAAAC,8DAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;IACA,MAAAE,yBAAA,GAAAJ,KAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,CAAA,IAAAG,wDAAA,CAAAH,CAAA,CAAA,CAAA,CAAA;IACA,MAAAI,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAJ,yBAAA,CADF,EAEE,GAAAG,MAAA,CAAAC,MAAA,CAAAT,8BAAA,CAFF,CAAA,CAAA;IAKA,MAAAU,sBAAA,GAAAC,oDAAA,CAAAJ,cAAA,CAAA,CAAA;IAEA;;IACA,MAAAK,sBAAA,GAAA;;IAAA,CAAA,CAAA;IASA;;;IAGI;;IACJ,SAAAC,QAAA,CAAAC,EAAA,EAAA;;;IACE,EAAA,MAAAC,kBAAA,GAAAL,sBAAA,CAAAF,MAAA,CAAAQ,MAAA,CAAA;IAAAC,IAAAA,KAAA,EAAA,MAAA;IAAAC,IAAAA,YAAA,EAAA,CAAA;OAAA,EAAAC,KAAA,CAAA,CAAA,CAAA;;;;;;IAGF;;;;;;;;;;;"}

package/amd/Spacer-165e178f.js

@@ -0,0 +1,16 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040'], (function (exports, tslib_es6, jsxRuntime, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_mergeInterpolations, utils_UNSAFE_interpolations_flexitem, flexitem) { 'use strict';
+
+    const interpolations = [...Object.values(utils_UNSAFE_interpolations_dimensions.dimensionInterpolations), flexitem.flexitemInterpolations.flex];
+    const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
+    const Spacer = (_a) => {
+        var props = tslib_es6.__rest(_a, []);
+        const _b = styleInterpolations(props), { class: cls } = _b, styles = tslib_es6.__rest(_b, ["class"]);
+        return jsxRuntime.jsx("div", { class: cls, style: styles });
+    };
+
+    exports.Spacer = Spacer;
+
+}));
+/*  */
+//# sourceMappingURL=Spacer-165e178f.js.map

package/amd/{Spacer-d5dceece.js.map → Spacer-165e178f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Spacer-d5dceece.js","sources":["../../src/UNSAFE_Spacer/Spacer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\n\ntype StyleProps = DimensionProps & Pick<FlexitemProps, 'flex'>;\n\ntype Props = StyleProps;\n\nconst interpolations = [...Object.values(dimensionInterpolations), flexitemInterpolations.flex];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Spacer = ({ ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return <div class={cls} style={styles}></div>;\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexitemInterpolations","flex","styleInterpolations","mergeInterpolations","_a","props","__rest","_b","class","cls","styles","_jsx","style"],"mappings":"mPAiBA,MAAMA,EAAiB,IAAIC,OAAOC,OAAOC,EAAAA,yBAA0BC,EAAAA,uBAAuBC,MAEpFC,EAAsBC,EAAAA,oBAA2BP,YAEhCQ,QAAKC,EAAKC,EAAAA,OAAAF,EAAV,IACrB,MAAMG,EAA4BL,EAAoBG,IAA9CG,MAAOC,KAAQC,EAAjBJ,EAAAA,OAAAC,EAAA,CAAA,UACN,OAAOI,EAAAA,IAAA,MAAA,CAAKH,MAAOC,EAAKG,MAAOF"}
+{"version":3,"file":"Spacer-165e178f.js","sources":["../../src/UNSAFE_Spacer/Spacer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\n\ntype StyleProps = DimensionProps & Pick<FlexitemProps, 'flex'>;\n\ntype Props = StyleProps;\n\nconst interpolations = [...Object.values(dimensionInterpolations), flexitemInterpolations.flex];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Spacer = ({ ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return <div class={cls} style={styles}></div>;\n};\n"],"names":["dimensionInterpolations","flexitemInterpolations","mergeInterpolations","__rest","_jsx"],"mappings":";;;IAiBA,MAAM,cAAc,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAACA,8DAAuB,CAAC,EAAEC,+BAAsB,CAAC,IAAI,CAAC,CAAC;IAEhG,MAAM,mBAAmB,GAAGC,oDAAmB,CAAQ,cAAc,CAAC,CAAC;AAE1D,UAAA,MAAM,GAAG,CAAC,EAAmB,KAAI;YAAlB,KAAK,GAAAC,gBAAA,CAAA,EAAA,EAAV,EAAY,CAAF,CAAA;IAC/B,IAAA,MAAM,KAA4B,mBAAmB,CAAC,KAAK,CAAC,EAAtD,EAAE,KAAK,EAAE,GAAG,OAA0C,EAArC,MAAM,GAAvBA,gBAAA,CAAA,EAAA,EAAA,CAAA,OAAA,CAAyB,CAA6B,CAAC;QAC7D,OAAOC,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAA,CAAQ,CAAC;IAChD;;;;;;;;;;;"}