@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/cjs/TabBar-1cd4ac17.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar-1cd4ac17.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              isContextMenuAvailable && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["forwardRef","useTabBar","styles","_jsxs","_Fragment","_jsx","TabBarContext","TabBarLayout","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA;;AAEG;MACU,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;IACF,MAAM,OAAO,GAAG,GAAgC,CAAC;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAGC,mBAAS,CAAC;QACZ,KAAK,EAAEC,4CAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAC,CAAAC,0BAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,cAAA,CAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDF,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,cAAA,CAACG,iCAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIH,cAAC,CAAAI,qBAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBJ,cAAC,CAAAK,mCAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}

package/cjs/TextArea-d65e3f5b.js

@@ -1,207 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var useCurrentValueReducer = require('./useCurrentValueReducer-f37ac024.js');
-require('./FormContext-6aec9525.js');
-var useFormContext = require('./useFormContext-3535e63f.js');
-var useId = require('./useId-6c0eeb27.js');
-var useLengthFilter = require('./useLengthFilter-d860b411.js');
-var useTranslationBundle = require('./useTranslationBundle-8d51d37f.js');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var hooks = require('preact/hooks');
-require('./keyboardUtils-d234643d.js');
-var ReadonlyTextField = require('./ReadonlyTextField-334dea29.js');
-
-var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-a071f882.js');
-require('./LayerHost-4ebd4dca.js');
-var classNames = require('./classNames-c14c6ef3.js');
-require('./FormFieldContext-69fe83d2.js');
-
-require('./logger-2c9401cc.js');
-require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
-
-
-
-
-
-require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
-
-
-require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
-
-require('./Flex-d23357d1.js');
-
-require('./StyledTextField-7a8d3c26.js');
-require('./InputGroupContext-05f2a46f.js');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-a2495cbc.js');
-var MaxLengthLiveRegion = require('./MaxLengthLiveRegion-624d0c1c.js');
-var formControlUtils = require('./formControlUtils-ccd07bc8.js');
-var usePress = require('./usePress-11904554.js');
-var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
-
-var useInputBase = require('./useInputBase-7df9da55.js');
-
-var hide = 'MaxLengthCounterStyles_hide__7dy9j71';
-var maxLengthCounterBase = 'MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70';
-var spanStyles = 'MaxLengthCounterStyles_spanStyles__7dy9j72';
-
-const noop = () => { };
-function MaxLengthCounter({ maxLength, valueLength = 0, onClick }) {
-    const { isFocused } = useFormFieldContext.useFormFieldContext();
-    // We don't want mousedown on this component to do anything, so prevent the default behavior.
-    const killEvent = hooks.useCallback((event) => event.preventDefault(), []);
-    const textClasses = classNames.classNames([!isFocused && hide]);
-    const { pressProps } = usePress.usePress(onClick ?? noop);
-    return (jsxRuntime.jsx("div", { class: maxLengthCounterBase, onMouseDown: killEvent, ...pressProps, children: jsxRuntime.jsxs("span", { class: textClasses, children: [jsxRuntime.jsx("span", { class: spanStyles, children: valueLength }), jsxRuntime.jsx("span", { class: spanStyles, children: "/" }), jsxRuntime.jsx("span", { class: spanStyles, children: maxLength })] }) }));
-}
-
-/**
- * A custom hook to enable an alternate way for entering a new line in the TextArea components using
- * Alt + Enter (or option + return in MacOS). This is particularly useful in scenarios where pressing Enter
- * could mean a different action, like exiting from edit mode in a Table/DataGrid containing a TextArea.
- */
-const useTextAreaAltEnter = ({ onInput, textAreaRef }) => {
-    // We want to have alt/option+Enter to insert a newline like Enter does.
-    const [selectionStart, setSelectionStart] = hooks.useState();
-    const handleKeyDown = hooks.useCallback((event) => {
-        // If we see an alt+enter (or option+return on a Mac), we insert a newline and call onInputAndDispatch
-        // since that is what is called any time the input value changes.
-        if (event.altKey && event.key === 'Enter') {
-            event.preventDefault(); // Prevent default Enter behavior
-            const textarea = event.target;
-            const { selectionStart: start, selectionEnd: end, value: previousValue } = textarea;
-            const newValue = previousValue.substring(0, start) + '\n' + previousValue.substring(end);
-            const valueUpdateDetail = {
-                previousValue: previousValue,
-                value: newValue
-            };
-            setSelectionStart(start + 1);
-            onInput(valueUpdateDetail);
-        }
-    }, [onInput]);
-    hooks.useLayoutEffect(() => {
-        if (selectionStart) {
-            textAreaRef.current?.setSelectionRange(selectionStart, selectionStart);
-            // reset to undefined, so the next selectionStart will trigger the useLayoutEffect
-            // even if it is the same as the previous selectionStart that was set.  This is
-            // because we are only setting selectionStart for alt+enter.
-            setSelectionStart(undefined);
-        }
-    }, [selectionStart, textAreaRef]);
-    return { handleKeyDown };
-};
-
-/**
- * A text area displays a field that allows a user to enter a multi-line text value.
- */
-const TextArea = compat.forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, autoComplete = 'off', autoFocus = false, blooming = 'off', columnSpan, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, maxLength, maxLengthCounter = 'remaining', maxLengthUnit, messages, placeholder, resize, role, rows, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', onInput, onCommit, testId }, ref) => {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const formControl_limitReached = maxLength
-        ? translations.formControl_limitReached({
-            CHARACTER_LIMIT: maxLength
-        })
-        : '';
-    const { isReadonly: formIsReadonly } = useFormContext.useFormContext();
-    const isReadonlyForMessages = propIsReadonly ?? formIsReadonly ?? false;
-    const { currentCommitValue, dispatch } = useCurrentValueReducer.useCurrentValueReducer({ value });
-    const onInputAndDispatch = compat.useCallback((detail) => {
-        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
-        dispatch({ type: 'input', payload: detail.value });
-        onInput?.(detail);
-    }, [onInput, dispatch]);
-    const onCommitAndDispatch = compat.useCallback((detail) => {
-        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
-        dispatch({ type: 'commit', payload: detail.value });
-        onCommit?.(detail);
-    }, [onCommit, dispatch]);
-    const maxLengthDescribedById = useId.useId();
-    // Handle length filter for user-typed inputs and controlled inputs
-    const { isMaxLengthExceeded, isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter.useLengthFilter({
-        maxLength,
-        maxLengthUnit,
-        value,
-        onInput: onInputAndDispatch,
-        onCommit: onCommitAndDispatch
-    });
-    const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];
-    const allMessages = [
-        ...(messages ?? []),
-        // Readonly fields cannot be edited, so suppress the generated max-length
-        // limit message for readonly.
-        ...(isMaxLengthReached && !isReadonlyForMessages ? limitMessage : [])
-    ];
-    // `useInputBase` now owns the shared textarea shell: form defaults, refs, label plumbing,
-    // assistance wiring, and readonly/editable shell selection. The max-length UX remains local
-    // because the counter and live region are specific to textarea editing behavior.
-    const base = useInputBase.useInputBase({
-        assistiveText,
-        ariaDescribedBy,
-        columnSpan,
-        contentVariant: 'textarea',
-        helpSourceLink,
-        helpSourceText,
-        isDisabled: propIsDisabled,
-        isReadonly: propIsReadonly,
-        isRequiredShown,
-        isSelectable: true,
-        label,
-        labelEdge: propLabelEdge,
-        labelStartWidth: propLabelStartWidth,
-        messages: allMessages,
-        textAlign: propTextAlign,
-        userAssistanceDensity: propUserAssistanceDensity,
-        value,
-        variant
-    });
-    const { isDisabled, isReadonly, labelEdge, textAlign = formControlUtils.defaultTextAlignForVariant(variant) } = base;
-    const hasInsideLabel = label !== undefined && labelEdge === 'inside';
-    // We want to have alt/option+Enter to insert a newline like Enter does.
-    const { handleKeyDown } = useTextAreaAltEnter({
-        onInput: onInputAndDispatch,
-        textAreaRef: base.enabledElementRef
-    });
-    const onClickCounter = compat.useCallback(() => {
-        const elm = base.enabledElementRef.current;
-        // for setSelectionRange(), len needs to be a number or null.
-        const len = elm ? elm.value.length : null;
-        // Since the counter element is after the text, clicking in this
-        // should put the selection at the end of the text
-        base.enabledElementRef.current?.setSelectionRange(len, len);
-        // Clicking the counter should put the focus on the input field
-        base.enabledElementRef.current?.focus();
-    }, [base.enabledElementRef]);
-    const hasMaxLength = maxLength !== undefined;
-    const shouldAnnounceMaxLength = hasMaxLength && !isReadonly && !isDisabled;
-    const { 'aria-describedby': inputAriaDescribedBy, ...inputPropsRest } = base.inputProps;
-    // Regular TextArea keeps the browser's native scrollbar when content overflows. Reserve the
-    // scrollbar gutter consistently for the default editable shell, even when bloom is off or
-    // currently suppressed. Bloom can be toggled dynamically, and making this conditional would
-    // visibly move the scrollport as bloom turns on or off. TextAreaAutosize handles this separately
-    // because its measured textarea border box participates in autosize height calculations.
-    const hasTextAreaScrollbarInset = !formControlUtils.isEmbeddedVariant(variant);
-    const mainContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ReadonlyTextField.TextFieldInput, { as: "textarea", "aria-describedby": classNames.classNames([inputAriaDescribedBy, shouldAnnounceMaxLength && maxLengthDescribedById]) ||
-                    undefined, "aria-label": base.ariaLabel, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: hasInsideLabel, hasTextAreaScrollbarInset: hasTextAreaScrollbarInset, isRequired: isRequired, inputRef: base.enabledElementRef, onCommit: onCommitAndDispatch, onInput: onFilteredInput, onKeyDown: handleKeyDown, placeholder: placeholder, role: role, rows: rows, textAlign: textAlign, value: value, ...inputPropsRest }), maxLengthCounter === 'remaining' && hasMaxLength && (jsxRuntime.jsx(MaxLengthCounter, { maxLength: maxLength, valueLength: valueLength, onClick: onClickCounter })), hasMaxLength && (jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: maxLengthDescribedById, isHidden: true, children: translations.formControl_maxLength({
-                    MAX_LENGTH: `${maxLength}`
-                }) })), hasMaxLength && base.isFocused && (jsxRuntime.jsx(MaxLengthLiveRegion.MaxLengthLiveRegion, { isMaxLengthExceeded: isMaxLengthExceeded, maxLength: maxLength, valueLength: valueLength, testId: testId ? testId + '_maxLength' : undefined }))] }));
-    const readonlyMainContent = (jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, { "aria-describedby": base.inputProps['aria-describedby'], "aria-label": base.ariaLabel, "aria-labelledby": base.labelProps.id, as: "textarea", elementRef: base.readonlyElementRef, formVariant: variant, rows: rows, autoFocus: autoFocus, textAlign: textAlign, value: value, variant: "textarea", hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: hasInsideLabel, onBlur: base.inputProps.onBlur, onFocus: base.inputProps.onFocus }));
-    const inputBaseProps = {
-        ref,
-        base,
-        mainContent,
-        readonlyMainContent,
-        resize,
-        testId
-    };
-    return formControlUtils.isEmbeddedVariant(variant) ? (jsxRuntime.jsx(useInputBase.EmbeddedInputBase, { ...inputBaseProps })) : (jsxRuntime.jsx(useInputBase.InputBase, { ...inputBaseProps, blooming: blooming }));
-});
-
-exports.MaxLengthCounter = MaxLengthCounter;
-exports.TextArea = TextArea;
-exports.useTextAreaAltEnter = useTextAreaAltEnter;
-//# sourceMappingURL=TextArea-d65e3f5b.js.map

package/cjs/TextArea-d65e3f5b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea-d65e3f5b.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx","../../src/UNSAFE_TextArea/useTextAreaAltEnter.ts","../../src/UNSAFE_TextArea/TextArea.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n  maxLength: number;\n  valueLength?: number;\n  onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n  const { isFocused } = useFormFieldContext();\n  // We don't want mousedown on this component to do anything, so prevent the default behavior.\n  const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n  const textClasses = classNames([!isFocused && hide]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n      <span class={textClasses}>\n        <span class={spanStyles}>{valueLength}</span>\n        <span class={spanStyles}>/</span>\n        <span class={spanStyles}>{maxLength}</span>\n      </span>\n    </div>\n  );\n}\n","import { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useLayoutEffect, useState } from 'preact/hooks';\n\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype UseTextAreaAltEnterOptions = {\n  /**\n   * The onInput of the TextFieldInput\n   */\n  onInput: NonNullable<ComponentProps<typeof TextFieldInput>['onInput']>;\n  /**\n   * The ref to the textarea element\n   */\n  textAreaRef: RefObject<HTMLTextAreaElement>;\n};\n\n/**\n * A custom hook to enable an alternate way for entering a new line in the TextArea components using\n * Alt + Enter (or option + return in MacOS). This is particularly useful in scenarios where pressing Enter\n * could mean a different action, like exiting from edit mode in a Table/DataGrid containing a TextArea.\n */\nexport const useTextAreaAltEnter = ({ onInput, textAreaRef }: UseTextAreaAltEnterOptions) => {\n  // We want to have alt/option+Enter to insert a newline like Enter does.\n  const [selectionStart, setSelectionStart] = useState<number>();\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // If we see an alt+enter (or option+return on a Mac), we insert a newline and call onInputAndDispatch\n      // since that is what is called any time the input value changes.\n      if (event.altKey && event.key === 'Enter') {\n        event.preventDefault(); // Prevent default Enter behavior\n        const textarea = event.target as HTMLTextAreaElement;\n        const { selectionStart: start, selectionEnd: end, value: previousValue } = textarea;\n        const newValue = previousValue.substring(0, start) + '\\n' + previousValue.substring(end);\n\n        const valueUpdateDetail: ValueUpdateDetail<string> = {\n          previousValue: previousValue,\n          value: newValue\n        };\n        setSelectionStart(start + 1);\n        onInput(valueUpdateDetail);\n      }\n    },\n    [onInput]\n  );\n\n  useLayoutEffect(() => {\n    if (selectionStart) {\n      textAreaRef.current?.setSelectionRange(selectionStart, selectionStart);\n      // reset to undefined, so the next selectionStart will trigger the useLayoutEffect\n      // even if it is the same as the previous selectionStart that was set.  This is\n      // because we are only setting selectionStart for alt+enter.\n      setSelectionStart(undefined);\n    }\n  }, [selectionStart, textAreaRef]);\n\n  return { handleKeyDown };\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, useCallback } from 'preact/compat';\n\nimport { EmbeddedInputBase, InputBase, useInputBase } from '#PRIVATE_InputBase';\nimport { useCurrentValueReducer } from '#hooks/UNSAFE_useCurrentValueReducer';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CountUnit, useLengthFilter } from '#hooks/UNSAFE_useLengthFilter';\nimport { SelectableHandle } from '#hooks/UNSAFE_useSelectableTextField';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentMessageItem } from '#UNSAFE_ComponentMessage';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport {\n  MaxLengthLiveRegion,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '#UNSAFE_TextField';\nimport type { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { defaultTextAlignForVariant, isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { Size } from '#utils/UNSAFE_size';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { classNames as combineIds } from '#utils/UNSAFE_classNames';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { MaxLengthCounter } from './MaxLengthCounter';\nimport { useTextAreaAltEnter } from './useTextAreaAltEnter';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = 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   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\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   * 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   * Specifies the AI bloom visual treatment.\n   * Bloom is suppressed when the component is disabled, readonly, embedded, or showing\n   * error or warning messages.\n   */\n  blooming?: TextFieldProps['blooming'];\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * 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   * 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   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n  /**\n   * Determines whether the remaining number of characters that can be entered is shown or not.\n   */\n  maxLengthCounter?: 'none' | 'remaining';\n  /**\n   * Specifies how the input text characters are to be counted when maxLength is specified.\n   */\n  maxLengthUnit?: CountUnit;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how the user is allowed to manually resize the TextArea component.\n   */\n  resize?: TextFieldProps['resize'];\n  /**\n   * Specifies the ARIA role type.\n   */\n  role?: TextFieldInputProps['role'];\n  /**\n   * Specifies the number of rows to display\n   */\n  rows?: TextFieldInputProps['rows'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <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   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by blurring out of the field.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\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\n/**\n * A text area displays a field that allows a user to enter a multi-line text value.\n */\nexport const TextArea = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      blooming = 'off',\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthCounter = 'remaining',\n      maxLengthUnit,\n      messages,\n      placeholder,\n      resize,\n      role,\n      rows,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const formControl_limitReached = maxLength\n      ? translations.formControl_limitReached({\n          CHARACTER_LIMIT: maxLength\n        })\n      : '';\n    const { isReadonly: formIsReadonly } = useFormContext();\n    const isReadonlyForMessages = propIsReadonly ?? formIsReadonly ?? false;\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n\n    const maxLengthDescribedById = useId();\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthExceeded, isMaxLengthReached, valueLength, onFilteredInput } =\n      useLengthFilter({\n        maxLength,\n        maxLengthUnit,\n        value,\n        onInput: onInputAndDispatch,\n        onCommit: onCommitAndDispatch\n      });\n\n    const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n    const allMessages = [\n      ...(messages ?? []),\n      // Readonly fields cannot be edited, so suppress the generated max-length\n      // limit message for readonly.\n      ...(isMaxLengthReached && !isReadonlyForMessages ? limitMessage : [])\n    ] as ComponentMessageItem[];\n\n    // `useInputBase` now owns the shared textarea shell: form defaults, refs, label plumbing,\n    // assistance wiring, and readonly/editable shell selection. The max-length UX remains local\n    // because the counter and live region are specific to textarea editing behavior.\n    const base = useInputBase<HTMLTextAreaElement, HTMLTextAreaElement, string | undefined>({\n      assistiveText,\n      ariaDescribedBy,\n      columnSpan,\n      contentVariant: 'textarea',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequiredShown,\n      isSelectable: true,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages: allMessages,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant\n    });\n\n    const {\n      isDisabled,\n      isReadonly,\n      labelEdge,\n      textAlign = defaultTextAlignForVariant(variant)\n    } = base;\n    const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n    // We want to have alt/option+Enter to insert a newline like Enter does.\n    const { handleKeyDown } = useTextAreaAltEnter({\n      onInput: onInputAndDispatch,\n      textAreaRef: base.enabledElementRef\n    });\n\n    const onClickCounter = useCallback(() => {\n      const elm = base.enabledElementRef.current;\n      // for setSelectionRange(), len needs to be a number or null.\n      const len = elm ? elm.value.length : null;\n      // Since the counter element is after the text, clicking in this\n      // should put the selection at the end of the text\n      base.enabledElementRef.current?.setSelectionRange(len, len);\n      // Clicking the counter should put the focus on the input field\n      base.enabledElementRef.current?.focus();\n    }, [base.enabledElementRef]);\n\n    const hasMaxLength = maxLength !== undefined;\n    const shouldAnnounceMaxLength = hasMaxLength && !isReadonly && !isDisabled;\n    const { 'aria-describedby': inputAriaDescribedBy, ...inputPropsRest } = base.inputProps;\n    // Regular TextArea keeps the browser's native scrollbar when content overflows. Reserve the\n    // scrollbar gutter consistently for the default editable shell, even when bloom is off or\n    // currently suppressed. Bloom can be toggled dynamically, and making this conditional would\n    // visibly move the scrollport as bloom turns on or off. TextAreaAutosize handles this separately\n    // because its measured textarea border box participates in autosize height calculations.\n    const hasTextAreaScrollbarInset = !isEmbeddedVariant(variant);\n\n    const mainContent = (\n      <>\n        <TextFieldInput\n          as=\"textarea\"\n          aria-describedby={\n            combineIds([inputAriaDescribedBy, shouldAnnounceMaxLength && maxLengthDescribedById]) ||\n            undefined\n          }\n          aria-label={base.ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={hasInsideLabel}\n          hasTextAreaScrollbarInset={hasTextAreaScrollbarInset}\n          isRequired={isRequired}\n          inputRef={base.enabledElementRef}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          role={role}\n          rows={rows}\n          textAlign={textAlign}\n          value={value}\n          {...inputPropsRest}\n        />\n        {maxLengthCounter === 'remaining' && hasMaxLength && (\n          <MaxLengthCounter\n            maxLength={maxLength}\n            valueLength={valueLength}\n            onClick={onClickCounter}\n          />\n        )}\n        {hasMaxLength && (\n          <HiddenAccessible id={maxLengthDescribedById} isHidden={true}>\n            {translations.formControl_maxLength({\n              MAX_LENGTH: `${maxLength}`\n            })}\n          </HiddenAccessible>\n        )}\n        {hasMaxLength && base.isFocused && (\n          <MaxLengthLiveRegion\n            isMaxLengthExceeded={isMaxLengthExceeded}\n            maxLength={maxLength}\n            valueLength={valueLength}\n            testId={testId ? testId + '_maxLength' : undefined}\n          />\n        )}\n      </>\n    );\n\n    const readonlyMainContent = (\n      <ReadonlyTextFieldInput\n        aria-describedby={base.inputProps['aria-describedby']}\n        aria-label={base.ariaLabel}\n        aria-labelledby={base.labelProps.id}\n        as=\"textarea\"\n        elementRef={base.readonlyElementRef}\n        formVariant={variant}\n        rows={rows}\n        autoFocus={autoFocus}\n        textAlign={textAlign}\n        value={value}\n        variant=\"textarea\"\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\n        hasInsideLabel={hasInsideLabel}\n        onBlur={base.inputProps.onBlur}\n        onFocus={base.inputProps.onFocus}\n      />\n    );\n\n    const inputBaseProps = {\n      ref,\n      base,\n      mainContent,\n      readonlyMainContent,\n      resize,\n      testId\n    };\n\n    return isEmbeddedVariant(variant) ? (\n      <EmbeddedInputBase {...inputBaseProps} />\n    ) : (\n      <InputBase {...inputBaseProps} blooming={blooming} />\n    );\n  }\n);\n"],"names":["useFormFieldContext","useCallback","classNames","usePress","_jsx","_jsxs","useState","useLayoutEffect","forwardRef","useTranslationBundle","useFormContext","useCurrentValueReducer","useId","useLengthFilter","useInputBase","defaultTextAlignForVariant","isEmbeddedVariant","_Fragment","TextFieldInput","combineIds","HiddenAccessible","MaxLengthLiveRegion","ReadonlyTextFieldInput","EmbeddedInputBase","InputBase"],"mappings":"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"}

package/cjs/useDetectHorizontalOverflow-622817d4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDetectHorizontalOverflow-622817d4.js","sources":["../../src/hooks/PRIVATE_useDetectHorizontalOverflow/useDetectHorizontalOverflow.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useState, useLayoutEffect, useRef, StateUpdater, useCallback } from 'preact/hooks';\nimport { useResizeObserver } from '../../hooks/UNSAFE_useResizeObserver';\nimport { Size } from '../../utils/UNSAFE_size';\nimport { getTabWidths } from '../../utils/PRIVATE_tabBarUtils';\nimport type { TrailingContentInfo } from '../../utils/PRIVATE_tabBarUtils';\n\ntype TabDimensions<K extends string | number> = {\n  key: K;\n  maxWidth: number;\n  nonTextWidth?: number;\n  needsTruncation?: boolean;\n  cumulativeWidth?: number;\n};\n\n//The minimum width of the overflowtabbaritem, it can be rendered with width greater than this based on available width\nconst MORE_ITEM_WIDTH = 48;\nconst LABEL_MIN_WIDTH = 96;\nconst TAB_BORDER = 6;\n//This is the minWidth a tab will have if it has only a label.\nconst TAB_MIN_WIDTH = LABEL_MIN_WIDTH + TAB_BORDER;\n\nexport type useDetectOverflowProps<K extends string | number> = {\n  rootRef: RefObject<HTMLDivElement>;\n  keysArray: (K | undefined)[];\n  isTruncationDisabled?: boolean;\n};\n\n/**\n * Implements overflow detection and calculation\n */\nexport function useDetectHorizontalOverflow<K extends string | number>({\n  rootRef,\n  keysArray,\n  isTruncationDisabled = true\n}: useDetectOverflowProps<K>) {\n  const [visibleItemKeys, setVisibleItemKeys] = useState<(K | undefined)[]>();\n  const [overflowItemKeys, setOverflowingItemKeys] = useState<(K | undefined)[]>();\n  const trailingContentWidths = useRef(new Map<K, TrailingContentInfo>());\n  const [tabMaxWidth, setTabMaxWidth] = useState<Map<K, Size>>();\n  // This state var is to only re-trigger the layout effect. Using it locally will not give the latest updated value hence we use current suffix vars\n  const [tabBarWidth, setTabBarWidth] = useState<number>(0);\n  const isAllItemsTruncatedMax = useRef<boolean>(false);\n  const isAllItemsTruncatedFinal = useRef<boolean>(false);\n  const tabDimensions = useRef<TabDimensions<K>[]>();\n\n  useLayoutEffect(() => {\n    // Store locally to avoid calling rootRef everytime within layouteffect\n    const tabBarWidthCurrent = rootRef?.current?.clientWidth;\n    const tabBarScrollWidthCurrent = rootRef?.current?.scrollWidth;\n    if (\n      rootRef.current &&\n      keysArray &&\n      keysArray.length > 0 &&\n      tabBarWidthCurrent &&\n      tabBarWidthCurrent > 0\n    ) {\n      //Set tabBarWidth if not the current value\n      if (tabBarWidth !== tabBarWidthCurrent) {\n        setTabBarWidth(tabBarWidthCurrent);\n      }\n\n      if (tabMaxWidth === undefined) {\n        const isOverflow = tabBarWidthCurrent > 0 && tabBarWidthCurrent < tabBarScrollWidthCurrent!;\n\n        //If there is no overflow maxWidth should be its prevState, prevState may also be undefined if truncation is disabled.\n        if (!isOverflow) {\n          setTabMaxWidth((prevState) => {\n            return prevState;\n          });\n        } else {\n          //We need to calculate maxWidth only if truncation threshold limit is not reached\n          if (!isAllItemsTruncatedMax.current) {\n            const tabWidths = getTabWidths(\n              rootRef.current,\n              trailingContentWidths,\n              isTruncationDisabled,\n              tabBarWidthCurrent,\n              isAllItemsTruncatedMax?.current,\n              keysArray as K[]\n            );\n            //If all items have reached max treshold of truncation then we set it to true\n            if (tabWidths.every((item) => item.hasReachedLimit)) {\n              isAllItemsTruncatedMax.current = true;\n            }\n            tabDimensions.current = tabWidths as any;\n          }\n          //If all items have reached max treshold of truncation then we do not have update tabDimensions are maxWidth cannot go lesser than 96px.\n          else {\n            tabDimensions.current = tabDimensions.current?.map((item) => ({\n              ...item\n            }));\n          }\n        }\n\n        //Set calculated maxWidths\n        if (!isTruncationDisabled) {\n          const tabMaxWidthMap = new Map(\n            tabDimensions.current?.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n          );\n          setTabMaxWidth(tabMaxWidthMap);\n        }\n        //Overflow calculation\n        if (tabBarWidthCurrent < tabBarScrollWidthCurrent!) {\n          const arr = tabDimensions.current?.map((item) => item.cumulativeWidth) as number[];\n          const lastIndex = arr.length - 1;\n          //In addition to scrollWidth we check if the cumulative width of last item is greater than rootRef clientwidth\n          if (arr && tabBarWidthCurrent < arr[lastIndex]) {\n            const { closestEntry, closestIndex } = searchClosest(arr, tabBarWidthCurrent);\n            // Check for not null, because even for '0' value of closestIndex we want to slice in such cases only overflow item will be rendered\n            if (closestEntry && closestIndex != null) {\n              // Closest index refers to the index of the last item that would be visible.\n              // While splicing we need to include it however if we check for closestIndex < lastIndex alone then closestIndex + 1 will be greater than the last item index so we check for one less.\n              const lastVisibleItemIndex =\n                closestIndex < lastIndex - 1 ? closestIndex + 1 : closestIndex;\n              setVisibleItemKeys(keysArray.slice(0, lastVisibleItemIndex));\n              setOverflowingItemKeys(keysArray?.slice(lastVisibleItemIndex));\n              //Once OverflowTabBarItem is rendered, i.e overflowItemKeys move into overflow menu then space is available, which can be re-dsitributed to truncated visible items. We also check if these visible items have already gone through this calculation otherwise we skip it to avoid infinite loop.\n              if (closestIndex > 0 && !isAllItemsTruncatedFinal.current && !isTruncationDisabled) {\n                const tabWidthsAfterOverflow = getTabWidths(\n                  rootRef.current,\n                  trailingContentWidths,\n                  isTruncationDisabled,\n                  tabBarWidthCurrent,\n                  isAllItemsTruncatedMax?.current\n                );\n                const tabMaxWidthMapAfterOverflow = new Map(\n                  tabWidthsAfterOverflow.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n                );\n                //Flag to indicate that final truncation calculation has occured\n                isAllItemsTruncatedFinal.current = true;\n                setTabMaxWidth(tabMaxWidthMapAfterOverflow);\n              }\n            }\n          }\n        }\n      }\n    }\n  }, [keysArray, rootRef, tabBarWidth, tabMaxWidth, isTruncationDisabled]);\n\n  const updateTabBarWidth = useCallback(\n    (entry: { contentRect: { width: StateUpdater<number> } }) => {\n      const rectWidth = Math.ceil(entry.contentRect.width as number);\n      // Sometimes entry.contentRect.width maybe a decimal value so we need to get absolute value\n      if (Math.abs(tabBarWidth - (entry.contentRect.width as number)) > 1) {\n        setTabBarWidth(entry.contentRect.width);\n        if (tabMaxWidth !== undefined && !isAllItemsTruncatedMax.current) {\n          setTabMaxWidth(undefined);\n        }\n        //Once there is change in the container width and there is no overflow we render all items as visible.\n        if (rectWidth >= rootRef.current?.scrollWidth!) {\n          setVisibleItemKeys(keysArray);\n          setOverflowingItemKeys([]);\n        }\n        isAllItemsTruncatedFinal.current = false;\n      }\n    },\n    [tabBarWidth, tabMaxWidth, rootRef, keysArray]\n  );\n\n  useResizeObserver(rootRef, updateTabBarWidth);\n\n  return shouldRenderAllTabs(visibleItemKeys, overflowItemKeys, keysArray)\n    ? {\n        visibleItemKeys: keysArray,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      }\n    : {\n        visibleItemKeys,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      };\n}\n\n//If the overflow + visible keys or their quantity are not the same as keysArray then we first render all the keys as visible\nconst shouldRenderAllTabs = <K extends string | number>(\n  visibleItemKeys: (K | undefined)[] | undefined,\n  overflowItemKeys: (K | undefined)[] | undefined,\n  keysArray: (K | undefined)[]\n) => {\n  if (visibleItemKeys == null) return true;\n  else if (visibleItemKeys && overflowItemKeys && keysArray) {\n    const combinedArray = [...visibleItemKeys, ...overflowItemKeys];\n    const isNotEqual =\n      combinedArray.length !== keysArray.length ||\n      JSON.stringify(keysArray) !== JSON.stringify(combinedArray);\n    return isNotEqual;\n  } else return false;\n};\n\n//Searches for a value closest and smaller than search value from the cumulative array\nconst searchClosest = (\n  arr: number[] | undefined,\n  searchValue: number | undefined | null\n): { closestEntry: number | null; closestIndex: number | null } => {\n  {\n    if (arr != null && searchValue != null) {\n      let left = 0;\n      let right = arr.length - 1;\n      let closestEntry: number | null = null;\n      let closestIndex: number | null = null;\n      while (left <= right && left < arr.length && right > -1) {\n        const mid = Math.floor((left + right) / 2);\n        const midEntry = arr[mid];\n        if (midEntry === searchValue) {\n          return { closestEntry: midEntry!, closestIndex: mid! };\n        } else if (midEntry < searchValue) {\n          closestEntry = midEntry;\n          closestIndex = mid;\n          left = mid + 1;\n        } else {\n          right = mid - 1;\n        }\n        //If the searchValue is greater than closest entry and their difference is greater more item width then we have space to fit more item. Otherwise we return the index with the closest and small value when compared to searchvalue\n        if (closestEntry && searchValue > closestEntry) {\n          //NOTE: Do not update closestEntry to midEntry here because value from const midEntry = arr[mid], midEntry maybe greater than searchValue and below it may end up updating closestIndex to mid +1 due to abs check\n          //Sometimes closest entry may be much smaller than searchvalue so in such cases we maybe able to accomodate more items. The difference between searchValue and closestEntry should be greater than the minWidth needed for any item so that it can be rendered. If the difference is lesser than item min width we then check if space is available to render overflowitem alone else we reduce the closestIndex.\n          closestIndex =\n            Math.abs(searchValue - closestEntry) > TAB_MIN_WIDTH && mid + 1 <= arr.length - 2\n              ? mid + 1\n              : Math.abs(searchValue - closestEntry) > MORE_ITEM_WIDTH\n              ? mid\n              : mid - 1 >= 0\n              ? mid - 1\n              : 0;\n        }\n        //If the searchValue is lesser than closestEntry we return a value lesser than mid, this happens when all the values in the array are lesser than searchValue, i.e screensize is extremely small\n        else {\n          closestIndex = mid - 1 >= 0 ? mid - 1 : 0;\n        }\n      }\n      return { closestEntry: closestEntry!, closestIndex: closestIndex! };\n    } else return { closestEntry: null, closestIndex: null };\n  }\n};\n"],"names":["useState","useRef","useLayoutEffect","getTabWidths","useCallback","useResizeObserver"],"mappings":"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"}

package/cjs/useTabBar-ec20851a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabBar-ec20851a.js","sources":["../../src/hooks/PRIVATE_useTabBar/useTabBar.ts"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport {\n  getPrevNextKeyUsingRef,\n  getFirstVisibleKey,\n  getKey,\n  keyExtractor,\n  findElementByKey,\n  getItemKeysArray\n} from '../../utils/PRIVATE_collectionUtils';\nimport { useCollectionFocusRing } from '../PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../PRIVATE_useCurrentKey';\nimport { useId } from '../UNSAFE_useId';\nimport type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../../UNSAFE_TabBarCommon';\nimport { useReorderableContext } from '../../hooks/PRIVATE_useReorderable/useReorderableContext';\nimport { Menu } from '../../UNSAFE_Menu';\nimport { TabBarContextMenuConfig } from '../../UNSAFE_TabBarCommon';\nimport { useContextMenuGesture } from '../../hooks/UNSAFE_useContextMenuGesture';\nimport { getDefaultContextMenu } from '../../UNSAFE_TabBar/TabBarContextMenu';\nimport { TabBarItemContextMenuContext } from '../../UNSAFE_TabBarCommon/TabBar.types';\nimport { useUser } from '../../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../../resources/nls/bundle';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions<K extends string | number> = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nconst REMOVABLE_ICON_SELECTOR = '[data-oj-tabbar-item-remove-icon]';\nexport const REMOVABLE_ITEM_ATTRIBUTE = 'data-oj-removable';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\n/**\n * Implements TabBar behavior for focus and keyboad handling\n */\nexport function useTabBar<K extends string | number>(options: useTabBarOptions<K>) {\n  const {\n    children,\n    class: className,\n    display,\n    edge = 'top',\n    selection,\n    onSelect,\n    onRemove,\n    ref: userRef,\n    size,\n    contextMenuConfig\n  } = options;\n\n  const { direction } = useUser();\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const internalRef = useRef<HTMLDivElement>(null);\n  const rootRef = userRef || internalRef;\n\n  const tabId = useId();\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection as K);\n  const [hideTooltip, setHideTooltip] = useState(false);\n\n  const tabItemPrefix = tabId + '_';\n\n  const contextMenuDescriptionId = 'contextMenu_' + useId();\n  const contextMenuDescription = translations.tabbar_labelContextMenu();\n\n  /**\n   * A reference to the previous set of tab keys that this TabBar\n   * contains before children were re-rendered. In the event the \"current\" tab\n   * is removed and the \"currentKey\" reference is broken, we can redirect\n   * the \"currentKey\" to another tab based on the index of the removed tab.\n   */\n  const prevTabKeys = useRef<(string | number | undefined)[]>();\n\n  useEffect(() => {\n    if (rootRef.current) {\n      const tabKeys = getItemKeysArray(rootRef.current, ITEM_SELECTOR);\n      if (currentKey == null && tabKeys) {\n        if (selection != null && tabKeys.includes(selection as K)) {\n          setCurrentKey(selection as K);\n        } else if (tabKeys.length > 0) {\n          setCurrentKey(tabKeys[0] as K);\n        }\n      }\n      if (currentKey != null && tabKeys && !tabKeys.includes(currentKey as K)) {\n        //If prevTabs does not exist set the first visible key as currentKey\n        prevTabKeys.current\n          ? setCurrentKey(findNextValidKey(currentKey, tabKeys, prevTabKeys.current) as K)\n          : setCurrentKey(tabKeys[0] as K);\n      }\n      prevTabKeys.current = tabKeys as K[];\n    }\n  }, [children, currentKey, rootRef, selection]);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, [\n    'ArrowRight',\n    'ArrowLeft',\n    'Home',\n    'End'\n  ]);\n\n  const reorderableContext = useReorderableContext();\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? extractOnlyItemKey(element, ITEM_SELECTOR, REMOVABLE_ICON_SELECTOR)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    false,\n    undefined,\n    undefined,\n    getPrevNextKeyUsingRef(rootRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(rootRef, currentKey, false, ITEM_SELECTOR),\n    currentKey,\n    (detail) => {\n      const key = detail.value as K;\n      setCurrentKey(key);\n      setHideTooltip(false);\n    }\n  );\n\n  useEffect(() => {\n    if (reorderableContext) {\n      reorderableContext.currentItemKey.current = currentKey;\n    }\n  }, [currentKey, reorderableContext]);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (rootRef.current && currentKey != null) {\n      if (event.key === 'Home' || event.key === 'End') {\n        const tabBarItemKey = getItemKeysArray(rootRef.current, ITEM_SELECTOR);\n        event.preventDefault();\n        setCurrentKey?.(tabBarItemKey[event.key === 'Home' ? 0 : tabBarItemKey.length - 1] as K);\n      }\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onSelect?.({ value: currentKey });\n      }\n      if (event.key === 'Delete') {\n        const tabBarItem = findElementByKey(\n          rootRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as HTMLElement;\n        if (tabBarItem.hasAttribute(REMOVABLE_ITEM_ATTRIBUTE)) {\n          onRemove?.({ value: currentKey });\n        }\n      }\n      if (event.key === 'Escape') {\n        setHideTooltip(true);\n      }\n    }\n  };\n\n  const onFocus = () => {\n    if (rootRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(rootRef.current, ITEM_SELECTOR);\n      if (key != null) {\n        setCurrentKey(key as K);\n      }\n    }\n  };\n\n  const [contextMenuContext, setContextMenuContext] = useState<TabBarItemContextMenuContext<K>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n  const [accStatusInfo, setAccStatusInfo] = useState<string>();\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      let itemKey = currentKey as K;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          rootRef.current as HTMLElement,\n          currentKey as K,\n          ITEM_SELECTOR\n        );\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        //On touch devices, the keyExtractor returns null because target of touch event is the entire tabbar. Hence we make use of currentkey since the context menu is always launched from selected item and its key is currentKey\n        itemKey = key != null ? (key as K) : (currentKey as K);\n      }\n      let tabKeysArray;\n      let isRemovableItem = false;\n      const isReorderable = reorderableContext?.onReorder != null;\n      if (rootRef.current) {\n        tabKeysArray = isReorderable\n          ? (getItemKeysArray(rootRef.current, ITEM_SELECTOR) as K[])\n          : undefined;\n        isRemovableItem =\n          getItemAttribute(itemKey, rootRef.current, REMOVABLE_ITEM_ATTRIBUTE) != null;\n      }\n      const isRemovable = onRemove != null && isRemovableItem;\n      const defaultContext = getDefaultContextMenu<K>({\n        // For default menu items the existence of REMOVABLE_ICON_SELECTOR is the indicator that it is removable because we render the default menu in touch devices not the application.\n        // Furthermore in corepack due to delegations onRemove is always defined as it is a even handler hence not a good check for isRemovable.\n        isRemovable: isRemovable,\n        handleRemove: onRemove,\n        handleReorder: isReorderable ? reorderableContext.onReorder : undefined,\n        itemKey: itemKey,\n        tabKeys: tabKeysArray,\n        direction: direction,\n        itemLabels: {\n          labelRemove: isRemovable ? translations.tabbar_labelRemove() : undefined,\n          labelMoveLeft: isReorderable ? translations.tabbar_labelMoveLeft() : undefined,\n          labelMoveRight: isReorderable ? translations.tabbar_labelMoveRight() : undefined\n        },\n        handleAccStatus: (detail) => {\n          const removeItemLabel = getItemLabel(detail.removedKey!, rootRef.current!) as string;\n          const removeStatus =\n            isRemovable && detail.removedKey\n              ? translations.tabbar_accAnnounceRemovedKey({ itemKey: removeItemLabel })\n              : '';\n          const destinationItemLabel = getItemLabel(\n            detail.destinationKey!,\n            rootRef.current!\n          ) as string;\n          const reorderStatus =\n            isReorderable && detail.destinationKey\n              ? translations.accAnnounceMovedKey({\n                  // This acc info is for reordering using context menu hence as per spec source item key is not required.\n                  itemKey: '',\n                  position: detail.position!,\n                  referenceKey: destinationItemLabel\n                })\n              : '';\n          setAccStatusInfo(removeStatus + reorderStatus);\n        }\n      });\n      setContextMenuContext(defaultContext);\n\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        // This is set so that when no contextMenuConfig is available we need not open it. Example: Apps may choose to open only for removable items and return contextMenuConfig as undefined for non removable ones in such cases it will prevent it from opening.\n        isOpen: contextMenuConfig != null\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        setCurrentKey(contextMenuContext?.itemKey);\n        rootRef.current?.focus();\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [rootRef, contextMenuContext?.itemKey]\n  );\n\n  const eventProps = mergeProps({ onKeyDown, onFocus }, triggerProps);\n\n  return {\n    rootProps: mergeProps(\n      {\n        'aria-activedescendant': currentKey ? tabItemPrefix + currentKey : '',\n        'aria-multiselectable': false,\n        class: className,\n        ref: rootRef,\n        role: 'tablist',\n        tabIndex: 0\n      },\n      currentKeyProps,\n      focusRingProps,\n      eventProps\n    ),\n    tabBarContext: {\n      currentKey,\n      display,\n      isEdgeBottom: edge === 'bottom',\n      layout: 'condense',\n      onRemove,\n      onSelect,\n      showFocusRing,\n      hideTooltip,\n      selection,\n      size,\n      tabItemPrefix\n    },\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    contextMenuContext,\n    contextMenuDescriptionId,\n    contextMenuDescription,\n    accStatusInfo\n  } as const;\n}\n\n//useCurrentKey use click capture that captures first click, which is on remove button\n//when we remove and sets the item being removed to currentKey. So we should not allow\n//this if click is on remove button\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const tabBarItem = element.closest(itemSelector);\n  if (tabBarItem) {\n    if (tabBarItem.hasAttribute(REMOVABLE_ITEM_ATTRIBUTE)) {\n      const removeButton = element.closest(itemEliminator);\n      if (removeButton && tabBarItem?.contains(removeButton)) {\n        return null;\n      }\n    }\n    return getKey(tabBarItem as HTMLElement);\n  }\n  return null;\n};\n\nconst findNextValidKey = <K>(currentKey: K, currTabs: K[], prevTabs: K[]) => {\n  const index = prevTabs.indexOf(currentKey);\n  // update current key to be the first one if currentKey is invalid\n  if (index === -1) {\n    return currTabs[0];\n  }\n  let nextIndex = 0;\n  let isLastKey = false;\n  if (index === prevTabs.length - 1) {\n    nextIndex = index - 1;\n    isLastKey = true;\n  } else {\n    nextIndex = index + 1;\n  }\n  while (nextIndex !== index && nextIndex > -1 && nextIndex < prevTabs.length) {\n    const nextKey = prevTabs[nextIndex];\n    if (currTabs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n    isLastKey ? nextIndex-- : nextIndex++;\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currTabs[0];\n};\n\n// Utility that returns the value for a attribute related to the role=\"tab\" item.\nexport const getItemAttribute = <K extends string | number>(\n  itemKey: K,\n  root: HTMLElement,\n  attribute: string\n) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    const tabBarItemAttribute = tabBarItem.hasAttribute(attribute)\n      ? tabBarItem.getAttribute(attribute)\n      : null;\n    return tabBarItemAttribute;\n  }\n  return;\n};\n\n// Utility that returns the visible inner text inside the role=\"tab\" item.\nconst getItemLabel = <K extends string | number>(itemKey: K, root: HTMLElement) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    return tabBarItem.innerText;\n  }\n  return;\n};\n"],"names":["useUser","useTranslationBundle","useRef","useId","useState","useEffect","getItemKeysArray","useCollectionFocusRing","useReorderableContext","useCurrentKey","keyExtractor","getPrevNextKeyUsingRef","findElementByKey","getFirstVisibleKey","useContextMenuGesture","getDefaultContextMenu","useCallback","mergeProps","getKey"],"mappings":"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"}

package/es/CheckboxSet-3e0ce80c.js

@@ -1,52 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { createContext, toChildArray } from 'preact';
-import { useContext, useMemo } from 'preact/hooks';
-import { forwardRef } from 'preact/compat';
-import './FormContext-be2a6313.js';
-import { u as useFormContext } from './useFormContext-66b908c0.js';
-import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
-import { u as useFormFieldContextProps } from './useFormFieldContextProps-31bbc12f.js';
-import './CheckboxSetStyles.styles.css';
-import { u as useId } from './useId-03dbfdf0.js';
-import { F as Flex } from './Flex-f0f1bb0d.js';
-import { x as xUnits } from './utils-c307ad0a.js';
-import { d as defaultLabelEdgeForVariant } from './formControlUtils-301a8644.js';
-import { C as CheckboxRadioField } from './CheckboxRadioField-b332f3ef.js';
-
-const CheckboxSetContext = createContext({});
-const useCheckboxSetContext = () => useContext(CheckboxSetContext);
-
-var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
-
-/**
- * A CheckboxSet allows the user to select one or more options from a set.
- */
-const CheckboxSet = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', children, testId }, ref) => {
-    const hasValue = value !== undefined ? value.size > 0 : false;
-    const baseId = useId();
-    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, 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 ?? defaultLabelEdgeForVariant(variant);
-    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
-    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
-    const formFieldContext = useFormFieldContextProps({
-        hasValue,
-        isDisabled,
-        isReadonly
-    });
-    const checkboxSetContext = useMemo(() => ({
-        name: baseId,
-        value,
-        onCommit
-    }), [baseId, onCommit, value]);
-    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
-    const childrenArray = toChildArray(children).filter(Boolean);
-    const wrappedChildren = childrenArray.map((item) => jsx("li", { children: item }));
-    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsx(CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsx(Flex, { direction: direction, ...(direction === 'row' && { gap: [0, xUnits(8)], wrap: 'wrap' }), children: jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }) }));
-});
-
-export { CheckboxSet as C, CheckboxSetContext as a, useCheckboxSetContext as u };
-//# sourceMappingURL=CheckboxSet-3e0ce80c.js.map

package/es/CheckboxSet-3e0ce80c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxSet-3e0ce80c.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, ContextType, Ref, toChildArray, JSX } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Flex } from '#UNSAFE_Flex';\nimport { xUnits } from '#UNSAFE_Theme';\nimport { defaultLabelEdgeForVariant } from '#utils/PRIVATE_formControlUtils';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n  /**\n   * Specifies the form variant styling contract for the component.\n   * Supported values are:\n   * <ul>\n   * <li><code>'default'</code>: the standalone/default form control presentation.</li>\n   * <li><code>'embedded'</code>: embedded collection styling.</li>\n   * <li><code>'legacyEmbedded'</code>: legacy collection styling.</li>\n   * </ul>\n   */\n  variant?: ContextType<typeof FormVariantContext>;\n} & TestIdProps;\n/**\n * A CheckboxSet allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\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 ?? defaultLabelEdgeForVariant(variant);\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <Flex\n              direction={direction}\n              {...(direction === 'row' && { gap: [0, xUnits(8) as Size], wrap: 'wrap' })}>\n              <ul className={styles.ul}>{wrappedChildren}</ul>\n            </Flex>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":"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"}

package/es/TabBar-36932ca2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar-36932ca2.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              isContextMenuAvailable && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA;;AAEG;MACU,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;IACF,MAAM,OAAO,GAAG,GAAgC,CAAC;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAG,SAAS,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAC,CAAA,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CA,GACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,GAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDA,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,GAAA,CAAC,gBAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIA,GAAC,CAAA,UAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBA,GAAC,CAAA,iBAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}

package/es/useDetectHorizontalOverflow-9b684feb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDetectHorizontalOverflow-9b684feb.js","sources":["../../src/hooks/PRIVATE_useDetectHorizontalOverflow/useDetectHorizontalOverflow.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useState, useLayoutEffect, useRef, StateUpdater, useCallback } from 'preact/hooks';\nimport { useResizeObserver } from '../../hooks/UNSAFE_useResizeObserver';\nimport { Size } from '../../utils/UNSAFE_size';\nimport { getTabWidths } from '../../utils/PRIVATE_tabBarUtils';\nimport type { TrailingContentInfo } from '../../utils/PRIVATE_tabBarUtils';\n\ntype TabDimensions<K extends string | number> = {\n  key: K;\n  maxWidth: number;\n  nonTextWidth?: number;\n  needsTruncation?: boolean;\n  cumulativeWidth?: number;\n};\n\n//The minimum width of the overflowtabbaritem, it can be rendered with width greater than this based on available width\nconst MORE_ITEM_WIDTH = 48;\nconst LABEL_MIN_WIDTH = 96;\nconst TAB_BORDER = 6;\n//This is the minWidth a tab will have if it has only a label.\nconst TAB_MIN_WIDTH = LABEL_MIN_WIDTH + TAB_BORDER;\n\nexport type useDetectOverflowProps<K extends string | number> = {\n  rootRef: RefObject<HTMLDivElement>;\n  keysArray: (K | undefined)[];\n  isTruncationDisabled?: boolean;\n};\n\n/**\n * Implements overflow detection and calculation\n */\nexport function useDetectHorizontalOverflow<K extends string | number>({\n  rootRef,\n  keysArray,\n  isTruncationDisabled = true\n}: useDetectOverflowProps<K>) {\n  const [visibleItemKeys, setVisibleItemKeys] = useState<(K | undefined)[]>();\n  const [overflowItemKeys, setOverflowingItemKeys] = useState<(K | undefined)[]>();\n  const trailingContentWidths = useRef(new Map<K, TrailingContentInfo>());\n  const [tabMaxWidth, setTabMaxWidth] = useState<Map<K, Size>>();\n  // This state var is to only re-trigger the layout effect. Using it locally will not give the latest updated value hence we use current suffix vars\n  const [tabBarWidth, setTabBarWidth] = useState<number>(0);\n  const isAllItemsTruncatedMax = useRef<boolean>(false);\n  const isAllItemsTruncatedFinal = useRef<boolean>(false);\n  const tabDimensions = useRef<TabDimensions<K>[]>();\n\n  useLayoutEffect(() => {\n    // Store locally to avoid calling rootRef everytime within layouteffect\n    const tabBarWidthCurrent = rootRef?.current?.clientWidth;\n    const tabBarScrollWidthCurrent = rootRef?.current?.scrollWidth;\n    if (\n      rootRef.current &&\n      keysArray &&\n      keysArray.length > 0 &&\n      tabBarWidthCurrent &&\n      tabBarWidthCurrent > 0\n    ) {\n      //Set tabBarWidth if not the current value\n      if (tabBarWidth !== tabBarWidthCurrent) {\n        setTabBarWidth(tabBarWidthCurrent);\n      }\n\n      if (tabMaxWidth === undefined) {\n        const isOverflow = tabBarWidthCurrent > 0 && tabBarWidthCurrent < tabBarScrollWidthCurrent!;\n\n        //If there is no overflow maxWidth should be its prevState, prevState may also be undefined if truncation is disabled.\n        if (!isOverflow) {\n          setTabMaxWidth((prevState) => {\n            return prevState;\n          });\n        } else {\n          //We need to calculate maxWidth only if truncation threshold limit is not reached\n          if (!isAllItemsTruncatedMax.current) {\n            const tabWidths = getTabWidths(\n              rootRef.current,\n              trailingContentWidths,\n              isTruncationDisabled,\n              tabBarWidthCurrent,\n              isAllItemsTruncatedMax?.current,\n              keysArray as K[]\n            );\n            //If all items have reached max treshold of truncation then we set it to true\n            if (tabWidths.every((item) => item.hasReachedLimit)) {\n              isAllItemsTruncatedMax.current = true;\n            }\n            tabDimensions.current = tabWidths as any;\n          }\n          //If all items have reached max treshold of truncation then we do not have update tabDimensions are maxWidth cannot go lesser than 96px.\n          else {\n            tabDimensions.current = tabDimensions.current?.map((item) => ({\n              ...item\n            }));\n          }\n        }\n\n        //Set calculated maxWidths\n        if (!isTruncationDisabled) {\n          const tabMaxWidthMap = new Map(\n            tabDimensions.current?.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n          );\n          setTabMaxWidth(tabMaxWidthMap);\n        }\n        //Overflow calculation\n        if (tabBarWidthCurrent < tabBarScrollWidthCurrent!) {\n          const arr = tabDimensions.current?.map((item) => item.cumulativeWidth) as number[];\n          const lastIndex = arr.length - 1;\n          //In addition to scrollWidth we check if the cumulative width of last item is greater than rootRef clientwidth\n          if (arr && tabBarWidthCurrent < arr[lastIndex]) {\n            const { closestEntry, closestIndex } = searchClosest(arr, tabBarWidthCurrent);\n            // Check for not null, because even for '0' value of closestIndex we want to slice in such cases only overflow item will be rendered\n            if (closestEntry && closestIndex != null) {\n              // Closest index refers to the index of the last item that would be visible.\n              // While splicing we need to include it however if we check for closestIndex < lastIndex alone then closestIndex + 1 will be greater than the last item index so we check for one less.\n              const lastVisibleItemIndex =\n                closestIndex < lastIndex - 1 ? closestIndex + 1 : closestIndex;\n              setVisibleItemKeys(keysArray.slice(0, lastVisibleItemIndex));\n              setOverflowingItemKeys(keysArray?.slice(lastVisibleItemIndex));\n              //Once OverflowTabBarItem is rendered, i.e overflowItemKeys move into overflow menu then space is available, which can be re-dsitributed to truncated visible items. We also check if these visible items have already gone through this calculation otherwise we skip it to avoid infinite loop.\n              if (closestIndex > 0 && !isAllItemsTruncatedFinal.current && !isTruncationDisabled) {\n                const tabWidthsAfterOverflow = getTabWidths(\n                  rootRef.current,\n                  trailingContentWidths,\n                  isTruncationDisabled,\n                  tabBarWidthCurrent,\n                  isAllItemsTruncatedMax?.current\n                );\n                const tabMaxWidthMapAfterOverflow = new Map(\n                  tabWidthsAfterOverflow.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n                );\n                //Flag to indicate that final truncation calculation has occured\n                isAllItemsTruncatedFinal.current = true;\n                setTabMaxWidth(tabMaxWidthMapAfterOverflow);\n              }\n            }\n          }\n        }\n      }\n    }\n  }, [keysArray, rootRef, tabBarWidth, tabMaxWidth, isTruncationDisabled]);\n\n  const updateTabBarWidth = useCallback(\n    (entry: { contentRect: { width: StateUpdater<number> } }) => {\n      const rectWidth = Math.ceil(entry.contentRect.width as number);\n      // Sometimes entry.contentRect.width maybe a decimal value so we need to get absolute value\n      if (Math.abs(tabBarWidth - (entry.contentRect.width as number)) > 1) {\n        setTabBarWidth(entry.contentRect.width);\n        if (tabMaxWidth !== undefined && !isAllItemsTruncatedMax.current) {\n          setTabMaxWidth(undefined);\n        }\n        //Once there is change in the container width and there is no overflow we render all items as visible.\n        if (rectWidth >= rootRef.current?.scrollWidth!) {\n          setVisibleItemKeys(keysArray);\n          setOverflowingItemKeys([]);\n        }\n        isAllItemsTruncatedFinal.current = false;\n      }\n    },\n    [tabBarWidth, tabMaxWidth, rootRef, keysArray]\n  );\n\n  useResizeObserver(rootRef, updateTabBarWidth);\n\n  return shouldRenderAllTabs(visibleItemKeys, overflowItemKeys, keysArray)\n    ? {\n        visibleItemKeys: keysArray,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      }\n    : {\n        visibleItemKeys,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      };\n}\n\n//If the overflow + visible keys or their quantity are not the same as keysArray then we first render all the keys as visible\nconst shouldRenderAllTabs = <K extends string | number>(\n  visibleItemKeys: (K | undefined)[] | undefined,\n  overflowItemKeys: (K | undefined)[] | undefined,\n  keysArray: (K | undefined)[]\n) => {\n  if (visibleItemKeys == null) return true;\n  else if (visibleItemKeys && overflowItemKeys && keysArray) {\n    const combinedArray = [...visibleItemKeys, ...overflowItemKeys];\n    const isNotEqual =\n      combinedArray.length !== keysArray.length ||\n      JSON.stringify(keysArray) !== JSON.stringify(combinedArray);\n    return isNotEqual;\n  } else return false;\n};\n\n//Searches for a value closest and smaller than search value from the cumulative array\nconst searchClosest = (\n  arr: number[] | undefined,\n  searchValue: number | undefined | null\n): { closestEntry: number | null; closestIndex: number | null } => {\n  {\n    if (arr != null && searchValue != null) {\n      let left = 0;\n      let right = arr.length - 1;\n      let closestEntry: number | null = null;\n      let closestIndex: number | null = null;\n      while (left <= right && left < arr.length && right > -1) {\n        const mid = Math.floor((left + right) / 2);\n        const midEntry = arr[mid];\n        if (midEntry === searchValue) {\n          return { closestEntry: midEntry!, closestIndex: mid! };\n        } else if (midEntry < searchValue) {\n          closestEntry = midEntry;\n          closestIndex = mid;\n          left = mid + 1;\n        } else {\n          right = mid - 1;\n        }\n        //If the searchValue is greater than closest entry and their difference is greater more item width then we have space to fit more item. Otherwise we return the index with the closest and small value when compared to searchvalue\n        if (closestEntry && searchValue > closestEntry) {\n          //NOTE: Do not update closestEntry to midEntry here because value from const midEntry = arr[mid], midEntry maybe greater than searchValue and below it may end up updating closestIndex to mid +1 due to abs check\n          //Sometimes closest entry may be much smaller than searchvalue so in such cases we maybe able to accomodate more items. The difference between searchValue and closestEntry should be greater than the minWidth needed for any item so that it can be rendered. If the difference is lesser than item min width we then check if space is available to render overflowitem alone else we reduce the closestIndex.\n          closestIndex =\n            Math.abs(searchValue - closestEntry) > TAB_MIN_WIDTH && mid + 1 <= arr.length - 2\n              ? mid + 1\n              : Math.abs(searchValue - closestEntry) > MORE_ITEM_WIDTH\n              ? mid\n              : mid - 1 >= 0\n              ? mid - 1\n              : 0;\n        }\n        //If the searchValue is lesser than closestEntry we return a value lesser than mid, this happens when all the values in the array are lesser than searchValue, i.e screensize is extremely small\n        else {\n          closestIndex = mid - 1 >= 0 ? mid - 1 : 0;\n        }\n      }\n      return { closestEntry: closestEntry!, closestIndex: closestIndex! };\n    } else return { closestEntry: null, closestIndex: null };\n  }\n};\n"],"names":[],"mappings":";;;;;AAeA;AACA,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,UAAU,GAAG,CAAC,CAAC;AACrB;AACA,MAAM,aAAa,GAAG,eAAe,GAAG,UAAU,CAAC;AAQnD;;AAEG;AACG,SAAU,2BAA2B,CAA4B,EACrE,OAAO,EACP,SAAS,EACT,oBAAoB,GAAG,IAAI,EACD,EAAA;IAC1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAqB,CAAC;IAC5E,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,EAAqB,CAAC;IACjF,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,GAAG,EAA0B,CAAC,CAAC;IACxE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAgB,CAAC;;IAE/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;AAC1D,IAAA,MAAM,sBAAsB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AACtD,IAAA,MAAM,wBAAwB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AACxD,IAAA,MAAM,aAAa,GAAG,MAAM,EAAsB,CAAC;IAEnD,eAAe,CAAC,MAAK;;AAEnB,QAAA,MAAM,kBAAkB,GAAG,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC;AACzD,QAAA,MAAM,wBAAwB,GAAG,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC;QAC/D,IACE,OAAO,CAAC,OAAO;YACf,SAAS;YACT,SAAS,CAAC,MAAM,GAAG,CAAC;YACpB,kBAAkB;YAClB,kBAAkB,GAAG,CAAC,EACtB;;AAEA,YAAA,IAAI,WAAW,KAAK,kBAAkB,EAAE;gBACtC,cAAc,CAAC,kBAAkB,CAAC,CAAC;aACpC;AAED,YAAA,IAAI,WAAW,KAAK,SAAS,EAAE;gBAC7B,MAAM,UAAU,GAAG,kBAAkB,GAAG,CAAC,IAAI,kBAAkB,GAAG,wBAAyB,CAAC;;gBAG5F,IAAI,CAAC,UAAU,EAAE;AACf,oBAAA,cAAc,CAAC,CAAC,SAAS,KAAI;AAC3B,wBAAA,OAAO,SAAS,CAAC;AACnB,qBAAC,CAAC,CAAC;iBACJ;qBAAM;;AAEL,oBAAA,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE;wBACnC,MAAM,SAAS,GAAG,YAAY,CAC5B,OAAO,CAAC,OAAO,EACf,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EAAE,OAAO,EAC/B,SAAgB,CACjB,CAAC;;AAEF,wBAAA,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,CAAC,EAAE;AACnD,4BAAA,sBAAsB,CAAC,OAAO,GAAG,IAAI,CAAC;yBACvC;AACD,wBAAA,aAAa,CAAC,OAAO,GAAG,SAAgB,CAAC;qBAC1C;;yBAEI;AACH,wBAAA,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,MAAM;AAC5D,4BAAA,GAAG,IAAI;AACR,yBAAA,CAAC,CAAC,CAAC;qBACL;iBACF;;gBAGD,IAAI,CAAC,oBAAoB,EAAE;AACzB,oBAAA,MAAM,cAAc,GAAG,IAAI,GAAG,CAC5B,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAU,CAAC,CAC9E,CAAC;oBACF,cAAc,CAAC,cAAc,CAAC,CAAC;iBAChC;;AAED,gBAAA,IAAI,kBAAkB,GAAG,wBAAyB,EAAE;AAClD,oBAAA,MAAM,GAAG,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,CAAa,CAAC;AACnF,oBAAA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;;oBAEjC,IAAI,GAAG,IAAI,kBAAkB,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE;AAC9C,wBAAA,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,aAAa,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;;AAE9E,wBAAA,IAAI,YAAY,IAAI,YAAY,IAAI,IAAI,EAAE;;;AAGxC,4BAAA,MAAM,oBAAoB,GACxB,YAAY,GAAG,SAAS,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,YAAY,CAAC;4BACjE,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC;4BAC7D,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC;;AAE/D,4BAAA,IAAI,YAAY,GAAG,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,oBAAoB,EAAE;AAClF,gCAAA,MAAM,sBAAsB,GAAG,YAAY,CACzC,OAAO,CAAC,OAAO,EACf,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EAAE,OAAO,CAChC,CAAC;AACF,gCAAA,MAAM,2BAA2B,GAAG,IAAI,GAAG,CACzC,sBAAsB,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAU,CAAC,CAC9E,CAAC;;AAEF,gCAAA,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;gCACxC,cAAc,CAAC,2BAA2B,CAAC,CAAC;6BAC7C;yBACF;qBACF;iBACF;aACF;SACF;AACH,KAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC;AAEzE,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAuD,KAAI;AAC1D,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAe,CAAC,CAAC;;AAE/D,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,GAAI,KAAK,CAAC,WAAW,CAAC,KAAgB,CAAC,GAAG,CAAC,EAAE;AACnE,YAAA,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE;gBAChE,cAAc,CAAC,SAAS,CAAC,CAAC;aAC3B;;YAED,IAAI,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE,WAAY,EAAE;gBAC9C,kBAAkB,CAAC,SAAS,CAAC,CAAC;gBAC9B,sBAAsB,CAAC,EAAE,CAAC,CAAC;aAC5B;AACD,YAAA,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;SAC1C;KACF,EACD,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,CAAC,CAC/C,CAAC;AAEF,IAAA,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AAE9C,IAAA,OAAO,mBAAmB,CAAC,eAAe,EAAE,gBAAgB,EAAE,SAAS,CAAC;AACtE,UAAE;AACE,YAAA,eAAe,EAAE,SAAS;YAC1B,gBAAgB;AAChB,YAAA,SAAS,EAAE,WAAW;AACvB,SAAA;AACH,UAAE;YACE,eAAe;YACf,gBAAgB;AAChB,YAAA,SAAS,EAAE,WAAW;SACvB,CAAC;AACR,CAAC;AAED;AACA,MAAM,mBAAmB,GAAG,CAC1B,eAA8C,EAC9C,gBAA+C,EAC/C,SAA4B,KAC1B;IACF,IAAI,eAAe,IAAI,IAAI;AAAE,QAAA,OAAO,IAAI,CAAC;AACpC,SAAA,IAAI,eAAe,IAAI,gBAAgB,IAAI,SAAS,EAAE;QACzD,MAAM,aAAa,GAAG,CAAC,GAAG,eAAe,EAAE,GAAG,gBAAgB,CAAC,CAAC;QAChE,MAAM,UAAU,GACd,aAAa,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM;AACzC,YAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;AAC9D,QAAA,OAAO,UAAU,CAAC;KACnB;;AAAM,QAAA,OAAO,KAAK,CAAC;AACtB,CAAC,CAAC;AAEF;AACA,MAAM,aAAa,GAAG,CACpB,GAAyB,EACzB,WAAsC,KAC0B;IAChE;QACE,IAAI,GAAG,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,EAAE;YACtC,IAAI,IAAI,GAAG,CAAC,CAAC;AACb,YAAA,IAAI,KAAK,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3B,IAAI,YAAY,GAAkB,IAAI,CAAC;YACvC,IAAI,YAAY,GAAkB,IAAI,CAAC;AACvC,YAAA,OAAO,IAAI,IAAI,KAAK,IAAI,IAAI,GAAG,GAAG,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AACvD,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC;AAC3C,gBAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1B,gBAAA,IAAI,QAAQ,KAAK,WAAW,EAAE;oBAC5B,OAAO,EAAE,YAAY,EAAE,QAAS,EAAE,YAAY,EAAE,GAAI,EAAE,CAAC;iBACxD;AAAM,qBAAA,IAAI,QAAQ,GAAG,WAAW,EAAE;oBACjC,YAAY,GAAG,QAAQ,CAAC;oBACxB,YAAY,GAAG,GAAG,CAAC;AACnB,oBAAA,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;iBAChB;qBAAM;AACL,oBAAA,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;iBACjB;;AAED,gBAAA,IAAI,YAAY,IAAI,WAAW,GAAG,YAAY,EAAE;;;oBAG9C,YAAY;AACV,wBAAA,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,YAAY,CAAC,GAAG,aAAa,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC;8BAC7E,GAAG,GAAG,CAAC;8BACP,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,YAAY,CAAC,GAAG,eAAe;AACxD,kCAAE,GAAG;AACL,kCAAE,GAAG,GAAG,CAAC,IAAI,CAAC;sCACZ,GAAG,GAAG,CAAC;sCACP,CAAC,CAAC;iBACT;;qBAEI;AACH,oBAAA,YAAY,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;iBAC3C;aACF;YACD,OAAO,EAAE,YAAY,EAAE,YAAa,EAAE,YAAY,EAAE,YAAa,EAAE,CAAC;SACrE;;YAAM,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;KAC1D;AACH,CAAC;;;;"}