@oracle/oraclejet-preact 14.0.7 → 14.0.8

package/amd/SplitMenuButton-df0ee526.js

@@ -1,184 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './UNSAFE_Button', './index-f54bad63', './UNSAFE_Menu', './UNSAFE_BaseButton', './utils/UNSAFE_classNames', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', 'module', 'preact/compat', 'preact/hooks', './classNames-027de734', './BaseButton-20a653f3', './Button-87280b4a', './index-5920700b', './Menu-94ddd429'], (function (exports, tslib_es6, jsxRuntime, UNSAFE_Button, UNSAFE_ThemedIcons, UNSAFE_Menu, UNSAFE_BaseButton, utils_UNSAFE_classNames, hooks_UNSAFE_useTabbableMode, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_mergeInterpolations, linaria, compat, hooks, classNames, BaseButton, Button, UNSAFE_Icons, Menu) { 'use strict';
-
-    const compStyles = {
-      divider: "divider-1defwew",
-      disabledDivider: "disabledDivider-xd9l0x",
-      icon: "icon-1smt2dp",
-      root: "root-d2etl7",
-      childrenMargins: "childrenMargins-1e86xpp"
-    };
-    const menuButtonStyling = ['embedded', 'min', 'noBorderRadiusStart'];
-    const menuButtonActiveStyling = [...menuButtonStyling, 'active'];
-    const actionbuttonStyling = ['embedded', 'fill', 'noBorderRadiusEnd'];
-    const actionButtonActiveStyling = [...actionbuttonStyling, 'active'];
-    const interpolations = [...Object.values(utils_UNSAFE_interpolations_dimensions.dimensionInterpolations)];
-    const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
-    /**
-     * A SplitMenuButton is a combined action and menu button.
-     */
-
-    const SplitMenuButton = compat.forwardRef((_a, ref) => {
-      var {
-        children,
-        label = '',
-        variant = 'outlined',
-        isDisabled = false,
-        size = 'md',
-        onAction
-      } = _a,
-          props = tslib_es6.__rest(_a, ["children", "label", "variant", "isDisabled", "size", "onAction"]);
-
-      const [isMenuOpen, setIsMenuOpen] = hooks.useState(false);
-      const [isActive, setIsActive] = hooks.useState(false);
-
-      const _b = styleInterpolations(props),
-            {
-        class: cls
-      } = _b,
-            styles = tslib_es6.__rest(_b, ["class"]); // SPACE or ENTER on root area invokes action, as does CLICK/TAP on LEFT SIDE ACTION AREA
-      // DOWN ARROW invokes menu, as does CLICK/TAP on RIGHT SIDE MENU AREA
-
-
-      const onKeyDown = hooks.useCallback(event => {
-        if (event.key === ' ' || event.key === 'Enter') {
-          setIsActive(true);
-        } else if (event.key == 'ArrowDown') {
-          !isDisabled && setIsMenuOpen(menuOpen => !menuOpen); // Prevent page scroll for down arrow, user definitely wanted to show menu in this case.
-          // Don't prevent other keypress defaults, as user may want to hold SPACE down to scroll page.
-
-          event.preventDefault();
-        }
-      }, [isDisabled, setIsMenuOpen, setIsActive]);
-      const onKeyUp = hooks.useCallback(event => {
-        if (event.key === ' ' || event.key === 'Enter') {
-          !isDisabled && onAction && onAction();
-          setIsActive(false);
-        }
-      }, [isDisabled, onAction, setIsActive]);
-      const onBlur = hooks.useCallback(() => {
-        setIsActive(false);
-      }, [setIsActive]);
-
-      const _ref = hooks.useRef(null);
-
-      hooks.useImperativeHandle(ref, () => _ref.current, [_ref]);
-
-      const menuHandler = () => {
-        setIsMenuOpen(!isMenuOpen);
-      };
-
-      const handleClose = e => {
-        var _a;
-
-        if (e.reason === 'cancel' || 'focusLoss') {
-          (_a = _ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-
-        setIsMenuOpen(false);
-      };
-
-      const dividerStyles = classNames.classNames([compStyles.divider, isDisabled && compStyles.disabledDivider]);
-      const rootStyles = classNames.classNames([compStyles.root]); // Using Span for top button allows us to avoid :hover state rendering by
-      // taking advantage of :enabled not on spans
-
-      const rootButton = () => {
-        return jsxRuntime.jsx(BaseButton.BaseButton, Object.assign({
-          elementDetails: {
-            type: 'span'
-          },
-          ref: _ref,
-          isDisabled: isDisabled,
-          styling: ['container', 'min'],
-          variant: variant,
-          size: size,
-          accessibleLabel: label,
-          ariaRoledescription: "split menu button, press down arrow to invoke menu",
-          ariaExpanded: isMenuOpen
-        }, {
-          children: jsxRuntime.jsxs(hooks_UNSAFE_useTabbableMode.TabbableModeContext.Provider, Object.assign({
-            value: {
-              isTabbable: false
-            }
-          }, {
-            children: [jsxRuntime.jsx(BaseButton.BaseButton, Object.assign({
-              elementDetails: {
-                type: 'span'
-              },
-              variant: variant,
-              styling: getActionButtonStyling(isActive),
-              size: size,
-              isDisabled: isDisabled,
-              ariaHidden: true,
-              onAction: onAction
-            }, {
-              children: label
-            })), jsxRuntime.jsx("div", {
-              class: `${dividerStyles}`
-            }), jsxRuntime.jsx(BaseButton.BaseButton, Object.assign({
-              elementDetails: {
-                type: 'span'
-              },
-              variant: variant,
-              styling: getMenuButtonStyling(isMenuOpen),
-              size: size,
-              isDisabled: isDisabled,
-              ariaHidden: true,
-              onAction: menuHandler
-            }, {
-              children: jsxRuntime.jsx(Button.ButtonLayout, {
-                display: "icons",
-                startIcon: jsxRuntime.jsx(UNSAFE_Icons.SvgIcoNavDown, {}),
-                size: size,
-                styling: "embedded"
-              })
-            }))]
-          }))
-        }));
-      };
-
-      if (isDisabled) {
-        return jsxRuntime.jsx("span", Object.assign({
-          role: "toolbar",
-          class: `${rootStyles} ${cls}`,
-          style: styles
-        }, {
-          children: rootButton()
-        }));
-      } else {
-        return jsxRuntime.jsxs("span", Object.assign({
-          role: "toolbar",
-          class: `${rootStyles} ${cls}`,
-          style: styles,
-          onKeyDown: !isDisabled && onKeyDown,
-          onKeyUp: onKeyUp,
-          onBlur: onBlur
-        }, {
-          children: [rootButton(), jsxRuntime.jsx(Menu.Menu, Object.assign({
-            anchorRef: _ref,
-            isOpen: isMenuOpen,
-            onClose: handleClose
-          }, {
-            children: jsxRuntime.jsx("span", Object.assign({
-              className: compStyles.childrenMargins
-            }, {
-              children: children
-            }))
-          }))]
-        }));
-      }
-    });
-
-    function getMenuButtonStyling(isActive) {
-      return isActive ? menuButtonActiveStyling : menuButtonStyling;
-    }
-
-    function getActionButtonStyling(isActive) {
-      return isActive ? actionButtonActiveStyling : actionbuttonStyling;
-    }
-
-    exports.SplitMenuButton = SplitMenuButton;
-
-}));
-/*  */
-//# sourceMappingURL=SplitMenuButton-df0ee526.js.map

package/amd/Text-de291c3f.js

@@ -1,100 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', 'module', './utils/UNSAFE_mergeInterpolations'], (function (exports, tslib_es6, jsxRuntime, linaria, utils_UNSAFE_mergeInterpolations) { 'use strict';
-
-    const styles = {
-      base: "base-1avwrlh",
-      lineClamp: "lineClamp-1gu09tl",
-      truncation: {
-        none: '',
-        clip: "clip-qveidc",
-        ellipsis: "ellipsis-1r17oxc"
-      },
-      variant: {
-        primary: "primary-fbzz24",
-        secondary: "secondary-10gy10t",
-        disabled: "disabled-ashwah",
-        danger: "danger-15fba9q",
-        warning: "warning-64yd2m",
-        success: "success-o6u927",
-        inherit: "inherit-ouzh51"
-      },
-      size: {
-        '2xs': "_2xs-1l74616",
-        xs: "xs-spjhvr",
-        sm: "sm-1g6unlw",
-        md: "md-1incyl5",
-        lg: "lg-193nbkv",
-        xl: "xl-1yac583",
-        inherit: "inherit-162pe6o"
-      },
-      weight: {
-        normal: "normal-6on7lx",
-        semiBold: "semiBold-zn04fs",
-        bold: "bold-1tajr63",
-        inherit: "inherit-158t0ej"
-      },
-      hyphens: {
-        auto: "auto-18inka2",
-        none: "none-f6sj0o"
-      }
-    };
-    const interpolations = [() => ({
-      class: styles.base
-    }), ({
-      size = 'inherit'
-    }) => ({
-      class: styles.size[size]
-    }), ({
-      weight = 'inherit'
-    }) => ({
-      class: styles.weight[weight]
-    }), ({
-      variant = 'inherit'
-    }) => ({
-      class: styles.variant[variant]
-    }), ({
-      hyphens = 'auto'
-    }) => ({
-      class: styles.hyphens[hyphens]
-    }), ({
-      truncation = 'none'
-    }) => ({
-      class: styles.truncation[truncation]
-    }), ({
-      lineClamp
-    }) => !lineClamp ? {} : {
-      class: styles.lineClamp,
-      webkitLineClamp: lineClamp
-    }];
-    const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
-    const childrenStyles = "childrenStyles-a3o1bg";
-    function Text(_a) {
-      var {
-        children
-      } = _a,
-          props = tslib_es6.__rest(_a, ["children"]);
-
-      const _b = styleInterpolations(props),
-            {
-        class: cls
-      } = _b,
-            styles = tslib_es6.__rest(_b, ["class"]);
-
-      return jsxRuntime.jsx("span", Object.assign({
-        class: cls,
-        style: styles,
-        id: props.id
-      }, {
-        children: jsxRuntime.jsx("span", Object.assign({
-          className: childrenStyles
-        }, {
-          children: children
-        }))
-      }));
-    }
-
-    exports.Text = Text;
-
-}));
-/*  */
-//# sourceMappingURL=Text-de291c3f.js.map

package/amd/TextArea-25fa8171.js

@@ -1,133 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useFocusableTextField', './UNSAFE_Label', './UNSAFE_TextField', './hooks/UNSAFE_useTextField', './UNSAFE_UserAssistance', './hooks/UNSAFE_useLengthFilter', 'module', './utils/UNSAFE_classNames', 'preact/hooks', './hooks/UNSAFE_usePress', './classNames-027de734', './hooks/UNSAFE_useCurrentValueReducer', './ReadonlyTextFieldInput-4583f049', './TextFieldInput-312fb211'], (function (exports, jsxRuntime, preact, compat, hooks_UNSAFE_useFormContext, hooks_UNSAFE_useFormFieldContext, hooks_UNSAFE_useFocusableTextField, UNSAFE_Label, UNSAFE_TextField, hooks_UNSAFE_useTextField, UNSAFE_UserAssistance, hooks_UNSAFE_useLengthFilter, linaria, utils_UNSAFE_classNames, hooks, hooks_UNSAFE_usePress, classNames, hooks_UNSAFE_useCurrentValueReducer, ReadonlyTextFieldInput, TextFieldInput) { 'use strict';
-
-    const rootStyles = {
-      base: "base-4h8uj4"
-    };
-    const remainingTextStyles = {
-      hide: "hide-11b8uae"
-    }; // the spans surrounding the {valueLength}, / and {maxlength}  need to be display: inline-block
-    // so that the order is flipped horizontally in RTL.
-
-    const spanStyles = "spanStyles-yfmyyq";
-
-    const noop = () => {};
-
-    function MaxLengthCounter({
-      maxLength,
-      valueLength = 0,
-      onClick
-    }) {
-      const {
-        isFocused
-      } = hooks_UNSAFE_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 && remainingTextStyles.hide]);
-      const {
-        pressProps
-      } = hooks_UNSAFE_usePress.usePress(onClick !== null && onClick !== void 0 ? onClick : noop);
-      return jsxRuntime.jsx("div", Object.assign({
-        class: rootStyles.base,
-        onMouseDown: killEvent
-      }, pressProps, {
-        children: jsxRuntime.jsxs("span", Object.assign({
-          class: textClasses
-        }, {
-          children: [jsxRuntime.jsx("span", Object.assign({
-            class: spanStyles
-          }, {
-            children: valueLength
-          })), jsxRuntime.jsx("span", Object.assign({
-            class: spanStyles
-          }, {
-            children: "/"
-          })), jsxRuntime.jsx("span", Object.assign({
-            class: spanStyles
-          }, {
-            children: maxLength
-          }))]
-        }))
-      }));
-    }
-
-    const TextArea = compat.forwardRef(({ ariaDescribedBy, assistiveText, autoComplete = 'off', autoFocus = false, 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 }, ref) => {
-        const { currentCommitValue, dispatch } = hooks_UNSAFE_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 === null || onInput === void 0 ? void 0 : onInput(detail);
-        }, [onInput]);
-        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 === null || onCommit === void 0 ? void 0 : onCommit(detail);
-        }, [onCommit]);
-        const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = hooks_UNSAFE_useFormContext.useFormContext();
-        // default to FormContext values if component properties are not specified
-        const isDisabled = propIsDisabled !== null && propIsDisabled !== void 0 ? propIsDisabled : isFormDisabled;
-        const isReadonly = propIsReadonly !== null && propIsReadonly !== void 0 ? propIsReadonly : isFormReadonly;
-        const labelEdge = propLabelEdge !== null && propLabelEdge !== void 0 ? propLabelEdge : formLabelEdge;
-        const labelStartWidth = propLabelStartWidth !== null && propLabelStartWidth !== void 0 ? propLabelStartWidth : formLabelStartWidth;
-        const textAlign = propTextAlign !== null && propTextAlign !== void 0 ? propTextAlign : formTextAlign;
-        const userAssistanceDensity = propUserAssistanceDensity !== null && propUserAssistanceDensity !== void 0 ? propUserAssistanceDensity : formUserAssistanceDensity;
-        const { enabledElementRef, readonlyElementRef, focusProps, isFocused } = hooks_UNSAFE_useFocusableTextField.useFocusableTextField({ isDisabled, isReadonly, ref });
-        const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = hooks_UNSAFE_useTextField.useTextField({
-            ariaDescribedBy,
-            contentVariant: 'textarea',
-            isDisabled,
-            isFocused,
-            isReadonly,
-            labelEdge,
-            messages,
-            styleVariant: variant,
-            value
-        });
-        // Handle length filter for user-typed inputs and controlled inputs
-        const { isMaxLengthExceeded, valueLength, onFilteredInput } = hooks_UNSAFE_useLengthFilter.useLengthFilter({
-            maxLength,
-            maxLengthUnit,
-            value,
-            onInput: onInputAndDispatch,
-            onCommit: onCommitAndDispatch
-        });
-        const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(UNSAFE_Label.Label, Object.assign({}, labelProps, { children: label })) : undefined;
-        const fieldLabelProps = {
-            label: labelEdge !== 'none' ? labelComp : undefined,
-            labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
-            labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined
-        };
-        const ariaLabel = labelEdge === 'none' ? label : undefined;
-        const inlineUserAssistance = isDisabled || isReadonly ? (
-        // save space for user assistance if density is 'efficient', even though we don't
-        // render user assistance for disabled or readonly fields
-        userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)))) : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)));
-        if (isReadonly) {
-            // TODO: We need to conditionally render the readonly innerReadonlyField as a textarea or div
-            //  also, the div will need to use white-space: pre-wrap so that the text will wrap like textarea
-            //  see JET-50636
-            return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.ReadonlyTextField, Object.assign({ role: "presentation", inlineUserAssistance: inlineUserAssistance, variant: "textarea" }, fieldLabelProps, { children: jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, { ariaDescribedBy: ariaDescribedBy, ariaLabel: ariaLabel, ariaLabelledBy: labelProps.id, as: "textarea", elementRef: readonlyElementRef, rows: rows, autoFocus: autoFocus, textAlign: textAlign, value: value, variant: "textarea", hasInsideLabel: label !== undefined && labelEdge === 'inside' }) })) })));
-        }
-        const onClickCounter = compat.useCallback(() => {
-            var _a, _b;
-            const elm = 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
-            (_a = enabledElementRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(len, len);
-            // Clicking the counter should put the focus on the input field
-            (_b = enabledElementRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-        }, []);
-        const mainContent = (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(TextFieldInput.TextFieldInput, Object.assign({ as: "textarea", ariaLabel: ariaLabel, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', isRequired: isRequired, inputRef: enabledElementRef, onCommit: onCommitAndDispatch, onInput: onFilteredInput, placeholder: placeholder, role: role, rows: rows, textAlign: textAlign, value: value }, inputProps)), maxLengthCounter === 'remaining' && maxLength !== undefined && (jsxRuntime.jsx(MaxLengthCounter, Object.assign({}, { maxLength, valueLength, parentHasFocus: isFocused, onClick: onClickCounter }))), maxLength !== undefined && (jsxRuntime.jsx(UNSAFE_TextField.MaxLengthLiveRegion, Object.assign({}, { isMaxLengthExceeded, maxLength, valueLength })))] }));
-        return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.TextField, Object.assign({ mainContent: mainContent, inlineUserAssistance: inlineUserAssistance, onBlur: focusProps === null || focusProps === void 0 ? void 0 : focusProps.onfocusout, onFocus: focusProps === null || focusProps === void 0 ? void 0 : focusProps.onfocusin, resize: resize }, textFieldProps, fieldLabelProps)) })));
-    });
-
-    exports.MaxLengthCounter = MaxLengthCounter;
-    exports.TextArea = TextArea;
-
-}));
-/*  */
-//# sourceMappingURL=TextArea-25fa8171.js.map

package/amd/TextAreaAutosize-370b4a47.js

@@ -1,161 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useFocusableTextField', './UNSAFE_Label', './UNSAFE_TextField', './hooks/UNSAFE_useTextField', './UNSAFE_UserAssistance', './hooks/UNSAFE_useLengthFilter', 'preact/hooks', './hooks/UNSAFE_useCurrentValueReducer', './UNSAFE_TextArea', './ReadonlyTextFieldInput-4583f049', './TextFieldInput-312fb211', './TextArea-25fa8171'], (function (exports, jsxRuntime, preact, compat, hooks_UNSAFE_useFormContext, hooks_UNSAFE_useFormFieldContext, hooks_UNSAFE_useFocusableTextField, UNSAFE_Label, UNSAFE_TextField, hooks_UNSAFE_useTextField, UNSAFE_UserAssistance, hooks_UNSAFE_useLengthFilter, hooks, hooks_UNSAFE_useCurrentValueReducer, UNSAFE_TextArea, ReadonlyTextFieldInput, TextFieldInput, TextArea) { 'use strict';
-
-    // returns the lineHeight as a number of pixels.
-    const calculateLineHeight = (textarea) => {
-        const computedStyle = window.getComputedStyle(textarea);
-        const computedlineHeight = computedStyle.lineHeight;
-        if (computedlineHeight === 'normal') {
-            // We get 'normal' for values 'initial', 'inherit', 'unset' and 'normal'
-            // TODO: Unclear if we need this.
-            // getComputedStyle always return fontSize in pixels.  Not likely a float, but since it's legal
-            // we use parseFloat()
-            const fontSize = parseFloat(computedStyle.fontSize);
-            return 1.2 * fontSize;
-        }
-        return parseFloat(computedlineHeight);
-    };
-    const getStylingHeight = (textarea) => {
-        const cssStyle = window.getComputedStyle(textarea);
-        const paddingTop = parseFloat(cssStyle.paddingTop);
-        const paddingBottom = parseFloat(cssStyle.paddingBottom);
-        const borderTop = parseFloat(cssStyle.borderTop);
-        const borderBottom = parseFloat(cssStyle.borderBottom);
-        return { paddingHeight: paddingTop + paddingBottom, borderHeight: borderTop + borderBottom };
-    };
-
-    // TODO: Make this fire when the container resizes - JET-50840
-    const useTextAreaAutosizing = ({ isReadonly, enabledElementRef, readonlyElementRef, minRows = 2, maxRows, value }) => {
-        hooks.useLayoutEffect(() => {
-            const textareaRef = isReadonly ? readonlyElementRef : enabledElementRef;
-            if (textareaRef.current === null)
-                return;
-            if (textareaRef.current instanceof HTMLDivElement)
-                return; // We don't need to do anything if the readonlyElement is a DIV.
-            const textarea = textareaRef.current;
-            const lineHeight = calculateLineHeight(textarea);
-            textarea.style.height = '0';
-            const { paddingHeight, borderHeight } = getStylingHeight(textarea);
-            const heightForMinRows = lineHeight * minRows + paddingHeight + borderHeight;
-            const scrollHeight = textarea.scrollHeight + borderHeight;
-            let resizedHeight = 0;
-            // if maxRows is -1 the textarea will grow or shrink to fit all the content.
-            // it won't shrink any less than rows.
-            if (maxRows === undefined) {
-                // we want to fit the entire scrollHeight, but we don't want
-                // to shrink smaller than the height for rows.
-                if (scrollHeight < heightForMinRows) {
-                    resizedHeight = heightForMinRows;
-                }
-                else {
-                    resizedHeight = scrollHeight;
-                }
-            }
-            else if (maxRows > minRows) {
-                // if maxRows is positive and greater than rows, the textarea will grow to fit the content
-                // up to maxrows, or shrink to fit the content and down to rows.
-                const heightForMaxRows = lineHeight * maxRows + paddingHeight + borderHeight;
-                if (scrollHeight > heightForMaxRows) {
-                    resizedHeight = heightForMaxRows;
-                }
-                else if (scrollHeight < heightForMinRows) {
-                    resizedHeight = heightForMinRows;
-                }
-                else {
-                    resizedHeight = scrollHeight;
-                }
-            }
-            else {
-                resizedHeight = heightForMinRows;
-            }
-            // The 0.5 gaurantees that the clientHeight will be bigger than the scrollHeight, so no scrollbar appears.
-            textarea.style.height = resizedHeight + 0.5 + 'px';
-        }, [value, minRows, maxRows, isReadonly]);
-    };
-
-    const TextAreaAutosize = compat.forwardRef(({ ariaDescribedBy, assistiveText, autoComplete = 'off', autoFocus = false, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, maxLength, maxLengthCounter = 'remaining', maxLengthUnit, maxRows, messages, minRows = 2, placeholder, role, 
-    //TODO: Add counter to show the length remaining - JET-50752
-    textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', onInput, onCommit }, ref) => {
-        const { currentCommitValue, dispatch } = hooks_UNSAFE_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 === null || onInput === void 0 ? void 0 : onInput(detail);
-        }, [onInput]);
-        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 === null || onCommit === void 0 ? void 0 : onCommit(detail);
-        }, [onCommit]);
-        const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = hooks_UNSAFE_useFormContext.useFormContext();
-        // default to FormContext values if component properties are not specified
-        const isDisabled = propIsDisabled !== null && propIsDisabled !== void 0 ? propIsDisabled : isFormDisabled;
-        const isReadonly = propIsReadonly !== null && propIsReadonly !== void 0 ? propIsReadonly : isFormReadonly;
-        const labelEdge = propLabelEdge !== null && propLabelEdge !== void 0 ? propLabelEdge : formLabelEdge;
-        const labelStartWidth = propLabelStartWidth !== null && propLabelStartWidth !== void 0 ? propLabelStartWidth : formLabelStartWidth;
-        const textAlign = propTextAlign !== null && propTextAlign !== void 0 ? propTextAlign : formTextAlign;
-        const userAssistanceDensity = propUserAssistanceDensity !== null && propUserAssistanceDensity !== void 0 ? propUserAssistanceDensity : formUserAssistanceDensity;
-        const { enabledElementRef, readonlyElementRef, focusProps, isFocused } = hooks_UNSAFE_useFocusableTextField.useFocusableTextField({ isDisabled, isReadonly, ref });
-        const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = hooks_UNSAFE_useTextField.useTextField({
-            ariaDescribedBy,
-            contentVariant: 'textarea',
-            isDisabled,
-            isFocused,
-            isReadonly,
-            labelEdge,
-            messages,
-            styleVariant: variant,
-            value
-        });
-        // Handle length filter for user-typed inputs and controlled inputs
-        const { isMaxLengthExceeded, valueLength, onFilteredInput } = hooks_UNSAFE_useLengthFilter.useLengthFilter({
-            maxLength,
-            maxLengthUnit,
-            value,
-            onInput: onInputAndDispatch,
-            onCommit: onCommitAndDispatch
-        });
-        const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(UNSAFE_Label.Label, Object.assign({}, labelProps, { children: label })) : undefined;
-        const fieldLabelProps = {
-            label: labelEdge !== 'none' ? labelComp : undefined,
-            labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
-            labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined
-        };
-        const ariaLabel = labelEdge === 'none' ? label : undefined;
-        const inlineUserAssistance = isDisabled || isReadonly ? (
-        // save space for user assistance if density is 'efficient', even though we don't
-        // render user assistance for disabled or readonly fields
-        userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)))) : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)));
-        useTextAreaAutosizing({
-            isReadonly,
-            enabledElementRef,
-            readonlyElementRef,
-            minRows,
-            maxRows,
-            value
-        });
-        if (isReadonly) {
-            // TODO: should be able to configure whether start/end content is shown when readonly
-            // JET-49916 - Preact InputText: show start/end content when readonly
-            return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.ReadonlyTextField, Object.assign({ role: "presentation", inlineUserAssistance: inlineUserAssistance, variant: "textarea" }, fieldLabelProps, { children: jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, Object.assign({ ariaDescribedBy: ariaDescribedBy, ariaLabel: ariaLabel, ariaLabelledBy: labelProps.id, elementRef: readonlyElementRef }, (maxRows ? { as: 'textarea', rows: minRows } : { as: 'div' }), { autoFocus: autoFocus, textAlign: textAlign, value: value, variant: "textarea", hasInsideLabel: label !== undefined && labelEdge === 'inside' })) })) })));
-        }
-        const onClickCounter = compat.useCallback(() => {
-            var _a, _b;
-            const elm = 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
-            (_a = enabledElementRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(len, len);
-            // Clicking the counter should put the focus on the input field
-            (_b = enabledElementRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-        }, []);
-        const mainContent = (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(TextFieldInput.TextFieldInput, Object.assign({ as: "textarea", ariaLabel: ariaLabel, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', isRequired: isRequired, inputRef: enabledElementRef, onCommit: onCommitAndDispatch, onInput: onFilteredInput, placeholder: placeholder, role: role, rows: minRows, textAlign: textAlign, value: value }, inputProps)), maxLengthCounter === 'remaining' && maxLength !== undefined && (jsxRuntime.jsx(TextArea.MaxLengthCounter, Object.assign({}, { maxLength, valueLength, parentHasFocus: isFocused, onClick: onClickCounter }))), maxLength !== undefined && (jsxRuntime.jsx(UNSAFE_TextField.MaxLengthLiveRegion, Object.assign({}, { isMaxLengthExceeded, maxLength, valueLength })))] }));
-        return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.TextField, Object.assign({ mainContent: mainContent, inlineUserAssistance: inlineUserAssistance, onBlur: focusProps === null || focusProps === void 0 ? void 0 : focusProps.onfocusout, onFocus: focusProps === null || focusProps === void 0 ? void 0 : focusProps.onfocusin }, textFieldProps, fieldLabelProps)) })));
-    });
-
-    exports.TextAreaAutosize = TextAreaAutosize;
-
-}));
-/*  */
-//# sourceMappingURL=TextAreaAutosize-370b4a47.js.map