@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/es/NumberInputText-9c8015e1.js

@@ -1,227 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
-import { forwardRef } from 'preact/compat';
-import { useCallback, useRef, useImperativeHandle } from 'preact/hooks';
-import { u as useFocusableTextField } from './useFocusableTextField-8fe41cd4.js';
-import './FormContext-55fb8000.js';
-import { u as useFormContext } from './useFormContext-bb9dc478.js';
-import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
-import { u as useTextField } from './useTextField-eb9db737.js';
-import { L as Label } from './Label-5c64c52d.js';
-import { P as PrefixSuffix } from './PrefixSuffix-b3329268.js';
-import { u as usePrefixSuffix } from './usePrefixSuffix-01bfeee0.js';
-import './keyboardUtils-986fe923.js';
-import { R as ReadonlyTextField, T as TextFieldInput } from './StyledTextField-9c60efac.js';
-import './ObfuscatedTextFieldInputStyles.styles.css';
-import { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-7bfb1cad.js';
-import { T as TextField } from './TextField-2643ae3c.js';
-import './LayerHost-12489cef.js';
-import './LiveRegionStyles.styles.css';
-import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
-import './SkeletonStyles.styles.css';
-import './TextFieldLoadingStyles.styles.css';
-import './TextFieldStyles.styles.css';
-import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
-import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
-import './logger-c92f309c.js';
-import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
-import './UserAssistanceStyles.styles.css';
-import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
-import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import { a as InlineUserAssistance } from './InlineUserAssistance-f57a9043.js';
-import { C as CompactUserAssistance } from './CompactUserAssistance-935892f2.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-466c63c4.js';
-import 'preact';
-import './IconStyle.styles.css';
-import { g as getClientHints } from './clientHints-a42b510c.js';
-import './Popup-0f026f03.js';
-import './LabelStyles.styles.css';
-import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
-import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
-import './InputGroupContext-20bdbd6e.js';
-import './HiddenAccessibleStyles.styles.css';
-import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
-import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
-import { u as useCurrentValueReducer } from './useCurrentValueReducer-bdf796fa.js';
-import { S as SvgChevronDown } from './ChevronDown-42f09951.js';
-import { S as SvgChevronUp } from './ChevronUp-6d141334.js';
-import { S as SvgMinus } from './Minus-3b70b768.js';
-import { S as SvgPlus } from './Plus-19b8c4e4.js';
-import { I as IconButton } from './IconButton-c91faa06.js';
-import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
-import { G as Grid } from './Grid-5d56c8aa.js';
-import { u as useSpinning } from './useSpinning-c2c54c7c.js';
-import { u as useSelectableTextField } from './useSelectableTextField-949184a5.js';
-import { d as defaultTextAlignForVariant } from './formControlUtils-84e2af0e.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('@oracle/oraclejet-preact');
-    const labelIncrease = translations.inputNumber_increase();
-    const labelDecrease = translations.inputNumber_decrease();
-    const label = direction === 'increase' ? labelIncrease : labelDecrease;
-    return (jsx(TabbableModeContext.Provider, { value: { isTabbable: false }, children: jsx("div", { "aria-hidden": "true", onPointerDown: onPointerDown, onPointerUp: onPointerUp, onPointerOut: onPointerOut, onPointerCancel: onPointerCancel, children: jsx(IconButton, { isDisabled: isDisabled, tooltip: label, variant: "ghost", size: "sm", children: children }) }) }));
-}
-
-// TODO: Replace Steppers with Buttonset when it becomes available
-function Steppers({ children }) {
-    return (jsx(Grid, { align: "center", gap: "1x", gridTemplateColumns: "1fr 1fr", children: children }));
-}
-
-const stepperVariants = ['directional', 'quantitative'];
-const NumberInputText = 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({ value });
-    const onInputAndDispatch = useCallback((detail) => {
-        dispatch({ type: 'input', payload: detail.value });
-        onInput?.(detail);
-    }, [onInput, dispatch]);
-    const onCommitAndDispatch = 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();
-    // 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 ?? defaultTextAlignForVariant(variant);
-    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
-    const enabledElementRef = useRef(null);
-    const readonlyElementRef = useRef(null);
-    const { focusProps, isFocused, methods: focusMethods } = useFocusableTextField({
-        isDisabled,
-        isReadonly,
-        enabledElementRef,
-        readonlyElementRef
-    });
-    const { methods: selectMethods } = useSelectableTextField(enabledElementRef);
-    useImperativeHandle(ref, () => mergeProps(focusMethods, selectMethods), [
-        focusMethods,
-        selectMethods
-    ]);
-    const { baseId, formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = 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 = 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({
-        isStepDownDisabled,
-        isStepUpDisabled,
-        onSpin,
-        onSpinComplete,
-        onStep: handleStep
-    });
-    const DecreaseButton = hasSteppers ? (jsx(StepButton, { direction: "decrease", isDisabled: isStepDownDisabled, ...pointerDecreaseHandlerProps, children: stepperVariant === 'directional' ? jsx(SvgChevronDown, {}) : jsx(SvgMinus, {}) })) : undefined;
-    const IncreaseButton = hasSteppers ? (jsx(StepButton, { direction: "increase", isDisabled: isStepUpDisabled, ...pointerIncreaseHandlerProps, children: stepperVariant === 'directional' ? jsx(SvgChevronUp, {}) : jsx(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' ? (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({
-        baseId,
-        hasEndContent: endContent !== undefined,
-        hasInsideLabel,
-        hasStartContent: startContent !== undefined,
-        hasValue: formFieldContext.hasValue,
-        isDisabled,
-        isFocused,
-        labelId: labelProps.id,
-        prefix,
-        suffix,
-        value
-    });
-    const renderedPrefix = shouldRenderPrefix ? jsx(PrefixSuffix, { ...prefixProps }) : undefined;
-    const renderedSuffix = shouldRenderSuffix ? jsx(PrefixSuffix, { ...suffixProps }) : undefined;
-    const labelComp = labelEdge !== 'none' ? jsx(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 : (jsx(InlineUserAssistance, { userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : isReadonly ? (jsx(InlineUserAssistance, { fieldLabel: label, messages: messages, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps })) : (jsx(InlineUserAssistance, { assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : undefined;
-    const anchorRef = useRef(null);
-    const compactUserAssistance = userAssistanceDensity === 'compact' ? (jsx(CompactUserAssistance, { anchorRef: anchorRef, messages: messages, assistiveText: assistiveText, ...userAssistanceProps })) : undefined;
-    if (isReadonly) {
-        const mainContent = (jsx(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 (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(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 = (jsxs(Fragment, { children: [renderedPrefix, jsx(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 (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(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 = 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 getClientHints().platform === 'ios' && getClientHints().browser === 'safari';
-}
-
-export { NumberInputText as N, stepperVariants as s };
-//# sourceMappingURL=NumberInputText-9c8015e1.js.map

package/es/NumberInputText-9c8015e1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInputText-9c8015e1.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":["_jsx","DecrementIcon","MinusIcon","IncrementIcon","PlusIcon","_jsxs"],"mappings":"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"}

package/es/OverflowTabBarItem-34746a16.js

@@ -1,263 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, jsx, Fragment } from 'preact/jsx-runtime';
-import { useState, useCallback, useRef } from 'preact/hooks';
-import { u as useHover } from './useHover-85077adb.js';
-import { S as SvgClose } from './Close-315568df.js';
-import { F as Flex } from './Flex-5befe411.js';
-import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
-import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
-import { u as useTabBarContext } from './TabBarLayout-e6b564fc.js';
-import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
-import { E as EmbeddedIconButton } from './EmbeddedIconButton-5b4a9aea.js';
-import { createRef } from 'preact';
-import { g as getClientHints } from './clientHints-a42b510c.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { I as Icon } from './Icon-ef2ac069.js';
-import { D as Dropdown } from './Dropdown-ead9e679.js';
-import { S as Sheet } from './Sheet-24c3e407.js';
-import { u as usePress } from './usePress-051f5adb.js';
-import { u as useUser } from './useUser-df8ae011.js';
-import { T as Text } from './Text-983c749e.js';
-import { d as dimensionInterpolations } from './dimensions-ddde0eee.js';
-import { b as boxAlignmentInterpolations } from './boxalignment-51b42a0f.js';
-import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import { TabBarItemRedwoodTheme } from './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js';
-import { u as useConveyorBeltItem } from './useConveyorBeltItem-ce7d69d6.js';
-import { u as useDetectTruncation } from './useDetectTruncation-eb704b0c.js';
-import { S as SvgWarningS } from './WarningS-7c6d2d0e.js';
-import { S as SvgErrorS } from './ErrorS-60a975db.js';
-import { S as SvgInformationS } from './InformationS-daba658e.js';
-import { S as SvgSuccessS } from './SuccessS-49782304.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { u as useTooltipControlled } from './useTooltipControlled-d7724623.js';
-import { tabBarItemVars } from './UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js';
-import { B as Badge } from './Badge-a458c469.js';
-import { styles } from './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
-import { N as NavigationList, a as NavigationListItem } from './NavigationListItem-78b1f538.js';
-import { N as NavigationListLinkItem, R as RemovableNavigationListItem } from './NavigationListLinkItem-a5dfc1cc.js';
-
-const useTabBarItemTooltip = ({ label, isDisabled }) => {
-    const [isOpen, setOpen] = useState(false);
-    const { tooltipProps, tooltipContent } = 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('@oracle/oraclejet-preact');
-    const { onSelect, selection, currentKey, showFocusRing, hideTooltip, layout, display, size, isEdgeBottom, tabItemPrefix } = useTabBarContext();
-    const isCurrent = currentKey === itemKey;
-    const { ref, ...conveyorBeltProps } = 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 = useCallback(() => {
-        onSelect?.({ value: itemKey });
-    }, [itemKey, onSelect]);
-    const { pressProps } = 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 jsx(SvgErrorS, { color: "danger", accessibleLabel: translations.tabBar_tabContainsErrors() });
-            case 'warning':
-                return jsx(SvgWarningS, { color: "warning" });
-            case 'info':
-                return jsx(SvgInformationS, { color: "info" });
-            case 'confirmation':
-                return jsx(SvgSuccessS, { color: "success" });
-            default:
-                return null;
-        }
-    };
-    const { direction } = 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(TabBarItemRedwoodTheme, {
-        selection: makeSelectionVisible ? 'isSelected' : 'notSelected',
-        current: isCurrent ? 'isCurrent' : 'notCurrent',
-        focusRing: makeFocusRingVisible ? 'showFocusRing' : 'noFocusRing',
-        edgeBottom: isEdgeBottom ? 'isBottom' : 'notBottom'
-    });
-    const tabBarItem = classNames([classes]);
-    const tabBarItemLabelClasses = classNames([
-        tabBarItemLabel,
-        labelMaxWidth !== undefined && tabBarItemLabelTruncated
-    ]);
-    const tabBarItemIconClasses = classNames([
-        tabBarItemIcon,
-        (isStacked || isIconOnly || !labelRequirement) && tabBarItemIconStacked
-    ]);
-    const tabBarItemMetadataClasses = classNames([tabBarItemMetadata]);
-    const tabBarItemStackedBadgeClasses = classNames([
-        tabBarItemStackedBadge,
-        direction === 'rtl' && tabBarItemStackedBadgeRtl
-    ]);
-    const removeClass = classNames([tabBarItemRemoveIcon]);
-    const tabBarItemLinkClasses = classNames([tabBarItemLink]);
-    const styleInterpolations = mergeInterpolations([
-        ...Object.values(flexitemInterpolations),
-        ...Object.values(dimensionInterpolations),
-        ...Object.values(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 ? tabBarItemVars.lgHeight : 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([
-        ...Object.values(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(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 (jsxs(Fragment, { children: [jsxs(Flex, { align: "center", justify: "center", flex: "1 1 auto", gap: "2x", children: [!isIconOnly && !isStacked && icon && labelRequirement && (jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-icon": "startIcon", children: icon })), !isIconOnly && labelRequirement && (jsx("span", { class: tabBarItemLabelClasses, style: maxWidthDimensions, ...detectTruncationProps, children: jsx(Text, { size: "md", weight: "semiBold", children: label }) }))] }), !isLinkItem && removeIcon && jsx("span", { class: removeClass, children: removeIcon })] }));
-    };
-    const complexItemRenderer = () => {
-        return (jsxs(Flex, { flex: "1 1 auto", children: [jsxs(Flex, { minWidth: "10.5x", minHeight: isTall ? tabBarItemVars.lgHeight : '100%', height: isStacked && labelRequirement ? tabBarItemVars.stackedHeight : tabBarItemVars.mdHeight, direction: isStacked && labelRequirement ? 'column' : 'row', gap: "2x", align: "center", justify: "center", alignSelf: "center", flex: "1 1 auto", children: [(isStacked || isIconOnly) && (jsxs("div", { "aria-label": isIconOnly ? label : undefined, class: tabBarItemIconClasses, children: [icon, jsx("span", { class: tabBarItemStackedBadgeClasses, children: badge ? (jsx(Badge, { size: "xs", variant: "neutral", children: badge })) : null })] })), !isIconOnly && !isStacked && icon && labelRequirement && (jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-icon": "startIcon", children: icon })), !isIconOnly && labelRequirement && (jsx("span", { class: tabBarItemLabelClasses, style: maxWidthDimensions, ...detectTruncationProps, children: jsx(Text, { size: "md", weight: "semiBold", children: label }) })), !isStacked && !isIconOnly && badge && labelRequirement && (jsx("span", { "data-oj-tab-badge": badge, children: jsx(Badge, { size: "md", variant: "neutralSubtle", children: badge }) })), metadata && (jsx("span", { class: tabBarItemMetadataClasses, "data-oj-tab-metadata": metadata, children: jsx(Text, { size: "md", weight: "normal", children: '( ' + metadata + ' )' }) })), severityRequirement && (jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-severity": severity, children: IconComponent(severity) }))] }), !isLinkItem && removeIcon && jsx("span", { class: removeClass, children: removeIcon })] }));
-    };
-    const tabBarItemRenderer = () => {
-        return (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(pressProps, tooltipEventHandlerProps, conveyorBeltProps), ref: ref, style: isComplexItem ? flexDimensions : tabDimensions, children: [isComplexItem ? complexItemRenderer() : labelIconRenderer(), tooltipContent] }));
-    };
-    const tabBarLinkItemRenderer = () => {
-        return (jsxs("div", { ref: ref, class: tabBarItem, ...mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps), style: isComplexItem ? flexDimensions : tabDimensions, children: [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 (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 } = useTabBarContext();
-    const isSelected = selection === itemKey;
-    const isCurrent = currentKey === itemKey;
-    const handleRemove = useCallback(() => {
-        onRemove?.({ value: itemKey });
-    }, [onRemove, itemKey]);
-    const { hoverProps, isHover } = useHover({});
-    //instead of specifying flex: '1 0 auto' in cssProps var
-    const styleInterpolations = mergeInterpolations([
-        ...Object.values(flexitemInterpolations)
-    ]);
-    const flexDimensions = styleInterpolations({
-        flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'
-    });
-    const translations = 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 (jsx("div", { ...hoverProps, style: flexDimensions, children: jsx(Flex, { children: jsx(BaseTabBarItem, { "aria-controls": ariaControls, itemKey: itemKey, label: label, icon: icon, badge: badge, metadata: metadata, severity: severity, labelMaxWidth: labelMaxWidth, removeIcon: jsx("span", { "data-oj-tabbar-item-remove-icon": "true", children: jsx(EmbeddedIconButton, { "aria-label": translations.tabBarNavigationList_removeCueText(), size: "xs", onAction: handleRemove, children: (isHover || isSelected || isCurrent) && jsx(SvgClose, {}) }) }) }) }) }));
-}
-
-const SvgOverflowH = (props) => (jsx(Icon, { viewBox: "0 0 24 24", ...props, children: jsx("g", { fill: "none", children: 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 } = useTabBarContext();
-    const isPointerSelection = useRef(false);
-    const overflowTabBarItemRef = useRef(null);
-    const navigationListRef = createRef();
-    const handleSelectionChange = useCallback((detail) => {
-        if (detail.reason === 'pointer') {
-            isPointerSelection.current = true;
-        }
-        onSelect?.({ value: detail.value });
-        onClose?.({ reason: 'itemAction' });
-    }, [onSelect, onClose]);
-    const handleDropdownClose = useCallback((e) => {
-        onClose?.({ reason: e.reason });
-    }, [onClose]);
-    const handleSheetClose = 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('@oracle/oraclejet-preact');
-    const isSelected = selection !== undefined && overflowContainsKey(selection);
-    //instead of specifying flex: '1 0 auto' in cssProps var
-    const styleInterpolations = mergeInterpolations([
-        ...Object.values(flexitemInterpolations)
-    ]);
-    const flexDimensions = styleInterpolations({
-        flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'
-    });
-    const navContainerClasses = classNames([styles.navContainerBase]);
-    const navContainerRef = useRef(null);
-    const handleKeyDown = useCallback((event) => {
-        if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            navigationListRef.current?.focus();
-        }
-    }, [navigationListRef]);
-    const getNavigationList = useCallback(() => {
-        return (jsx("div", { onKeyDown: handleKeyDown, tabIndex: 0, ref: navContainerRef, class: navContainerClasses, children: jsx(NavigationList, { ref: navigationListRef, selection: selection, onSelectionChange: handleSelectionChange, onRemove: onRemove, children: overflowItems?.map((item) => item.href != null ? (jsx(NavigationListLinkItem, { href: item.href, itemKey: item.itemKey, label: item.label, badge: item.badge, metadata: item.metadata, severity: item.severity })) : item.isRemovable ? (jsx(RemovableNavigationListItem, { itemKey: item.itemKey, label: item.label, badge: item.badge, metadata: item.metadata, severity: item.severity })) : (jsx(NavigationListItem, { itemKey: item.itemKey, label: item.label, badge: item.badge, metadata: item.metadata, severity: item.severity }))) }) }));
-    }, [
-        handleKeyDown,
-        navContainerClasses,
-        navigationListRef,
-        selection,
-        handleSelectionChange,
-        onRemove,
-        overflowItems
-    ]);
-    return (jsxs(Fragment, { children: [overflowItems && overflowItems.length > 0 && (jsx("div", { ref: overflowTabBarItemRef, style: flexDimensions, children: jsx(BaseTabBarItem, { "aria-controls": currentPanelId, itemKey: overflowItemKey, label: translations.overflowItemLabel(), icon: icon ? icon : jsx(SvgOverflowH, {}), badge: badge, showFocusRingOverride: focusRingRequirement, selectionOverride: isSelected, displayOverride: 'icons', "aria-haspopup": true }) })), getIsMobile() ? (jsx(Sheet, { isOpen: isOpen, onClose: handleSheetClose, initialFocus: "firstFocusable", children: getNavigationList() })) : (jsx(Dropdown, { initialFocus: "firstFocusable", isOpen: isOpen, onClose: handleDropdownClose, placement: isEdgeBottom ? 'top-end' : 'bottom-end', anchorRef: overflowTabBarItemRef, children: getNavigationList() }))] }));
-}
-const getIsMobile = () => {
-    const { deviceType } = getClientHints();
-    return deviceType === 'phone';
-};
-
-export { BaseTabBarItem as B, OverflowTabBarItem as O, RemovableTabBarItem as R, TabBarItem as T };
-//# sourceMappingURL=OverflowTabBarItem-34746a16.js.map