@cloudscape-design/components 3.0.1270 → 3.0.1271

package/prompt-input/internal.js

@@ -1,86 +1,216 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useCallback, useEffect, useImperativeHandle, useRef } from 'react';
+import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import clsx from 'clsx';
-import { useDensityMode } from '@cloudscape-design/component-toolkit/internal';
+import { useDensityMode, useStableCallback, warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import InternalButton from '../button/internal';
+import { useInternalI18n } from '../i18n/context';
 import { convertAutoComplete } from '../input/utils';
 import { getBaseProps } from '../internal/base-component';
 import { useFormFieldContext } from '../internal/context/form-field-context';
-import { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';
-import * as tokens from '../internal/generated/styles/tokens';
+import { fireCancelableEvent, fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';
+import * as designTokens from '../internal/generated/styles/tokens';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import WithNativeAttributes from '../internal/utils/with-native-attributes';
+import { isDevelopment } from '../internal/is-development';
+import InternalLiveRegion from '../live-region/internal';
+import TextareaMode from './components/textarea-mode';
+import TokenMode from './components/token-mode';
+import { DEFAULT_MAX_ROWS } from './core/constants';
+import { getPromptText } from './core/token-operations';
+import { supportsTokenMode } from './core/token-renderer';
+import { isPinnedReferenceToken } from './core/type-guards';
 import { getPromptInputStyles } from './styles';
+import { useTokenMode } from './tokens/use-token-mode';
+import { insertTextIntoContentEditable } from './utils/insert-text-content-editable';
 import styles from './styles.css.js';
 import testutilStyles from './test-classes/styles.css.js';
-const InternalPromptInput = React.forwardRef(({ value, actionButtonAriaLabel, actionButtonIconName, actionButtonIconUrl, actionButtonIconSvg, actionButtonIconAlt, ariaLabel, autoComplete, autoFocus, disableActionButton, disableBrowserAutocorrect, disabled, maxRows, minRows, name, onAction, onBlur, onChange, onFocus, onKeyDown, onKeyUp, placeholder, readOnly, spellcheck, customPrimaryAction, secondaryActions, secondaryContent, disableSecondaryActionsPaddings, disableSecondaryContentPaddings, nativeTextareaAttributes, style, __internalRootRef, ...rest }, ref) => {
+const InternalPromptInput = React.forwardRef(({ value: valueProp, actionButtonAriaLabel, actionButtonIconName, actionButtonIconUrl, actionButtonIconSvg, actionButtonIconAlt, ariaLabel, autoFocus, autoComplete, disableActionButton, disableBrowserAutocorrect, disabled, maxRows, minRows, name, onAction, onBlur, onChange, onFocus, onKeyDown, onKeyUp, placeholder, readOnly, spellcheck, customPrimaryAction, secondaryActions, secondaryContent, disableSecondaryActionsPaddings, disableSecondaryContentPaddings, nativeTextareaAttributes, style, tokens, tokensToText, menus, maxMenuHeight, onMenuItemSelect, onMenuFilter, onMenuLoadItems, onTriggerDetected, i18nStrings, __internalRootRef, ...rest }, ref) => {
+    var _a;
     const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);
     const baseProps = getBaseProps(rest);
+    const i18n = useInternalI18n('prompt-input');
+    const effectiveI18nStrings = {
+        actionButtonAriaLabel: i18n('i18nStrings.actionButtonAriaLabel', (_a = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.actionButtonAriaLabel) !== null && _a !== void 0 ? _a : actionButtonAriaLabel),
+        menuErrorIconAriaLabel: i18n('i18nStrings.menuErrorIconAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.menuErrorIconAriaLabel),
+        menuRecoveryText: i18n('i18nStrings.menuRecoveryText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.menuRecoveryText),
+        menuLoadingText: i18n('i18nStrings.menuLoadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.menuLoadingText),
+        menuFinishedText: i18n('i18nStrings.menuFinishedText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.menuFinishedText),
+        menuErrorText: i18n('i18nStrings.menuErrorText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.menuErrorText),
+        tokenInsertedAriaLabel: i18n('i18nStrings.tokenInsertedAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.tokenInsertedAriaLabel, format => token => format({ token__label: token.label || token.value })),
+        tokenPinnedAriaLabel: i18n('i18nStrings.tokenPinnedAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.tokenPinnedAriaLabel, format => token => format({ token__label: token.label || token.value })),
+        tokenRemovedAriaLabel: i18n('i18nStrings.tokenRemovedAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.tokenRemovedAriaLabel, format => token => format({ token__label: token.label || token.value })),
+    };
+    const isTokenMode = !!tokens && supportsTokenMode;
+    if (isDevelopment) {
+        if ((menus || tokens) && !supportsTokenMode) {
+            warnOnce('PromptInput', 'Shortcuts features require React 18 or later. The `menus` and `tokens` props will be ignored and shortcuts features will not function.');
+        }
+    }
+    const value = valueProp !== null && valueProp !== void 0 ? valueProp : '';
     const textareaRef = useRef(null);
+    const editableElementRef = useRef(null);
+    const caretControllerRef = useRef(null);
     const isRefresh = useVisualRefresh();
-    const isCompactMode = useDensityMode(textareaRef) === 'compact';
-    const PADDING = isRefresh ? tokens.spaceXxs : tokens.spaceXxxs;
-    const LINE_HEIGHT = tokens.lineHeightBodyM;
-    const DEFAULT_MAX_ROWS = 3;
+    const textareaDensityMode = useDensityMode(textareaRef);
+    const editableDensityMode = useDensityMode(editableElementRef);
+    const isCompactMode = (isTokenMode ? editableDensityMode : textareaDensityMode) === 'compact';
+    const PADDING = isRefresh ? designTokens.spaceXxs : designTokens.spaceXxxs;
+    const LINE_HEIGHT = designTokens.lineHeightBodyM;
+    const getActiveElement = useStableCallback(() => {
+        return isTokenMode ? editableElementRef.current : textareaRef.current;
+    });
+    /**
+     * Dynamically adjusts the input height based on content and row constraints.
+     */
+    const adjustInputHeight = useStableCallback(() => {
+        const element = getActiveElement();
+        if (!element) {
+            return;
+        }
+        const scrollTop = element.scrollTop;
+        // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px
+        element.style.height = 'auto';
+        const minRowsHeight = `calc(${LINE_HEIGHT} +  ${designTokens.spaceScaledXxs} * 2)`;
+        const scrollHeight = `calc(${element.scrollHeight}px)`;
+        if (maxRows === -1) {
+            element.style.height = `max(${scrollHeight}, ${minRowsHeight})`;
+        }
+        else {
+            const maxRowsHeight = `calc(${maxRows <= 0 ? DEFAULT_MAX_ROWS : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;
+            element.style.height = `min(max(${scrollHeight}, ${minRowsHeight}), ${maxRowsHeight})`;
+        }
+        if (isTokenMode) {
+            element.scrollTop = scrollTop;
+        }
+    });
+    useEffect(() => {
+        if (isTokenMode) {
+            requestAnimationFrame(() => adjustInputHeight());
+        }
+        else {
+            adjustInputHeight();
+        }
+    }, [isTokenMode, tokens, adjustInputHeight, value, isCompactMode]);
+    const plainTextValue = isTokenMode
+        ? tokensToText
+            ? tokensToText(tokens !== null && tokens !== void 0 ? tokens : [])
+            : getPromptText(tokens !== null && tokens !== void 0 ? tokens : [])
+        : value;
+    const tokenMode = useTokenMode({
+        editableElementRef,
+        caretControllerRef,
+        tokens,
+        tokensToText,
+        menus,
+        disabled,
+        readOnly,
+        autoFocus,
+        placeholder,
+        invalid,
+        warning,
+        ariaLabel,
+        ariaLabelledby,
+        ariaDescribedby,
+        ariaRequired: rest.ariaRequired,
+        disableBrowserAutocorrect,
+        spellcheck,
+        onChange: (detail) => {
+            fireNonCancelableEvent(onChange, detail);
+        },
+        onTriggerDetected: onTriggerDetected ? detail => fireCancelableEvent(onTriggerDetected, detail) : undefined,
+        onAction,
+        onBlur,
+        onFocus,
+        onKeyDown,
+        onKeyUp,
+        onMenuItemSelect,
+        onMenuFilter,
+        onMenuLoadItems,
+        i18nStrings: effectiveI18nStrings,
+        adjustInputHeight,
+    });
+    const handleInsertText = useStableCallback((text, caretStart, caretEnd) => {
+        if (disabled || readOnly) {
+            return;
+        }
+        if (!isTokenMode || !editableElementRef.current || !tokens || !caretControllerRef.current) {
+            return;
+        }
+        let adjustedCaretStart;
+        let adjustedCaretEnd;
+        if (caretStart === undefined) {
+            const currentPos = caretControllerRef.current.getPosition();
+            const pinnedCount = tokens.filter(isPinnedReferenceToken).length;
+            // If the caret is before or between pinned tokens, move it after them.
+            // Text inserted here would get pushed after pinned tokens by enforcePinnedTokenOrdering,
+            // but the caret wouldn't follow — so we preemptively position it correctly.
+            adjustedCaretStart = pinnedCount > 0 && currentPos < pinnedCount ? pinnedCount : currentPos;
+            adjustedCaretEnd = undefined;
+        }
+        else {
+            const pinnedTokens = tokens.filter(isPinnedReferenceToken);
+            const pinnedOffset = pinnedTokens.length;
+            adjustedCaretStart = caretStart + pinnedOffset;
+            adjustedCaretEnd = caretEnd !== undefined ? caretEnd + pinnedOffset : undefined;
+        }
+        insertTextIntoContentEditable(editableElementRef.current, text, adjustedCaretStart, adjustedCaretEnd, caretControllerRef.current);
+    });
     useImperativeHandle(ref, () => ({
         focus(...args) {
             var _a;
-            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus(...args);
+            (_a = getActiveElement()) === null || _a === void 0 ? void 0 : _a.focus(...args);
         },
         select() {
             var _a;
-            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.select();
+            if (isTokenMode) {
+                if (editableElementRef.current && caretControllerRef.current) {
+                    caretControllerRef.current.selectAll();
+                }
+            }
+            else {
+                (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.select();
+            }
         },
         setSelectionRange(...args) {
             var _a;
-            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(...args);
+            if (isTokenMode && caretControllerRef.current) {
+                const [start, end] = args;
+                const actualEnd = end !== null && end !== void 0 ? end : undefined;
+                caretControllerRef.current.setPosition(start !== null && start !== void 0 ? start : 0, actualEnd);
+            }
+            else {
+                (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(...args);
+            }
         },
-    }), [textareaRef]);
-    const handleKeyDown = (event) => {
+        insertText: handleInsertText,
+    }), [getActiveElement, isTokenMode, handleInsertText]);
+    const handleTextareaKeyDown = (event) => {
         fireKeyboardEvent(onKeyDown, event);
         if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {
             if (event.currentTarget.form && !event.isDefaultPrevented()) {
                 event.currentTarget.form.requestSubmit();
             }
             event.preventDefault();
-            fireNonCancelableEvent(onAction, { value });
+            fireNonCancelableEvent(onAction, {
+                value: plainTextValue,
+            });
         }
     };
-    const handleChange = (event) => {
-        fireNonCancelableEvent(onChange, { value: event.target.value });
-        adjustTextareaHeight();
-    };
-    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl || customPrimaryAction;
-    const adjustTextareaHeight = useCallback(() => {
-        if (textareaRef.current) {
-            // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px
-            textareaRef.current.style.height = 'auto';
-            const minTextareaHeight = `calc(${LINE_HEIGHT} +  ${tokens.spaceScaledXxs} * 2)`; // the min height of Textarea with 1 row
-            if (maxRows === -1) {
-                const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;
-                textareaRef.current.style.height = `max(${scrollHeight}, ${minTextareaHeight})`;
-            }
-            else {
-                const maxRowsHeight = `calc(${maxRows <= 0 ? DEFAULT_MAX_ROWS : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;
-                const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;
-                textareaRef.current.style.height = `min(max(${scrollHeight}, ${minTextareaHeight}), ${maxRowsHeight})`;
-            }
+    const handleTextareaChange = (event) => {
+        if (isTokenMode) {
+            tokenMode.markTokensAsSent(tokens !== null && tokens !== void 0 ? tokens : []);
         }
-    }, [maxRows, LINE_HEIGHT, PADDING]);
-    useEffect(() => {
-        const handleResize = () => {
-            adjustTextareaHeight();
+        const detail = {
+            value: event.target.value,
         };
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [adjustTextareaHeight]);
-    useEffect(() => {
-        adjustTextareaHeight();
-    }, [value, adjustTextareaHeight, maxRows, isCompactMode]);
-    const attributes = {
+        fireNonCancelableEvent(onChange, detail);
+        adjustInputHeight();
+    };
+    const hasActionButton = !!(actionButtonIconName ||
+        actionButtonIconSvg ||
+        actionButtonIconUrl ||
+        customPrimaryAction);
+    const textareaAttributes = {
         'aria-label': ariaLabel,
         'aria-labelledby': ariaLabelledby,
         'aria-describedby': ariaDescribedby,
@@ -93,37 +223,41 @@ const InternalPromptInput = React.forwardRef(({ value, actionButtonAriaLabel, ac
             [styles.warning]: warning,
         }),
         autoComplete: convertAutoComplete(autoComplete),
+        autoCorrect: disableBrowserAutocorrect ? 'off' : undefined,
+        autoCapitalize: disableBrowserAutocorrect ? 'off' : undefined,
         spellCheck: spellcheck,
         disabled,
         readOnly: readOnly ? true : undefined,
         rows: minRows,
-        onKeyDown: handleKeyDown,
-        onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),
-        // We set a default value on the component in order to force it into the controlled mode.
         value: value || '',
-        onChange: handleChange,
+        onKeyDown: handleTextareaKeyDown,
+        onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),
+        onChange: handleTextareaChange,
         onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),
         onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),
     };
-    if (disableBrowserAutocorrect) {
-        attributes.autoCorrect = 'off';
-        attributes.autoCapitalize = 'off';
-    }
-    const action = (React.createElement("div", { className: clsx(styles['primary-action'], testutilStyles['primary-action']) }, customPrimaryAction !== null && customPrimaryAction !== void 0 ? customPrimaryAction : (React.createElement(InternalButton, { className: clsx(styles['action-button'], testutilStyles['action-button']), ariaLabel: actionButtonAriaLabel, disabled: disabled || readOnly || disableActionButton, __focusable: readOnly, iconName: actionButtonIconName, iconUrl: actionButtonIconUrl, iconSvg: actionButtonIconSvg, iconAlt: actionButtonIconAlt, onClick: () => fireNonCancelableEvent(onAction, { value }), variant: "icon" }))));
+    const actionButton = (React.createElement("div", { className: clsx(styles['primary-action'], testutilStyles['primary-action']) }, customPrimaryAction !== null && customPrimaryAction !== void 0 ? customPrimaryAction : (React.createElement(InternalButton, { className: clsx(styles['action-button'], testutilStyles['action-button']), ariaLabel: effectiveI18nStrings.actionButtonAriaLabel, disabled: disabled || readOnly || disableActionButton, __focusable: readOnly, iconName: actionButtonIconName, iconUrl: actionButtonIconUrl, iconSvg: actionButtonIconSvg, iconAlt: actionButtonIconAlt, onClick: () => {
+            fireNonCancelableEvent(onAction, {
+                value: plainTextValue,
+                ...(isTokenMode && { tokens: tokens !== null && tokens !== void 0 ? tokens : [] }),
+            });
+        }, variant: "icon" }))));
     return (React.createElement("div", { ...baseProps, "aria-label": ariaLabel, className: clsx(styles.root, testutilStyles.root, baseProps.className, {
             [styles['textarea-readonly']]: readOnly,
             [styles['textarea-invalid']]: invalid,
             [styles['textarea-warning']]: warning && !invalid,
             [styles.disabled]: disabled,
         }), ref: __internalRootRef, role: "region", style: getPromptInputStyles(style) },
+        React.createElement(InternalLiveRegion, { tagName: "span", hidden: true, assertive: true, delay: 0 }, tokenMode.tokenOperationAnnouncement),
         secondaryContent && (React.createElement("div", { className: clsx(styles['secondary-content'], testutilStyles['secondary-content'], {
                 [styles['with-paddings']]: !disableSecondaryContentPaddings,
                 [styles.invalid]: invalid,
                 [styles.warning]: warning,
             }) }, secondaryContent)),
         React.createElement("div", { className: styles['textarea-wrapper'] },
-            React.createElement(WithNativeAttributes, { ...attributes, tag: "textarea", componentName: "PromptInput", nativeAttributes: nativeTextareaAttributes, ref: textareaRef, id: controlId }),
-            hasActionButton && !secondaryActions && action),
+            isTokenMode ? (React.createElement(TokenMode, { editableElementRef: editableElementRef, triggerWrapperRef: tokenMode.triggerWrapperRef, controlId: controlId, menuListId: tokenMode.menuListId, menuFooterControlId: tokenMode.menuFooterControlId, highlightedMenuOptionId: tokenMode.highlightedMenuOptionId, name: name, plainTextValue: plainTextValue, menuIsOpen: tokenMode.menuIsOpen, triggerWrapperReady: tokenMode.triggerWrapperReady, shouldRenderMenuDropdown: tokenMode.shouldRenderMenuDropdown, activeMenu: tokenMode.activeMenu, activeTriggerToken: tokenMode.activeTriggerToken, menuFilterText: tokenMode.menuFilterText, menuItemsState: tokenMode.menuItemsState, menuItemsHandlers: tokenMode.menuItemsHandlers, menuDropdownStatus: tokenMode.menuDropdownStatus, maxMenuHeight: maxMenuHeight, handleInput: tokenMode.handleInput, handleLoadMore: tokenMode.handleLoadMore, editableElementAttributes: tokenMode.editableElementAttributes, i18nStrings: effectiveI18nStrings })) : (React.createElement(TextareaMode, { textareaRef: textareaRef, controlId: controlId, textareaAttributes: textareaAttributes, nativeTextareaAttributes: nativeTextareaAttributes })),
+            hasActionButton && !secondaryActions && actionButton),
+        isTokenMode && tokenMode.portals,
         secondaryActions && (React.createElement("div", { className: clsx(styles['action-stripe'], {
                 [styles.invalid]: invalid,
                 [styles.warning]: warning,
@@ -134,8 +268,8 @@ const InternalPromptInput = React.forwardRef(({ value, actionButtonAriaLabel, ac
                     [styles.invalid]: invalid,
                     [styles.warning]: warning,
                 }) }, secondaryActions),
-            React.createElement("div", { className: styles.buffer, onClick: () => { var _a; return (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } }),
-            hasActionButton && action))));
+            React.createElement("div", { className: styles.buffer, onClick: () => { var _a; return (_a = getActiveElement()) === null || _a === void 0 ? void 0 : _a.focus(); } }),
+            hasActionButton && actionButton))));
 });
 export default InternalPromptInput;
 //# sourceMappingURL=internal.js.map

package/prompt-input/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/prompt-input/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport * as tokens from '../internal/generated/styles/tokens';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { PromptInputProps } from './interfaces';\nimport { getPromptInputStyles } from './styles';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface InternalPromptInputProps\n  extends SomeRequired<PromptInputProps, 'maxRows' | 'minRows'>,\n    InternalBaseComponentProps {}\n\nconst InternalPromptInput = React.forwardRef(\n  (\n    {\n      value,\n      actionButtonAriaLabel,\n      actionButtonIconName,\n      actionButtonIconUrl,\n      actionButtonIconSvg,\n      actionButtonIconAlt,\n      ariaLabel,\n      autoComplete,\n      autoFocus,\n      disableActionButton,\n      disableBrowserAutocorrect,\n      disabled,\n      maxRows,\n      minRows,\n      name,\n      onAction,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      spellcheck,\n      customPrimaryAction,\n      secondaryActions,\n      secondaryContent,\n      disableSecondaryActionsPaddings,\n      disableSecondaryContentPaddings,\n      nativeTextareaAttributes,\n      style,\n      __internalRootRef,\n      ...rest\n    }: InternalPromptInputProps,\n    ref: Ref<PromptInputProps.Ref>\n  ) => {\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const isRefresh = useVisualRefresh();\n    const isCompactMode = useDensityMode(textareaRef) === 'compact';\n\n    const PADDING = isRefresh ? tokens.spaceXxs : tokens.spaceXxxs;\n    const LINE_HEIGHT = tokens.lineHeightBodyM;\n    const DEFAULT_MAX_ROWS = 3;\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          textareaRef.current?.focus(...args);\n        },\n        select() {\n          textareaRef.current?.select();\n        },\n        setSelectionRange(...args: Parameters<HTMLTextAreaElement['setSelectionRange']>) {\n          textareaRef.current?.setSelectionRange(...args);\n        },\n      }),\n      [textareaRef]\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      fireKeyboardEvent(onKeyDown, event);\n\n      if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {\n        if (event.currentTarget.form && !event.isDefaultPrevented()) {\n          event.currentTarget.form.requestSubmit();\n        }\n        event.preventDefault();\n        fireNonCancelableEvent(onAction, { value });\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      fireNonCancelableEvent(onChange, { value: event.target.value });\n      adjustTextareaHeight();\n    };\n\n    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl || customPrimaryAction;\n\n    const adjustTextareaHeight = useCallback(() => {\n      if (textareaRef.current) {\n        // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px\n        textareaRef.current.style.height = 'auto';\n\n        const minTextareaHeight = `calc(${LINE_HEIGHT} +  ${tokens.spaceScaledXxs} * 2)`; // the min height of Textarea with 1 row\n\n        if (maxRows === -1) {\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `max(${scrollHeight}, ${minTextareaHeight})`;\n        } else {\n          const maxRowsHeight = `calc(${maxRows <= 0 ? DEFAULT_MAX_ROWS : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `min(max(${scrollHeight}, ${minTextareaHeight}), ${maxRowsHeight})`;\n        }\n      }\n    }, [maxRows, LINE_HEIGHT, PADDING]);\n\n    useEffect(() => {\n      const handleResize = () => {\n        adjustTextareaHeight();\n      };\n\n      window.addEventListener('resize', handleResize);\n\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    }, [adjustTextareaHeight]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [value, adjustTextareaHeight, maxRows, isCompactMode]);\n\n    const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-invalid': invalid ? 'true' : undefined,\n      name,\n      placeholder,\n      autoFocus,\n      className: clsx(styles.textarea, testutilStyles.textarea, {\n        [styles.invalid]: invalid,\n        [styles.warning]: warning,\n      }),\n      autoComplete: convertAutoComplete(autoComplete),\n      spellCheck: spellcheck,\n      disabled,\n      readOnly: readOnly ? true : undefined,\n      rows: minRows,\n      onKeyDown: handleKeyDown,\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: handleChange,\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    const action = (\n      <div className={clsx(styles['primary-action'], testutilStyles['primary-action'])}>\n        {customPrimaryAction ?? (\n          <InternalButton\n            className={clsx(styles['action-button'], testutilStyles['action-button'])}\n            ariaLabel={actionButtonAriaLabel}\n            disabled={disabled || readOnly || disableActionButton}\n            __focusable={readOnly}\n            iconName={actionButtonIconName}\n            iconUrl={actionButtonIconUrl}\n            iconSvg={actionButtonIconSvg}\n            iconAlt={actionButtonIconAlt}\n            onClick={() => fireNonCancelableEvent(onAction, { value })}\n            variant=\"icon\"\n          />\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        aria-label={ariaLabel}\n        className={clsx(styles.root, testutilStyles.root, baseProps.className, {\n          [styles['textarea-readonly']]: readOnly,\n          [styles['textarea-invalid']]: invalid,\n          [styles['textarea-warning']]: warning && !invalid,\n          [styles.disabled]: disabled,\n        })}\n        ref={__internalRootRef}\n        role=\"region\"\n        style={getPromptInputStyles(style)}\n      >\n        {secondaryContent && (\n          <div\n            className={clsx(styles['secondary-content'], testutilStyles['secondary-content'], {\n              [styles['with-paddings']]: !disableSecondaryContentPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryContent}\n          </div>\n        )}\n        <div className={styles['textarea-wrapper']}>\n          <WithNativeAttributes\n            {...attributes}\n            tag=\"textarea\"\n            componentName=\"PromptInput\"\n            nativeAttributes={nativeTextareaAttributes}\n            ref={textareaRef}\n            id={controlId}\n          />\n          {hasActionButton && !secondaryActions && action}\n        </div>\n        {secondaryActions && (\n          <div\n            className={clsx(styles['action-stripe'], {\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            <div\n              className={clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {\n                [styles['with-paddings']]: !disableSecondaryActionsPaddings,\n                [styles['with-paddings-and-actions']]: !disableSecondaryActionsPaddings && hasActionButton,\n                [styles.invalid]: invalid,\n                [styles.warning]: warning,\n              })}\n            >\n              {secondaryActions}\n            </div>\n            <div className={styles.buffer} onClick={() => textareaRef.current?.focus()} />\n            {hasActionButton && action}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default InternalPromptInput;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/prompt-input/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode, useStableCallback, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireCancelableEvent, fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport * as designTokens from '../internal/generated/styles/tokens';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { SomeRequired } from '../internal/types';\nimport InternalLiveRegion from '../live-region/internal';\nimport TextareaMode from './components/textarea-mode';\nimport TokenMode from './components/token-mode';\nimport { CaretController } from './core/caret-controller';\nimport { DEFAULT_MAX_ROWS } from './core/constants';\nimport { getPromptText } from './core/token-operations';\nimport { supportsTokenMode } from './core/token-renderer';\nimport { isPinnedReferenceToken } from './core/type-guards';\nimport { PromptInputProps } from './interfaces';\nimport { getPromptInputStyles } from './styles';\nimport { useTokenMode } from './tokens/use-token-mode';\nimport { insertTextIntoContentEditable } from './utils/insert-text-content-editable';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface InternalPromptInputProps\n  extends SomeRequired<PromptInputProps, 'maxRows' | 'minRows'>,\n    InternalBaseComponentProps {}\n\nconst InternalPromptInput = React.forwardRef(\n  (\n    {\n      value: valueProp,\n      actionButtonAriaLabel,\n      actionButtonIconName,\n      actionButtonIconUrl,\n      actionButtonIconSvg,\n      actionButtonIconAlt,\n      ariaLabel,\n      autoFocus,\n      autoComplete,\n      disableActionButton,\n      disableBrowserAutocorrect,\n      disabled,\n      maxRows,\n      minRows,\n      name,\n      onAction,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      spellcheck,\n      customPrimaryAction,\n      secondaryActions,\n      secondaryContent,\n      disableSecondaryActionsPaddings,\n      disableSecondaryContentPaddings,\n      nativeTextareaAttributes,\n      style,\n      tokens,\n      tokensToText,\n      menus,\n      maxMenuHeight,\n      onMenuItemSelect,\n      onMenuFilter,\n      onMenuLoadItems,\n      onTriggerDetected,\n      i18nStrings,\n      __internalRootRef,\n      ...rest\n    }: InternalPromptInputProps,\n    ref: Ref<PromptInputProps.Ref | HTMLTextAreaElement | HTMLInputElement>\n  ) => {\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n    const baseProps = getBaseProps(rest);\n\n    const i18n = useInternalI18n('prompt-input');\n\n    const effectiveI18nStrings: PromptInputProps.I18nStrings = {\n      actionButtonAriaLabel: i18n(\n        'i18nStrings.actionButtonAriaLabel',\n        i18nStrings?.actionButtonAriaLabel ?? actionButtonAriaLabel\n      ),\n      menuErrorIconAriaLabel: i18n('i18nStrings.menuErrorIconAriaLabel', i18nStrings?.menuErrorIconAriaLabel),\n      menuRecoveryText: i18n('i18nStrings.menuRecoveryText', i18nStrings?.menuRecoveryText),\n      menuLoadingText: i18n('i18nStrings.menuLoadingText', i18nStrings?.menuLoadingText),\n      menuFinishedText: i18n('i18nStrings.menuFinishedText', i18nStrings?.menuFinishedText),\n      menuErrorText: i18n('i18nStrings.menuErrorText', i18nStrings?.menuErrorText),\n      tokenInsertedAriaLabel: i18n(\n        'i18nStrings.tokenInsertedAriaLabel',\n        i18nStrings?.tokenInsertedAriaLabel,\n        format => token => format({ token__label: token.label || token.value })\n      ),\n      tokenPinnedAriaLabel: i18n(\n        'i18nStrings.tokenPinnedAriaLabel',\n        i18nStrings?.tokenPinnedAriaLabel,\n        format => token => format({ token__label: token.label || token.value })\n      ),\n      tokenRemovedAriaLabel: i18n(\n        'i18nStrings.tokenRemovedAriaLabel',\n        i18nStrings?.tokenRemovedAriaLabel,\n        format => token => format({ token__label: token.label || token.value })\n      ),\n    };\n\n    const isTokenMode = !!tokens && supportsTokenMode;\n\n    if (isDevelopment) {\n      if ((menus || tokens) && !supportsTokenMode) {\n        warnOnce(\n          'PromptInput',\n          'Shortcuts features require React 18 or later. The `menus` and `tokens` props will be ignored and shortcuts features will not function.'\n        );\n      }\n    }\n\n    const value = valueProp ?? '';\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const editableElementRef = useRef<HTMLDivElement>(null);\n    const caretControllerRef = useRef<CaretController | null>(null);\n\n    const isRefresh = useVisualRefresh();\n    const textareaDensityMode = useDensityMode(textareaRef);\n    const editableDensityMode = useDensityMode(editableElementRef);\n    const isCompactMode = (isTokenMode ? editableDensityMode : textareaDensityMode) === 'compact';\n\n    const PADDING = isRefresh ? designTokens.spaceXxs : designTokens.spaceXxxs;\n    const LINE_HEIGHT = designTokens.lineHeightBodyM;\n\n    const getActiveElement = useStableCallback(() => {\n      return isTokenMode ? editableElementRef.current : textareaRef.current;\n    });\n\n    /**\n     * Dynamically adjusts the input height based on content and row constraints.\n     */\n    const adjustInputHeight = useStableCallback(() => {\n      const element = getActiveElement();\n      if (!element) {\n        return;\n      }\n\n      const scrollTop = element.scrollTop;\n      // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px\n      element.style.height = 'auto';\n\n      const minRowsHeight = `calc(${LINE_HEIGHT} +  ${designTokens.spaceScaledXxs} * 2)`;\n      const scrollHeight = `calc(${element.scrollHeight}px)`;\n\n      if (maxRows === -1) {\n        element.style.height = `max(${scrollHeight}, ${minRowsHeight})`;\n      } else {\n        const maxRowsHeight = `calc(${maxRows <= 0 ? DEFAULT_MAX_ROWS : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;\n        element.style.height = `min(max(${scrollHeight}, ${minRowsHeight}), ${maxRowsHeight})`;\n      }\n\n      if (isTokenMode) {\n        element.scrollTop = scrollTop;\n      }\n    });\n\n    useEffect(() => {\n      if (isTokenMode) {\n        requestAnimationFrame(() => adjustInputHeight());\n      } else {\n        adjustInputHeight();\n      }\n    }, [isTokenMode, tokens, adjustInputHeight, value, isCompactMode]);\n\n    const plainTextValue = isTokenMode\n      ? tokensToText\n        ? tokensToText(tokens ?? [])\n        : getPromptText(tokens ?? [])\n      : value;\n\n    const tokenMode = useTokenMode({\n      editableElementRef,\n      caretControllerRef,\n      tokens,\n      tokensToText,\n      menus,\n      disabled,\n      readOnly,\n      autoFocus,\n      placeholder,\n      invalid,\n      warning,\n      ariaLabel,\n      ariaLabelledby,\n      ariaDescribedby,\n      ariaRequired: rest.ariaRequired,\n      disableBrowserAutocorrect,\n      spellcheck,\n      onChange: (detail: { value: string; tokens: PromptInputProps.InputToken[] }) => {\n        fireNonCancelableEvent(onChange, detail);\n      },\n      onTriggerDetected: onTriggerDetected ? detail => fireCancelableEvent(onTriggerDetected, detail) : undefined,\n      onAction,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      onMenuItemSelect,\n      onMenuFilter,\n      onMenuLoadItems,\n      i18nStrings: effectiveI18nStrings,\n      adjustInputHeight,\n    });\n\n    const handleInsertText = useStableCallback((text: string, caretStart?: number, caretEnd?: number) => {\n      if (disabled || readOnly) {\n        return;\n      }\n\n      if (!isTokenMode || !editableElementRef.current || !tokens || !caretControllerRef.current) {\n        return;\n      }\n\n      let adjustedCaretStart: number;\n      let adjustedCaretEnd: number | undefined;\n\n      if (caretStart === undefined) {\n        const currentPos = caretControllerRef.current.getPosition();\n        const pinnedCount = tokens.filter(isPinnedReferenceToken).length;\n\n        // If the caret is before or between pinned tokens, move it after them.\n        // Text inserted here would get pushed after pinned tokens by enforcePinnedTokenOrdering,\n        // but the caret wouldn't follow — so we preemptively position it correctly.\n        adjustedCaretStart = pinnedCount > 0 && currentPos < pinnedCount ? pinnedCount : currentPos;\n        adjustedCaretEnd = undefined;\n      } else {\n        const pinnedTokens = tokens.filter(isPinnedReferenceToken);\n        const pinnedOffset = pinnedTokens.length;\n\n        adjustedCaretStart = caretStart + pinnedOffset;\n        adjustedCaretEnd = caretEnd !== undefined ? caretEnd + pinnedOffset : undefined;\n      }\n\n      insertTextIntoContentEditable(\n        editableElementRef.current,\n        text,\n        adjustedCaretStart,\n        adjustedCaretEnd,\n        caretControllerRef.current\n      );\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          getActiveElement()?.focus(...args);\n        },\n        select() {\n          if (isTokenMode) {\n            if (editableElementRef.current && caretControllerRef.current) {\n              caretControllerRef.current.selectAll();\n            }\n          } else {\n            textareaRef.current?.select();\n          }\n        },\n        setSelectionRange(...args: Parameters<HTMLTextAreaElement['setSelectionRange']>) {\n          if (isTokenMode && caretControllerRef.current) {\n            const [start, end] = args;\n            const actualEnd = end ?? undefined;\n            caretControllerRef.current.setPosition(start ?? 0, actualEnd);\n          } else {\n            textareaRef.current?.setSelectionRange(...args);\n          }\n        },\n        insertText: handleInsertText,\n      }),\n      [getActiveElement, isTokenMode, handleInsertText]\n    );\n\n    const handleTextareaKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      fireKeyboardEvent(onKeyDown, event);\n\n      if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {\n        if (event.currentTarget.form && !event.isDefaultPrevented()) {\n          event.currentTarget.form.requestSubmit();\n        }\n        event.preventDefault();\n        fireNonCancelableEvent(onAction, {\n          value: plainTextValue,\n        });\n      }\n    };\n\n    const handleTextareaChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (isTokenMode) {\n        tokenMode.markTokensAsSent(tokens ?? []);\n      }\n      const detail: PromptInputProps.ChangeDetail = {\n        value: event.target.value,\n      };\n      fireNonCancelableEvent(onChange, detail);\n      adjustInputHeight();\n    };\n\n    const hasActionButton = !!(\n      actionButtonIconName ||\n      actionButtonIconSvg ||\n      actionButtonIconUrl ||\n      customPrimaryAction\n    );\n\n    const textareaAttributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-invalid': invalid ? 'true' : undefined,\n      name,\n      placeholder,\n      autoFocus,\n      className: clsx(styles.textarea, testutilStyles.textarea, {\n        [styles.invalid]: invalid,\n        [styles.warning]: warning,\n      }),\n      autoComplete: convertAutoComplete(autoComplete),\n      autoCorrect: disableBrowserAutocorrect ? 'off' : undefined,\n      autoCapitalize: disableBrowserAutocorrect ? 'off' : undefined,\n      spellCheck: spellcheck,\n      disabled,\n      readOnly: readOnly ? true : undefined,\n      rows: minRows,\n      value: value || '',\n      onKeyDown: handleTextareaKeyDown,\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      onChange: handleTextareaChange,\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    const actionButton = (\n      <div className={clsx(styles['primary-action'], testutilStyles['primary-action'])}>\n        {customPrimaryAction ?? (\n          <InternalButton\n            className={clsx(styles['action-button'], testutilStyles['action-button'])}\n            ariaLabel={effectiveI18nStrings.actionButtonAriaLabel}\n            disabled={disabled || readOnly || disableActionButton}\n            __focusable={readOnly}\n            iconName={actionButtonIconName}\n            iconUrl={actionButtonIconUrl}\n            iconSvg={actionButtonIconSvg}\n            iconAlt={actionButtonIconAlt}\n            onClick={() => {\n              fireNonCancelableEvent(onAction, {\n                value: plainTextValue,\n                ...(isTokenMode && { tokens: tokens ?? [] }),\n              });\n            }}\n            variant=\"icon\"\n          />\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        aria-label={ariaLabel}\n        className={clsx(styles.root, testutilStyles.root, baseProps.className, {\n          [styles['textarea-readonly']]: readOnly,\n          [styles['textarea-invalid']]: invalid,\n          [styles['textarea-warning']]: warning && !invalid,\n          [styles.disabled]: disabled,\n        })}\n        ref={__internalRootRef}\n        role=\"region\"\n        style={getPromptInputStyles(style)}\n      >\n        <InternalLiveRegion tagName=\"span\" hidden={true} assertive={true} delay={0}>\n          {tokenMode.tokenOperationAnnouncement}\n        </InternalLiveRegion>\n\n        {secondaryContent && (\n          <div\n            className={clsx(styles['secondary-content'], testutilStyles['secondary-content'], {\n              [styles['with-paddings']]: !disableSecondaryContentPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryContent}\n          </div>\n        )}\n\n        <div className={styles['textarea-wrapper']}>\n          {isTokenMode ? (\n            <TokenMode\n              editableElementRef={editableElementRef}\n              triggerWrapperRef={tokenMode.triggerWrapperRef}\n              controlId={controlId}\n              menuListId={tokenMode.menuListId}\n              menuFooterControlId={tokenMode.menuFooterControlId}\n              highlightedMenuOptionId={tokenMode.highlightedMenuOptionId}\n              name={name}\n              plainTextValue={plainTextValue}\n              menuIsOpen={tokenMode.menuIsOpen}\n              triggerWrapperReady={tokenMode.triggerWrapperReady}\n              shouldRenderMenuDropdown={tokenMode.shouldRenderMenuDropdown}\n              activeMenu={tokenMode.activeMenu}\n              activeTriggerToken={tokenMode.activeTriggerToken}\n              menuFilterText={tokenMode.menuFilterText}\n              menuItemsState={tokenMode.menuItemsState}\n              menuItemsHandlers={tokenMode.menuItemsHandlers}\n              menuDropdownStatus={tokenMode.menuDropdownStatus}\n              maxMenuHeight={maxMenuHeight}\n              handleInput={tokenMode.handleInput}\n              handleLoadMore={tokenMode.handleLoadMore}\n              editableElementAttributes={tokenMode.editableElementAttributes}\n              i18nStrings={effectiveI18nStrings}\n            />\n          ) : (\n            <TextareaMode\n              textareaRef={textareaRef}\n              controlId={controlId}\n              textareaAttributes={textareaAttributes}\n              nativeTextareaAttributes={nativeTextareaAttributes}\n            />\n          )}\n          {hasActionButton && !secondaryActions && actionButton}\n        </div>\n\n        {/* Render reference tokens into their DOM containers via portals */}\n        {isTokenMode && tokenMode.portals}\n\n        {secondaryActions && (\n          <div\n            className={clsx(styles['action-stripe'], {\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            <div\n              className={clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {\n                [styles['with-paddings']]: !disableSecondaryActionsPaddings,\n                [styles['with-paddings-and-actions']]: !disableSecondaryActionsPaddings && hasActionButton,\n                [styles.invalid]: invalid,\n                [styles.warning]: warning,\n              })}\n            >\n              {secondaryActions}\n            </div>\n            <div className={styles.buffer} onClick={() => getActiveElement()?.focus()} />\n            {hasActionButton && actionButton}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default InternalPromptInput;\n"]}

package/prompt-input/styles.css.js

@@ -1,22 +1,31 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_1e7lc_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_1e7lc_191",
-  "disabled": "awsui_disabled_55fkh_1e7lc_197",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_1e7lc_205",
-  "textarea-warning": "awsui_textarea-warning_55fkh_1e7lc_230",
-  "textarea": "awsui_textarea_55fkh_1e7lc_191",
-  "invalid": "awsui_invalid_55fkh_1e7lc_333",
-  "warning": "awsui_warning_55fkh_1e7lc_333",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1e7lc_347",
-  "primary-action": "awsui_primary-action_55fkh_1e7lc_351",
-  "action-button": "awsui_action-button_55fkh_1e7lc_359",
-  "secondary-content": "awsui_secondary-content_55fkh_1e7lc_364",
-  "with-paddings": "awsui_with-paddings_55fkh_1e7lc_399",
-  "action-stripe": "awsui_action-stripe_55fkh_1e7lc_409",
-  "secondary-actions": "awsui_secondary-actions_55fkh_1e7lc_448",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1e7lc_466",
-  "buffer": "awsui_buffer_55fkh_1e7lc_470"
+  "root": "awsui_root_55fkh_587uz_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_587uz_191",
+  "disabled": "awsui_disabled_55fkh_587uz_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_587uz_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_587uz_233",
+  "textarea": "awsui_textarea_55fkh_587uz_191",
+  "placeholder-visible": "awsui_placeholder-visible_55fkh_587uz_330",
+  "invalid": "awsui_invalid_55fkh_587uz_359",
+  "warning": "awsui_warning_55fkh_587uz_359",
+  "textarea-disabled": "awsui_textarea-disabled_55fkh_587uz_362",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_587uz_387",
+  "editable-wrapper": "awsui_editable-wrapper_55fkh_587uz_392",
+  "editable-element": "awsui_editable-element_55fkh_587uz_398",
+  "primary-action": "awsui_primary-action_55fkh_587uz_405",
+  "action-button": "awsui_action-button_55fkh_587uz_413",
+  "secondary-content": "awsui_secondary-content_55fkh_587uz_418",
+  "with-paddings": "awsui_with-paddings_55fkh_587uz_453",
+  "action-stripe": "awsui_action-stripe_55fkh_587uz_463",
+  "secondary-actions": "awsui_secondary-actions_55fkh_587uz_502",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_587uz_520",
+  "buffer": "awsui_buffer_55fkh_587uz_524",
+  "token-container": "awsui_token-container_55fkh_587uz_530",
+  "reference-wrapper": "awsui_reference-wrapper_55fkh_587uz_538",
+  "trigger-base": "awsui_trigger-base_55fkh_587uz_542",
+  "trigger-token": "awsui_trigger-token_55fkh_587uz_546",
+  "paragraph": "awsui_paragraph_55fkh_587uz_552"
 };