@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/cjs/NumberInputText-d187704a.js

@@ -1,230 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var hooks = require('preact/hooks');
-var useFocusableTextField = require('./useFocusableTextField-2c36840d.js');
-require('./FormContext-d1d05967.js');
-var useFormContext = require('./useFormContext-a794f7b6.js');
-var FormFieldContext = require('./FormFieldContext-69fe83d2.js');
-var useTextField = require('./useTextField-6ecf97b7.js');
-var Label = require('./Label-afee809f.js');
-var PrefixSuffix = require('./PrefixSuffix-5fea6fc0.js');
-var usePrefixSuffix = require('./usePrefixSuffix-aca06b3b.js');
-require('./keyboardUtils-b42fe7d5.js');
-var StyledTextField = require('./StyledTextField-d8c8a3bf.js');
-
-var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-00b3e796.js');
-var TextField = require('./TextField-71dba81e.js');
-require('./LayerHost-f1a1533f.js');
-
-require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
-
-
-
-
-require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
-require('./logger-2b636482.js');
-var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
-
-
-require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-var InlineUserAssistance = require('./InlineUserAssistance-2fba4481.js');
-var CompactUserAssistance = require('./CompactUserAssistance-aaa774e8.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
-require('preact');
-
-var clientHints = require('./clientHints-c40c5250.js');
-require('./Popup-91e33a1d.js');
-
-
-require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-require('./InputGroupContext-05f2a46f.js');
-
-
-require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
-var useCurrentValueReducer = require('./useCurrentValueReducer-f37ac024.js');
-var ChevronDown = require('./ChevronDown-25b749b9.js');
-var ChevronUp = require('./ChevronUp-a4e4b6ef.js');
-var Minus = require('./Minus-e3065772.js');
-var Plus = require('./Plus-af22496c.js');
-var IconButton = require('./IconButton-217314e6.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
-var Grid = require('./Grid-44ca9332.js');
-var useSpinning = require('./useSpinning-929c5225.js');
-var useSelectableTextField = require('./useSelectableTextField-892b62db.js');
-var formControlUtils = require('./formControlUtils-596c9dc3.js');
-
-/**
- * A StepButton is used to request a "step up" or "step down" to a value in NumberInputText.
- * @param children The children are Icons for the button
- * @param direction The direction of the step
- * @param isDisabled Whether the button should be disabled
- * @param onPointerDown Handler called when pointer is down
- * @param onPointerUp Handler called when pointer is up
- * @param onPointerOut Handler called when pointer is out
- * @param onPointerCancel Handler called when pointer is canceled
- */
-function StepButton({ direction, isDisabled, children, onPointerDown, onPointerUp, onPointerOut, onPointerCancel }) {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const labelIncrease = translations.inputNumber_increase();
-    const labelDecrease = translations.inputNumber_decrease();
-    const label = direction === 'increase' ? labelIncrease : labelDecrease;
-    return (jsxRuntime.jsx(TabbableModeContext.TabbableModeContext.Provider, { value: { isTabbable: false }, children: jsxRuntime.jsx("div", { "aria-hidden": "true", onPointerDown: onPointerDown, onPointerUp: onPointerUp, onPointerOut: onPointerOut, onPointerCancel: onPointerCancel, children: jsxRuntime.jsx(IconButton.IconButton, { isDisabled: isDisabled, tooltip: label, variant: "ghost", size: "sm", children: children }) }) }));
-}
-
-// TODO: Replace Steppers with Buttonset when it becomes available
-function Steppers({ children }) {
-    return (jsxRuntime.jsx(Grid.Grid, { align: "center", gap: "1x", gridTemplateColumns: "1fr 1fr", children: children }));
-}
-
-const stepperVariants = ['directional', 'quantitative'];
-const NumberInputText = compat.forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-valuemax': ariaValueMax, 'aria-valuemin': ariaValueMin, 'aria-valuenow': ariaValueNow, 'aria-valuetext': ariaValueText, assistiveText, autoComplete = 'off', autoFocus = false, columnSpan, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, isStepDownDisabled: propIsStepDownDisabled, isStepUpDisabled: propIsStepUpDisabled, hasSteppers = false, stepperVariant = 'directional', label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, placeholder, prefix, suffix, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', virtualKeyboard, onInput, onCommit, onSpin, onSpinComplete, onStep, testId }, ref) => {
-    const { currentCommitValue, dispatch } = useCurrentValueReducer.useCurrentValueReducer({ value });
-    const onInputAndDispatch = hooks.useCallback((detail) => {
-        dispatch({ type: 'input', payload: detail.value });
-        onInput?.(detail);
-    }, [onInput, dispatch]);
-    const onCommitAndDispatch = hooks.useCallback((detail) => {
-        dispatch({ type: 'commit', payload: detail.value });
-        onCommit?.(detail);
-    }, [onCommit, dispatch]);
-    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = useFormContext.useFormContext();
-    // default to FormContext values if component properties are not specified
-    const isDisabled = propIsDisabled ?? isFormDisabled;
-    const isReadonly = propIsReadonly ?? isFormReadonly;
-    const labelEdge = propLabelEdge ?? formLabelEdge;
-    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
-    const textAlign = propTextAlign ?? formTextAlign ?? formControlUtils.defaultTextAlignForVariant(variant);
-    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
-    const enabledElementRef = hooks.useRef(null);
-    const readonlyElementRef = hooks.useRef(null);
-    const { focusProps, isFocused, methods: focusMethods } = useFocusableTextField.useFocusableTextField({
-        isDisabled,
-        isReadonly,
-        enabledElementRef,
-        readonlyElementRef
-    });
-    const { methods: selectMethods } = useSelectableTextField.useSelectableTextField(enabledElementRef);
-    hooks.useImperativeHandle(ref, () => mergeProps.mergeProps(focusMethods, selectMethods), [
-        focusMethods,
-        selectMethods
-    ]);
-    const { baseId, formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = useTextField.useTextField({
-        ariaDescribedBy,
-        helpSourceLink,
-        helpSourceText,
-        isDisabled,
-        isFocused,
-        isReadonly,
-        isRequiredShown,
-        labelEdge,
-        messages,
-        styleVariant: variant,
-        userAssistanceDensity,
-        value
-    });
-    // Disable the steppers if the number input is disabled.
-    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;
-    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;
-    // Set focus to the input when a step is requested by clicking/holding down a step button.
-    // For Arrow up/down, it already has focus so no action is needed.
-    // Note: for readonly there are no steppers, for disabled stepping is disabled, so this only
-    // applies to enabled case.
-    const handleStep = hooks.useCallback((e) => {
-        if (!isFocused) {
-            enabledElementRef.current?.focus();
-        }
-        onStep?.(e);
-    }, [onStep, isFocused, enabledElementRef]);
-    // if hasSteppers, keyboardHandlerProps will be spread onto TextFieldInput to handle
-    // stepping functionality via the arrow up or down keys.
-    // also, pointerIncreaseHandlerProps and pointerDecreaseHandlerProps will be spread to
-    // the corresponding StepButton
-    const { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps } = useSpinning.useSpinning({
-        isStepDownDisabled,
-        isStepUpDisabled,
-        onSpin,
-        onSpinComplete,
-        onStep: handleStep
-    });
-    const DecreaseButton = hasSteppers ? (jsxRuntime.jsx(StepButton, { direction: "decrease", isDisabled: isStepDownDisabled, ...pointerDecreaseHandlerProps, children: stepperVariant === 'directional' ? jsxRuntime.jsx(ChevronDown.SvgChevronDown, {}) : jsxRuntime.jsx(Minus.SvgMinus, {}) })) : undefined;
-    const IncreaseButton = hasSteppers ? (jsxRuntime.jsx(StepButton, { direction: "increase", isDisabled: isStepUpDisabled, ...pointerIncreaseHandlerProps, children: stepperVariant === 'directional' ? jsxRuntime.jsx(ChevronUp.SvgChevronUp, {}) : jsxRuntime.jsx(Plus.SvgPlus, {}) })) : undefined;
-    // when stepperVariant is quantitative, the decrease button is placed in the startContent slot
-    const startContent = hasSteppers && stepperVariant === 'quantitative' ? DecreaseButton : undefined;
-    // when stepperVariant is directional, both buttons are wrapped in Steppers and placed in the endContent slot
-    // if it equals quantitative, only the increase button is placed in the endContent slot
-    const endContent = hasSteppers ? (stepperVariant === 'directional' ? (jsxRuntime.jsxs(Steppers, { children: [DecreaseButton, IncreaseButton] })) : (IncreaseButton)) : undefined;
-    const hasInsideLabel = label !== undefined && labelEdge === 'inside';
-    // if has steppers, and is not iOS or not Safari
-    // JET-64871 the workaround for the iOS Safari VoiceOver bug with spinbutton role
-    // is to not render the role or the associated wai-aria value props when iOS Safari.
-    const needsSpinbuttonRole = hasSteppers && !isIosSafari();
-    const { shouldRenderPrefix, shouldRenderSuffix, prefixProps, suffixProps, valuePrefixSuffix, ariaLabelledBy } = usePrefixSuffix.usePrefixSuffix({
-        baseId,
-        hasEndContent: endContent !== undefined,
-        hasInsideLabel,
-        hasStartContent: startContent !== undefined,
-        hasValue: formFieldContext.hasValue,
-        isDisabled,
-        isFocused,
-        labelId: labelProps.id,
-        prefix,
-        suffix,
-        value
-    });
-    const renderedPrefix = shouldRenderPrefix ? jsxRuntime.jsx(PrefixSuffix.PrefixSuffix, { ...prefixProps }) : undefined;
-    const renderedSuffix = shouldRenderSuffix ? jsxRuntime.jsx(PrefixSuffix.PrefixSuffix, { ...suffixProps }) : undefined;
-    const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(Label.Label, { ...labelProps, children: label }) : undefined;
-    const fieldLabelProps = {
-        label: labelEdge !== 'none' ? labelComp : undefined,
-        labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
-        labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,
-        labelText: labelEdge === 'inside' && !isDisabled ? label : undefined
-    };
-    const ariaLabel = labelEdge === 'none' ? label : undefined;
-    const isInlineDensity = userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';
-    const inlineUserAssistance = isInlineDensity ? (isDisabled ? (
-    // save space for user assistance if density is 'efficient', even though we don't
-    // render user assistance for disabled fields
-    userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistance, { userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : isReadonly ? (jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistance, { fieldLabel: label, messages: messages, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps })) : (jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistance, { assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : undefined;
-    const anchorRef = hooks.useRef(null);
-    const compactUserAssistance = userAssistanceDensity === 'compact' ? (jsxRuntime.jsx(CompactUserAssistance.CompactUserAssistance, { anchorRef: anchorRef, messages: messages, assistiveText: assistiveText, ...userAssistanceProps })) : undefined;
-    if (isReadonly) {
-        const mainContent = (jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, { "aria-describedby": inputProps['aria-describedby'], "aria-label": ariaLabel, "aria-labelledby": labelProps.id, as: "div", autoFocus: autoFocus, elementRef: readonlyElementRef, formVariant: variant, onBlur: inputProps.onBlur, onFocus: inputProps.onFocus, textAlign: textAlign, value: valuePrefixSuffix, hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: hasInsideLabel }));
-        return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(StyledTextField.ReadonlyTextField, { role: "presentation", columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, onBlur: focusProps.onFocusOut, onFocus: focusProps.onFocusIn, ref: anchorRef, mainContent: mainContent, testId: testId, ...fieldLabelProps }) }));
-    }
-    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.
-    const valueText = ariaValueNow === undefined
-        ? ariaValueText
-        : ariaValueNow.toString() !== ariaValueText
-            ? ariaValueText
-            : undefined;
-    const mainContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [renderedPrefix, jsxRuntime.jsx(StyledTextField.TextFieldInput, { "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, "aria-valuemax": needsSpinbuttonRole ? ariaValueMax : undefined, "aria-valuemin": needsSpinbuttonRole ? ariaValueMin : undefined, "aria-valuenow": needsSpinbuttonRole ? ariaValueNow : undefined, "aria-valuetext": needsSpinbuttonRole ? valueText : undefined, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasEmptyLabel: label === '' && labelEdge === 'none', hasEndContent: endContent !== undefined, hasInsideLabel: hasInsideLabel, hasPrefix: renderedPrefix !== undefined, hasStartContent: startContent !== undefined, hasSuffix: renderedSuffix !== undefined, inputRef: enabledElementRef, isRequired: isRequired, placeholder: placeholder, role: needsSpinbuttonRole ? 'spinbutton' : undefined, textAlign: textAlign, type: isMobile() ? virtualKeyboard : undefined, value: isDisabled ? valuePrefixSuffix : value, onCommit: onCommitAndDispatch, onInput: onInputAndDispatch, ...inputProps, ...(hasSteppers ? keyboardHandlerProps : {}) }), renderedSuffix] }));
-    return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(TextField.TextField, { startContent: startContent, endContent: endContent, columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, mainContent: mainContent, onBlur: focusProps.onFocusOut, onFocus: focusProps.onFocusIn, mainFieldRef: anchorRef, hasZeroStartMargin: hasSteppers && stepperVariant === 'quantitative', testId: testId, ...textFieldProps, ...fieldLabelProps }) }));
-});
-/**
- * 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';
-}
-/**
- * Helper function to determine if the platform is iOS and the Browser is Safari.
- * Exported for usage in local tests.
- * @returns true if the platform is iOS, false otherwise
- */
-function isIosSafari() {
-    return clientHints.getClientHints().platform === 'ios' && clientHints.getClientHints().browser === 'safari';
-}
-
-exports.NumberInputText = NumberInputText;
-exports.stepperVariants = stepperVariants;
-//# sourceMappingURL=NumberInputText-d187704a.js.map

package/cjs/NumberInputText-d187704a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInputText-d187704a.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.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 { ComponentChildren } from 'preact';\n\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { BundleType } from '#resources/nls/bundle';\nimport { StepDirection } from '#hooks/UNSAFE_useSpinning';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The children are Icons for the button.\n   */\n  children: ComponentChildren;\n\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Pointer event down handler\n   */\n  onPointerDown?: (event: PointerEvent) => void;\n\n  /**\n   * Pointer event up handler\n   */\n  onPointerUp?: (event: PointerEvent) => void;\n\n  /**\n   * Pointer event out handler\n   */\n  onPointerOut?: (event: PointerEvent) => void;\n\n  /**\n   * Pointer event cancel handler\n   */\n  onPointerCancel?: (event: PointerEvent) => void;\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param children The children are Icons for the button\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onPointerDown Handler called when pointer is down\n * @param onPointerUp Handler called when pointer is up\n * @param onPointerOut Handler called when pointer is out\n * @param onPointerCancel Handler called when pointer is canceled\n */\nexport function StepButton({\n  direction,\n  isDisabled,\n  children,\n  onPointerDown,\n  onPointerUp,\n  onPointerOut,\n  onPointerCancel\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <div\n        aria-hidden=\"true\"\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        onPointerOut={onPointerOut}\n        onPointerCancel={onPointerCancel}>\n        <IconButton isDisabled={isDisabled} tooltip={label} variant=\"ghost\" size=\"sm\">\n          {children}\n        </IconButton>\n      </div>\n    </TabbableModeContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\n\nimport { FocusableHandle, useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { Label } from '#UNSAFE_Label';\nimport { PrefixSuffix } from '#UNSAFE_PrefixSuffix';\nimport { usePrefixSuffix } from '#hooks/UNSAFE_usePrefixSuffix';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '#UNSAFE_TextField';\nimport {\n  InlineUserAssistance,\n  CompactUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '#hooks/UNSAFE_useCurrentValueReducer';\nimport { DecrementIcon } from '#PRIVATE_ThemedIcons/DecrementIcon';\nimport { IncrementIcon } from '#PRIVATE_ThemedIcons/IncrementIcon';\nimport { MinusIcon } from '#PRIVATE_ThemedIcons/MinusIcon';\nimport { PlusIcon } from '#PRIVATE_ThemedIcons/PlusIcon';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\nimport { useSpinning, StepEvent } from '#hooks/UNSAFE_useSpinning';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { defaultTextAlignForVariant } from '#utils/PRIVATE_formControlUtils';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps &\n  TestIdProps & {\n    /**+\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the input.\n     */\n    'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n    /**\n     * The maximum allowed value when hasSteppers is true. Used for the aria-valuemax attribute.\n     * When hasSteppers is false, this is ignored because when there are no steppers, there is no role=\"spinbutton\",\n     * and aria-value* attributes are not valid without this role.\n     */\n    'aria-valuemax'?: TextFieldInputProps['aria-valuemax'];\n\n    /**\n     * The minimum allowed value when hasSteppers is true. Used for the aria-valuemin attribute.\n     * When hasSteppers is false, this is ignored because when there are no steppers, there is no role=\"spinbutton\",\n     * and aria-value* attributes are not valid without this role.\n     */\n    'aria-valuemin'?: TextFieldInputProps['aria-valuemin'];\n\n    /**\n     * The number value of the component when hasSteppers is true. Used for the aria-valuenow attribute.\n     * When hasSteppers is false, this is ignored because when there are no steppers, there is no role=\"spinbutton\",\n     * and aria-value* attributes are not valid without this role.\n     */\n    'aria-valuenow'?: TextFieldInputProps['aria-valuenow'];\n\n    /**\n     * The formatted value of the component when hasSteppers is true. Used for the aria-valueText\n     * attribute to provide a more human readable text alternative for\n     * aria-valuenow.\n     * When hasSteppers is false, this is ignored because when there are no steppers, there is no role=\"spinbutton\",\n     * and aria-value* attributes are not valid without this role.\n     */\n    'aria-valuetext'?: TextFieldInputProps['aria-valuetext'];\n\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n    /**\n     * Dictates component's autocomplete state.\n     * This attribute indicates whether the value of the control can be automatically completed by the browser.\n     * The common values are \"on\" and \"off\".\n     */\n    autoComplete?: TextFieldInputProps['autoComplete'];\n\n    /**\n     * Autofocus specifies whether the component will get focus when the page is loaded.\n     * If it is set to true then the associated component will get input focus when the page is loaded.\n     * Setting this property doesn't set the focus to the component: it tells the browser to focus\n     * to it when the element is inserted in the document.\n     */\n    autoFocus?: TextFieldInputProps['autoFocus'];\n\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n\n    /**\n     * Controls whether the step buttons are shown.\n     */\n    hasSteppers?: boolean;\n\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n    /**\n     * Specifies whether the component is disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n\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     * committed by the user. Setting this property to <code>true</code> means that a value\n     * is required to be committed by the user.\n     */\n    isRequired?: TextFieldInputProps['isRequired'];\n\n    /**\n     * Specifies whether to show an indicator on screen that a value is required, for example\n     * before the user has committed a value.\n     */\n    isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n    /**\n     * Specifies the label associated with the field.\n     */\n    label: string;\n\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n\n    /**\n     * A short hint to display before the user enters a value.\n     */\n    placeholder?: TextFieldInputProps['placeholder'];\n\n    /**\n     * The prefix displays as regular text before the input text, and inline with it.\n     * The prefix is not editable or focusable.\n     */\n    prefix?: string;\n\n    /**\n     * Variant style of step buttons.\n     * @default directional\n     */\n    stepperVariant?: (typeof stepperVariants)[number];\n\n    /**\n     * The suffix displays as regular text after the input text, and inline with it.\n     * The suffix is not editable or focusable.\n     */\n    suffix?: string;\n\n    /**\n     * Specifies how to align text within the field.\n     */\n    textAlign?: TextFieldInputProps['textAlign'];\n\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     * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n\n    /**\n     * The current possibly formatted display value of the component.\n     */\n    value?: TextFieldInputProps['value'];\n\n    /**\n     * The style variant of the component.\n     */\n    variant?: TextFieldInputProps['variant'];\n\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' | 'number' | 'text';\n\n    /**\n     * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n     */\n    onCommit?: TextFieldInputProps['onCommit'];\n\n    /**\n     * Callback invoked each time the user changes the value of the field. For example, if the user\n     * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n     * respectively.\n     */\n    onInput: TextFieldInputProps['onInput'];\n  };\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\nexport const stepperVariants = ['directional', 'quantitative'] as const;\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-valuemax': ariaValueMax,\n      'aria-valuemin': ariaValueMin,\n      'aria-valuenow': ariaValueNow,\n      'aria-valuetext': ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      stepperVariant = 'directional',\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\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 ?? defaultTextAlignForVariant(variant);\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n\n    // Set focus to the input when a step is requested by clicking/holding down a step button.\n    // For Arrow up/down, it already has focus so no action is needed.\n    // Note: for readonly there are no steppers, for disabled stepping is disabled, so this only\n    // applies to enabled case.\n    const handleStep = useCallback(\n      (e: StepEvent) => {\n        if (!isFocused) {\n          enabledElementRef.current?.focus();\n        }\n        onStep?.(e);\n      },\n      [onStep, isFocused, enabledElementRef]\n    );\n\n    // if hasSteppers, keyboardHandlerProps will be spread onto TextFieldInput to handle\n    // stepping functionality via the arrow up or down keys.\n    // also, pointerIncreaseHandlerProps and pointerDecreaseHandlerProps will be spread to\n    // the corresponding StepButton\n    const { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps } =\n      useSpinning({\n        isStepDownDisabled,\n        isStepUpDisabled,\n        onSpin,\n        onSpinComplete,\n        onStep: handleStep\n      });\n\n    const DecreaseButton = hasSteppers ? (\n      <StepButton\n        direction=\"decrease\"\n        isDisabled={isStepDownDisabled}\n        {...pointerDecreaseHandlerProps}>\n        {stepperVariant === 'directional' ? <DecrementIcon /> : <MinusIcon />}\n      </StepButton>\n    ) : undefined;\n\n    const IncreaseButton = hasSteppers ? (\n      <StepButton\n        direction=\"increase\"\n        isDisabled={isStepUpDisabled}\n        {...pointerIncreaseHandlerProps}>\n        {stepperVariant === 'directional' ? <IncrementIcon /> : <PlusIcon />}\n      </StepButton>\n    ) : undefined;\n\n    // when stepperVariant is quantitative, the decrease button is placed in the startContent slot\n    const startContent =\n      hasSteppers && stepperVariant === 'quantitative' ? DecreaseButton : undefined;\n\n    // when stepperVariant is directional, both buttons are wrapped in Steppers and placed in the endContent slot\n    // if it equals quantitative, only the increase button is placed in the endContent slot\n    const endContent = hasSteppers ? (\n      stepperVariant === 'directional' ? (\n        <Steppers>\n          {DecreaseButton}\n          {IncreaseButton}\n        </Steppers>\n      ) : (\n        IncreaseButton\n      )\n    ) : undefined;\n\n    const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n    // if has steppers, and is not iOS or not Safari\n    // JET-64871 the workaround for the iOS Safari VoiceOver bug with spinbutton role\n    // is to not render the role or the associated wai-aria value props when iOS Safari.\n    const needsSpinbuttonRole = hasSteppers && !isIosSafari();\n\n    const {\n      shouldRenderPrefix,\n      shouldRenderSuffix,\n      prefixProps,\n      suffixProps,\n      valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel,\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const renderedPrefix = shouldRenderPrefix ? <PrefixSuffix {...prefixProps} /> : undefined;\n    const renderedSuffix = shouldRenderSuffix ? <PrefixSuffix {...suffixProps} /> : undefined;\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      labelText: labelEdge === 'inside' && !isDisabled ? label : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : isReadonly ? (\n        <InlineUserAssistance\n          fieldLabel={label}\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\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    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"div\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          formVariant={variant}\n          onBlur={inputProps.onBlur}\n          onFocus={inputProps.onFocus}\n          textAlign={textAlign}\n          value={valuePrefixSuffix}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={hasInsideLabel}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={anchorRef}\n            mainContent={mainContent}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          aria-valuemax={needsSpinbuttonRole ? ariaValueMax : undefined}\n          aria-valuemin={needsSpinbuttonRole ? ariaValueMin : undefined}\n          aria-valuenow={needsSpinbuttonRole ? ariaValueNow : undefined}\n          aria-valuetext={needsSpinbuttonRole ? valueText : undefined}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={hasInsideLabel}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={needsSpinbuttonRole ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...(hasSteppers ? keyboardHandlerProps : {})}\n        />\n        {renderedSuffix}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          startContent={startContent}\n          endContent={endContent}\n          columnSpan={columnSpan}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          mainFieldRef={anchorRef}\n          hasZeroStartMargin={hasSteppers && stepperVariant === 'quantitative'}\n          testId={testId}\n          {...textFieldProps}\n          {...fieldLabelProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n/**\n * Helper function to determine if the platform is iOS and the Browser is Safari.\n * Exported for usage in local tests.\n * @returns true if the platform is iOS, false otherwise\n */\nexport function isIosSafari() {\n  return getClientHints().platform === 'ios' && getClientHints().browser === 'safari';\n}\n"],"names":["useTranslationBundle","_jsx","TabbableModeContext","IconButton","Grid","forwardRef","useCurrentValueReducer","useCallback","useFormContext","defaultTextAlignForVariant","useRef","useFocusableTextField","useSelectableTextField","useImperativeHandle","mergeProps","useTextField","useSpinning","DecrementIcon","MinusIcon","IncrementIcon","PlusIcon","_jsxs","usePrefixSuffix","PrefixSuffix","Label","InlineUserAssistance","CompactUserAssistance","ReadonlyTextFieldInput","FormFieldContext","ReadonlyTextField","TextFieldInput","TextField","getClientHints"],"mappings":"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"}

package/cjs/OverflowTabBarItem-7bff3461.js

@@ -1,268 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-var useHover = require('./useHover-49b0430d.js');
-var Close = require('./Close-8eecf245.js');
-var Flex = require('./Flex-a6d1c038.js');
-var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var flexitem = require('./flexitem-fee13e26.js');
-var TabBarLayout = require('./TabBarLayout-b74e2f96.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
-var EmbeddedIconButton = require('./EmbeddedIconButton-acd640d1.js');
-var preact = require('preact');
-var clientHints = require('./clientHints-c40c5250.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var Icon = require('./Icon-bc05e7bd.js');
-var Dropdown = require('./Dropdown-08111f9d.js');
-var Sheet = require('./Sheet-65ae604e.js');
-var usePress = require('./usePress-886180e4.js');
-var useUser = require('./useUser-081e5bd5.js');
-var Text = require('./Text-436e8b56.js');
-var dimensions = require('./dimensions-2fcc0acf.js');
-var boxalignment = require('./boxalignment-6dde2812.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var UNSAFE_TabBarCommon_themes_redwood_TabBarItemTheme = require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js');
-var useConveyorBeltItem = require('./useConveyorBeltItem-eb851d33.js');
-var useDetectTruncation = require('./useDetectTruncation-be13f31d.js');
-var WarningS = require('./WarningS-2243c6d7.js');
-var ErrorS = require('./ErrorS-14a49cb6.js');
-var InformationS = require('./InformationS-b6024498.js');
-var SuccessS = require('./SuccessS-7e6dbebc.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-var useTooltipControlled = require('./useTooltipControlled-4a59aaf5.js');
-var UNSAFE_TabBarCommon_themes_TabBarItemContract_css = require('./UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js');
-var Badge = require('./Badge-0e522f12.js');
-var UNSAFE_TabBarCommon_themes_OverflowTabBarItemStyles_css = require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
-var NavigationListItem = require('./NavigationListItem-e4be63fc.js');
-var NavigationListLinkItem = require('./NavigationListLinkItem-a06a8a6a.js');
-
-const useTabBarItemTooltip = ({ label, isDisabled }) => {
-    const [isOpen, setOpen] = hooks.useState(false);
-    const { tooltipProps, tooltipContent } = useTooltipControlled.useTooltipControlled({
-        isOpen: isOpen,
-        isDisabled,
-        focusStrategy: 'logical',
-        text: label,
-        onToggle: ({ value }) => {
-            setOpen(value);
-        }
-    });
-    const { onLogicalFocus, onLogicalBlur, ...tooltipEventHandlerProps } = tooltipProps;
-    return { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur };
-};
-
-const onClickLink = (event) => {
-    event.preventDefault();
-};
-function BaseTabBarItem({ itemKey, label, icon, badge, metadata, severity = 'none', removeIcon, showFocusRingOverride, selectionOverride, displayOverride, labelMaxWidth, href, 'aria-controls': ariaControls, 'aria-haspopup': ariaHasPopup }) {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const { onSelect, selection, currentKey, showFocusRing, hideTooltip, layout, display, size, isEdgeBottom, tabItemPrefix } = TabBarLayout.useTabBarContext();
-    const isCurrent = currentKey === itemKey;
-    const { ref, ...conveyorBeltProps } = useConveyorBeltItem.useConveyorBeltItem({ isCurrent });
-    //Selection
-    //Dependency on currentKey because upon removal selectionChange does not change hence no re render
-    //and it is still holding the deleted key as selection
-    const handlePress = hooks.useCallback(() => {
-        onSelect?.({ value: itemKey });
-    }, [itemKey, onSelect]);
-    const { pressProps } = usePress.usePress(handlePress);
-    const isSelected = selection === itemKey;
-    const isStacked = display === 'stacked' ? true : false;
-    const isIconOnly = display === 'icons' || (displayOverride && displayOverride === 'icons') ? true : false;
-    const isTall = size === 'lg' ? true : false;
-    const labelRequirement = label && !(label === ' ' && label === undefined);
-    const severityRequirement = !(severity === 'none' || severity === undefined);
-    const IconComponent = (severityValue) => {
-        switch (severityValue) {
-            case 'error':
-                // As per spec acc label is required only for error severity icon.
-                return jsxRuntime.jsx(ErrorS.SvgErrorS, { color: "danger", accessibleLabel: translations.tabBar_tabContainsErrors() });
-            case 'warning':
-                return jsxRuntime.jsx(WarningS.SvgWarningS, { color: "warning" });
-            case 'info':
-                return jsxRuntime.jsx(InformationS.SvgInformationS, { color: "info" });
-            case 'confirmation':
-                return jsxRuntime.jsx(SuccessS.SvgSuccessS, { color: "success" });
-            default:
-                return null;
-        }
-    };
-    const { direction } = useUser.useUser();
-    const makeFocusRingVisible = showFocusRingOverride !== undefined ? showFocusRingOverride : showFocusRing;
-    const makeSelectionVisible = selectionOverride !== undefined ? selectionOverride : isSelected;
-    const { classes, styles: { tabBarItemIcon, tabBarItemIconStacked, tabBarItemMetadata, tabBarItemStackedBadge, tabBarItemStackedBadgeRtl, tabBarItemRemoveIcon, tabBarItemLabel, tabBarItemLabelTruncated, tabBarItemLink } } = useComponentTheme.useComponentTheme(UNSAFE_TabBarCommon_themes_redwood_TabBarItemTheme.TabBarItemRedwoodTheme, {
-        selection: makeSelectionVisible ? 'isSelected' : 'notSelected',
-        current: isCurrent ? 'isCurrent' : 'notCurrent',
-        focusRing: makeFocusRingVisible ? 'showFocusRing' : 'noFocusRing',
-        edgeBottom: isEdgeBottom ? 'isBottom' : 'notBottom'
-    });
-    const tabBarItem = classNames.classNames([classes]);
-    const tabBarItemLabelClasses = classNames.classNames([
-        tabBarItemLabel,
-        labelMaxWidth !== undefined && tabBarItemLabelTruncated
-    ]);
-    const tabBarItemIconClasses = classNames.classNames([
-        tabBarItemIcon,
-        (isStacked || isIconOnly || !labelRequirement) && tabBarItemIconStacked
-    ]);
-    const tabBarItemMetadataClasses = classNames.classNames([tabBarItemMetadata]);
-    const tabBarItemStackedBadgeClasses = classNames.classNames([
-        tabBarItemStackedBadge,
-        direction === 'rtl' && tabBarItemStackedBadgeRtl
-    ]);
-    const removeClass = classNames.classNames([tabBarItemRemoveIcon]);
-    const tabBarItemLinkClasses = classNames.classNames([tabBarItemLink]);
-    const styleInterpolations = mergeInterpolations.mergeInterpolations([
-        ...Object.values(flexitem.flexitemInterpolations),
-        ...Object.values(dimensions.dimensionInterpolations),
-        ...Object.values(boxalignment.boxAlignmentInterpolations)
-    ]);
-    //This is for simple item where height and width need to be specified on the main div.
-    const tabDimensions = styleInterpolations({
-        flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto',
-        minWidth: '10.5x',
-        height: isTall ? UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.lgHeight : UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.mdHeight,
-        //This is needed for gap between icon/ label and remove icon in labelIconRenderer
-        gap: '2x'
-    });
-    //This is for complex item, where only flex dimensions needs to be applied as height and width comes from child Flex component.
-    const flexDimensions = styleInterpolations({
-        flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'
-    });
-    const maxWithInterpolation = mergeInterpolations.mergeInterpolations([
-        ...Object.values(dimensions.dimensionInterpolations)
-    ]);
-    //The threshold for truncation is labelMinWidth: 96px as per spec.
-    const labelMinWidth = '96px';
-    const maxWidthDimensions = maxWithInterpolation({
-        maxWidth: labelMaxWidth !== undefined ? `calc(max(${labelMinWidth},${labelMaxWidth}))` : '100%'
-    });
-    const { detectTruncationProps, isTextTruncated } = useDetectTruncation.useDetectTruncation(labelMaxWidth === undefined);
-    const showTooltip = isIconOnly || isTextTruncated;
-    const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } = useTabBarItemTooltip({ label, isDisabled: !showTooltip });
-    if (showTooltip) {
-        if (isCurrent && showFocusRing && !hideTooltip) {
-            onLogicalFocus(ref.current);
-        }
-        else if (!isCurrent || (isCurrent && !showFocusRing) || hideTooltip) {
-            onLogicalBlur();
-        }
-    }
-    const isComplexItem = badge || metadata || severity !== 'none' || isStacked || isIconOnly;
-    const isLinkItem = href != null;
-    const labelIconRenderer = () => {
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Flex.Flex, { align: "center", justify: "center", flex: "1 1 auto", gap: "2x", children: [!isIconOnly && !isStacked && icon && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-icon": "startIcon", children: icon })), !isIconOnly && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemLabelClasses, style: maxWidthDimensions, ...detectTruncationProps, children: jsxRuntime.jsx(Text.Text, { size: "md", weight: "semiBold", children: label }) }))] }), !isLinkItem && removeIcon && jsxRuntime.jsx("span", { class: removeClass, children: removeIcon })] }));
-    };
-    const complexItemRenderer = () => {
-        return (jsxRuntime.jsxs(Flex.Flex, { flex: "1 1 auto", children: [jsxRuntime.jsxs(Flex.Flex, { minWidth: "10.5x", minHeight: isTall ? UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.lgHeight : '100%', height: isStacked && labelRequirement ? UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.stackedHeight : UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.mdHeight, direction: isStacked && labelRequirement ? 'column' : 'row', gap: "2x", align: "center", justify: "center", alignSelf: "center", flex: "1 1 auto", children: [(isStacked || isIconOnly) && (jsxRuntime.jsxs("div", { "aria-label": isIconOnly ? label : undefined, class: tabBarItemIconClasses, children: [icon, jsxRuntime.jsx("span", { class: tabBarItemStackedBadgeClasses, children: badge ? (jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "neutral", children: badge })) : null })] })), !isIconOnly && !isStacked && icon && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-icon": "startIcon", children: icon })), !isIconOnly && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemLabelClasses, style: maxWidthDimensions, ...detectTruncationProps, children: jsxRuntime.jsx(Text.Text, { size: "md", weight: "semiBold", children: label }) })), !isStacked && !isIconOnly && badge && labelRequirement && (jsxRuntime.jsx("span", { "data-oj-tab-badge": badge, children: jsxRuntime.jsx(Badge.Badge, { size: "md", variant: "neutralSubtle", children: badge }) })), metadata && (jsxRuntime.jsx("span", { class: tabBarItemMetadataClasses, "data-oj-tab-metadata": metadata, children: jsxRuntime.jsx(Text.Text, { size: "md", weight: "normal", children: '( ' + metadata + ' )' }) })), severityRequirement && (jsxRuntime.jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-severity": severity, children: IconComponent(severity) }))] }), !isLinkItem && removeIcon && jsxRuntime.jsx("span", { class: removeClass, children: removeIcon })] }));
-    };
-    const tabBarItemRenderer = () => {
-        return (jsxRuntime.jsxs("div", { "data-oj-key": itemKey, "data-oj-removable": removeIcon ? 'true' : undefined, id: tabItemPrefix + itemKey, class: tabBarItem, role: "tab", "aria-controls": ariaControls, "aria-selected": isSelected, "aria-haspopup": ariaHasPopup, ...mergeProps.mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps), ref: ref, style: isComplexItem ? flexDimensions : tabDimensions, children: [isComplexItem ? complexItemRenderer() : labelIconRenderer(), tooltipContent] }));
-    };
-    const tabBarLinkItemRenderer = () => {
-        return (jsxRuntime.jsxs("div", { ref: ref, class: tabBarItem, ...mergeProps.mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps), style: isComplexItem ? flexDimensions : tabDimensions, children: [jsxRuntime.jsx("a", { onClick: onClickLink, class: tabBarItemLinkClasses, href: href, "data-oj-key": itemKey, "data-oj-removable": removeIcon ? 'true' : undefined, id: tabItemPrefix + itemKey, role: "tab", tabindex: -1, "aria-controls": ariaControls, "aria-selected": isSelected, "aria-haspopup": ariaHasPopup, children: isComplexItem ? complexItemRenderer() : labelIconRenderer() }), tooltipContent] }));
-    };
-    return isLinkItem ? tabBarLinkItemRenderer() : tabBarItemRenderer();
-}
-
-/**
- * TabBarItem content can be created by using labels or icons or both.
- */
-function TabBarItem({ itemKey, label, icon, badge, metadata, severity, labelMaxWidth, 'aria-controls': ariaControls }) {
-    return (jsxRuntime.jsx(BaseTabBarItem, { "aria-controls": ariaControls, itemKey: itemKey, label: label, icon: icon, badge: badge, metadata: metadata, severity: severity, labelMaxWidth: labelMaxWidth }));
-}
-
-function RemovableTabBarItem({ itemKey, label, icon, badge, metadata, severity, labelMaxWidth, 'aria-controls': ariaControls }) {
-    const { selection, currentKey, layout, onRemove } = TabBarLayout.useTabBarContext();
-    const isSelected = selection === itemKey;
-    const isCurrent = currentKey === itemKey;
-    const handleRemove = hooks.useCallback(() => {
-        onRemove?.({ value: itemKey });
-    }, [onRemove, itemKey]);
-    const { hoverProps, isHover } = useHover.useHover({});
-    //instead of specifying flex: '1 0 auto' in cssProps var
-    const styleInterpolations = mergeInterpolations.mergeInterpolations([
-        ...Object.values(flexitem.flexitemInterpolations)
-    ]);
-    const flexDimensions = styleInterpolations({
-        flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'
-    });
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    //TODO: In addition to aria-label a genric instruction is required for keyboard deletion
-    //common to al tabs,after feedback from Curt's investigations.
-    return (jsxRuntime.jsx("div", { ...hoverProps, style: flexDimensions, children: jsxRuntime.jsx(Flex.Flex, { children: jsxRuntime.jsx(BaseTabBarItem, { "aria-controls": ariaControls, itemKey: itemKey, label: label, icon: icon, badge: badge, metadata: metadata, severity: severity, labelMaxWidth: labelMaxWidth, removeIcon: jsxRuntime.jsx("span", { "data-oj-tabbar-item-remove-icon": "true", children: jsxRuntime.jsx(EmbeddedIconButton.EmbeddedIconButton, { "aria-label": translations.tabBarNavigationList_removeCueText(), size: "xs", onAction: handleRemove, children: (isHover || isSelected || isCurrent) && jsxRuntime.jsx(Close.SvgClose, {}) }) }) }) }) }));
-}
-
-const SvgOverflowH = (props) => (jsxRuntime.jsx(Icon.Icon, { viewBox: "0 0 24 24", ...props, children: jsxRuntime.jsx("g", { fill: "none", children: jsxRuntime.jsx("path", { d: "M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z", fill: "currentcolor" }) }) }));
-
-/**
- * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.
- */
-function OverflowTabBarItem({ overflowItemKey, icon, badge, overflowItems, isOpen, onClose }) {
-    const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = TabBarLayout.useTabBarContext();
-    const isPointerSelection = hooks.useRef(false);
-    const overflowTabBarItemRef = hooks.useRef(null);
-    const navigationListRef = preact.createRef();
-    const handleSelectionChange = hooks.useCallback((detail) => {
-        if (detail.reason === 'pointer') {
-            isPointerSelection.current = true;
-        }
-        onSelect?.({ value: detail.value });
-        onClose?.({ reason: 'itemAction' });
-    }, [onSelect, onClose]);
-    const handleDropdownClose = hooks.useCallback((e) => {
-        onClose?.({ reason: e.reason });
-    }, [onClose]);
-    const handleSheetClose = hooks.useCallback(() => {
-        onClose?.({ reason: 'dismissed' });
-    }, [onClose]);
-    //When NavigationList steals focus the app resets it. Not always would it be reset to
-    //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible
-    //Hence we check for isPointerSelection.current
-    const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();
-    const overflowContainsKey = (searchKey) => {
-        return overflowItems?.find((item) => item.itemKey === searchKey) != null;
-    };
-    const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const isSelected = selection !== undefined && overflowContainsKey(selection);
-    //instead of specifying flex: '1 0 auto' in cssProps var
-    const styleInterpolations = mergeInterpolations.mergeInterpolations([
-        ...Object.values(flexitem.flexitemInterpolations)
-    ]);
-    const flexDimensions = styleInterpolations({
-        flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'
-    });
-    const navContainerClasses = classNames.classNames([UNSAFE_TabBarCommon_themes_OverflowTabBarItemStyles_css.styles.navContainerBase]);
-    const navContainerRef = hooks.useRef(null);
-    const handleKeyDown = hooks.useCallback((event) => {
-        if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            navigationListRef.current?.focus();
-        }
-    }, [navigationListRef]);
-    const getNavigationList = hooks.useCallback(() => {
-        return (jsxRuntime.jsx("div", { onKeyDown: handleKeyDown, tabIndex: 0, ref: navContainerRef, class: navContainerClasses, children: jsxRuntime.jsx(NavigationListItem.NavigationList, { ref: navigationListRef, selection: selection, onSelectionChange: handleSelectionChange, onRemove: onRemove, children: overflowItems?.map((item) => item.href != null ? (jsxRuntime.jsx(NavigationListLinkItem.NavigationListLinkItem, { href: item.href, itemKey: item.itemKey, label: item.label, badge: item.badge, metadata: item.metadata, severity: item.severity })) : item.isRemovable ? (jsxRuntime.jsx(NavigationListLinkItem.RemovableNavigationListItem, { itemKey: item.itemKey, label: item.label, badge: item.badge, metadata: item.metadata, severity: item.severity })) : (jsxRuntime.jsx(NavigationListItem.NavigationListItem, { itemKey: item.itemKey, label: item.label, badge: item.badge, metadata: item.metadata, severity: item.severity }))) }) }));
-    }, [
-        handleKeyDown,
-        navContainerClasses,
-        navigationListRef,
-        selection,
-        handleSelectionChange,
-        onRemove,
-        overflowItems
-    ]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [overflowItems && overflowItems.length > 0 && (jsxRuntime.jsx("div", { ref: overflowTabBarItemRef, style: flexDimensions, children: jsxRuntime.jsx(BaseTabBarItem, { "aria-controls": currentPanelId, itemKey: overflowItemKey, label: translations.overflowItemLabel(), icon: icon ? icon : jsxRuntime.jsx(SvgOverflowH, {}), badge: badge, showFocusRingOverride: focusRingRequirement, selectionOverride: isSelected, displayOverride: 'icons', "aria-haspopup": true }) })), getIsMobile() ? (jsxRuntime.jsx(Sheet.Sheet, { isOpen: isOpen, onClose: handleSheetClose, initialFocus: "firstFocusable", children: getNavigationList() })) : (jsxRuntime.jsx(Dropdown.Dropdown, { initialFocus: "firstFocusable", isOpen: isOpen, onClose: handleDropdownClose, placement: isEdgeBottom ? 'top-end' : 'bottom-end', anchorRef: overflowTabBarItemRef, children: getNavigationList() }))] }));
-}
-const getIsMobile = () => {
-    const { deviceType } = clientHints.getClientHints();
-    return deviceType === 'phone';
-};
-
-exports.BaseTabBarItem = BaseTabBarItem;
-exports.OverflowTabBarItem = OverflowTabBarItem;
-exports.RemovableTabBarItem = RemovableTabBarItem;
-exports.TabBarItem = TabBarItem;
-//# sourceMappingURL=OverflowTabBarItem-7bff3461.js.map