@cloudscape-design/components 3.0.1282 → 3.0.1283
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button-dropdown/category-elements/styles.css.js +18 -18
- package/button-dropdown/category-elements/styles.scoped.css +30 -30
- package/button-dropdown/category-elements/styles.selectors.js +18 -18
- package/button-dropdown/interfaces.d.ts +0 -2
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +21 -21
- package/button-dropdown/item-element/styles.scoped.css +38 -38
- package/button-dropdown/item-element/styles.selectors.js +21 -21
- package/file-token-group/styles.css.js +23 -23
- package/file-token-group/styles.scoped.css +35 -35
- package/file-token-group/styles.selectors.js +23 -23
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +165 -165
- package/flashbar/styles.selectors.js +50 -50
- package/input/internal.d.ts +2 -0
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js +5 -2
- package/input/internal.js.map +1 -1
- package/input/styles.css.js +18 -13
- package/input/styles.scoped.css +67 -31
- package/input/styles.selectors.js +18 -13
- package/internal/base-component/styles.scoped.css +5 -1
- package/internal/components/button-trigger/styles.css.js +14 -14
- package/internal/components/button-trigger/styles.scoped.css +29 -29
- package/internal/components/button-trigger/styles.selectors.js +14 -14
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +4 -4
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +22 -22
- package/internal/components/selectable-item/styles.scoped.css +51 -51
- package/internal/components/selectable-item/styles.selectors.js +22 -22
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +3 -0
- package/internal/generated/styles/tokens.js +3 -0
- package/internal/generated/theming/index.cjs +39 -0
- package/internal/generated/theming/index.cjs.d.ts +18 -0
- package/internal/generated/theming/index.d.ts +18 -0
- package/internal/generated/theming/index.js +39 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/pagination/index.d.ts +3 -1
- package/pagination/index.d.ts.map +1 -1
- package/pagination/index.js +4 -3
- package/pagination/index.js.map +1 -1
- package/pagination/interfaces.d.ts +31 -2
- package/pagination/interfaces.d.ts.map +1 -1
- package/pagination/interfaces.js.map +1 -1
- package/pagination/internal.d.ts +3 -14
- package/pagination/internal.d.ts.map +1 -1
- package/pagination/internal.js +78 -19
- package/pagination/internal.js.map +1 -1
- package/pagination/styles.css.js +11 -9
- package/pagination/styles.scoped.css +39 -24
- package/pagination/styles.selectors.js +11 -9
- package/popover/internal.d.ts +4 -0
- package/popover/internal.d.ts.map +1 -1
- package/popover/internal.js +23 -13
- package/popover/internal.js.map +1 -1
- package/prompt-input/internal.js +1 -1
- package/prompt-input/internal.js.map +1 -1
- package/prompt-input/styles.css.js +26 -26
- package/prompt-input/styles.scoped.css +55 -55
- package/prompt-input/styles.selectors.js +26 -26
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +42 -42
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +43 -43
- package/property-filter/styles.selectors.js +39 -39
- package/segmented-control/styles.css.js +16 -16
- package/segmented-control/styles.scoped.css +33 -33
- package/segmented-control/styles.selectors.js +16 -16
- package/select/parts/filter.d.ts +1 -1
- package/select/parts/filter.d.ts.map +1 -1
- package/test-utils/dom/pagination/index.d.ts +15 -0
- package/test-utils/dom/pagination/index.js +22 -0
- package/test-utils/dom/pagination/index.js.map +1 -1
- package/test-utils/selectors/pagination/index.d.ts +15 -0
- package/test-utils/selectors/pagination/index.js +22 -0
- package/test-utils/selectors/pagination/index.js.map +1 -1
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +14 -14
- package/textarea/styles.selectors.js +5 -5
- package/token/styles.css.js +14 -14
- package/token/styles.scoped.css +30 -30
- package/token/styles.selectors.js +14 -14
package/popover/internal.js
CHANGED
|
@@ -19,13 +19,23 @@ import ConditionalLiveRegion from './conditional-live-region';
|
|
|
19
19
|
import PopoverContainer from './container';
|
|
20
20
|
import styles from './styles.css.js';
|
|
21
21
|
export default React.forwardRef(InternalPopover);
|
|
22
|
-
function InternalPopover({ position = 'right', size = 'medium', fixedWidth = false, triggerType = 'text', dismissButton = true, children, header, content, triggerAriaLabel, wrapTriggerText = true, isInline = false, renderWithPortal = false, __onOpen, __internalRootRef, __closeAnalyticsAction, ...restProps }, ref) {
|
|
22
|
+
function InternalPopover({ position = 'right', size = 'medium', fixedWidth = false, triggerType = 'text', dismissButton = true, children, header, content, triggerAriaLabel, wrapTriggerText = true, isInline = false, renderWithPortal = false, __onOpen, __internalRootRef, __closeAnalyticsAction, __visible: controlledVisible, __onVisibleChange: onVisibleChange, ...restProps }, ref) {
|
|
23
23
|
const baseProps = getBaseProps(restProps);
|
|
24
24
|
const triggerRef = useRef(null);
|
|
25
25
|
const popoverRef = useRef(null);
|
|
26
26
|
const i18n = useInternalI18n('popover');
|
|
27
27
|
const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);
|
|
28
|
-
const [
|
|
28
|
+
const [internalVisible, setInternalVisible] = useState(false);
|
|
29
|
+
const isControlled = controlledVisible !== undefined;
|
|
30
|
+
const visible = isControlled ? controlledVisible : internalVisible;
|
|
31
|
+
const updateVisible = useCallback((newVisible) => {
|
|
32
|
+
if (isControlled) {
|
|
33
|
+
fireNonCancelableEvent(onVisibleChange, { visible: newVisible });
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
setInternalVisible(newVisible);
|
|
37
|
+
}
|
|
38
|
+
}, [isControlled, onVisibleChange]);
|
|
29
39
|
const focusTrigger = useCallback(() => {
|
|
30
40
|
var _a, _b;
|
|
31
41
|
if (['text', 'text-inline'].includes(triggerType)) {
|
|
@@ -37,12 +47,12 @@ function InternalPopover({ position = 'right', size = 'medium', fixedWidth = fal
|
|
|
37
47
|
}, [triggerType]);
|
|
38
48
|
const onTriggerClick = useCallback(() => {
|
|
39
49
|
fireNonCancelableEvent(__onOpen);
|
|
40
|
-
|
|
41
|
-
}, [__onOpen]);
|
|
50
|
+
updateVisible(true);
|
|
51
|
+
}, [__onOpen, updateVisible]);
|
|
42
52
|
const onDismiss = useCallback(() => {
|
|
43
|
-
|
|
53
|
+
updateVisible(false);
|
|
44
54
|
focusTrigger();
|
|
45
|
-
}, [focusTrigger]);
|
|
55
|
+
}, [focusTrigger, updateVisible]);
|
|
46
56
|
const onTriggerKeyDown = useCallback((event) => {
|
|
47
57
|
const isEscapeKey = event.keyCode === KeyCode.escape;
|
|
48
58
|
const isTabKey = event.keyCode === KeyCode.tab;
|
|
@@ -50,18 +60,18 @@ function InternalPopover({ position = 'right', size = 'medium', fixedWidth = fal
|
|
|
50
60
|
event.stopPropagation();
|
|
51
61
|
}
|
|
52
62
|
if (isTabKey || isEscapeKey) {
|
|
53
|
-
|
|
63
|
+
updateVisible(false);
|
|
54
64
|
}
|
|
55
|
-
}, [visible]);
|
|
65
|
+
}, [visible, updateVisible]);
|
|
56
66
|
useImperativeHandle(ref, () => ({
|
|
57
67
|
dismiss: () => {
|
|
58
|
-
|
|
68
|
+
updateVisible(false);
|
|
59
69
|
},
|
|
60
70
|
focus: () => {
|
|
61
|
-
|
|
71
|
+
updateVisible(false);
|
|
62
72
|
focusTrigger();
|
|
63
73
|
},
|
|
64
|
-
}));
|
|
74
|
+
}), [updateVisible, focusTrigger]);
|
|
65
75
|
const clickFrameId = useRef(null);
|
|
66
76
|
useEffect(() => {
|
|
67
77
|
if (!triggerRef.current) {
|
|
@@ -71,14 +81,14 @@ function InternalPopover({ position = 'right', size = 'medium', fixedWidth = fal
|
|
|
71
81
|
const onDocumentClick = () => {
|
|
72
82
|
// Dismiss popover unless there was a click inside within the last animation frame.
|
|
73
83
|
if (clickFrameId.current === null) {
|
|
74
|
-
|
|
84
|
+
updateVisible(false);
|
|
75
85
|
}
|
|
76
86
|
};
|
|
77
87
|
document.addEventListener('mousedown', onDocumentClick);
|
|
78
88
|
return () => {
|
|
79
89
|
document.removeEventListener('mousedown', onDocumentClick);
|
|
80
90
|
};
|
|
81
|
-
}, []);
|
|
91
|
+
}, [updateVisible]);
|
|
82
92
|
const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });
|
|
83
93
|
const { isInlineToken } = useTokenInlineContext();
|
|
84
94
|
const triggerProps = {
|
package/popover/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/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, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useTokenInlineContext } from '../internal/context/token-inline-context';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n triggerType?: PopoverProps.TriggerType | 'filtering-token';\n size: PopoverProps.Size | 'content';\n __closeAnalyticsAction?: string;\n isInline?: boolean;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n triggerAriaLabel,\n\n wrapTriggerText = true,\n isInline = false,\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef,\n __closeAnalyticsAction,\n\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<PopoverProps.Ref>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (['text', 'text-inline'].includes(triggerType)) {\n triggerRef.current?.focus();\n } else if (triggerRef.current) {\n getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const isEscapeKey = event.keyCode === KeyCode.escape;\n const isTabKey = event.keyCode === KeyCode.tab;\n if (isEscapeKey && visible) {\n event.stopPropagation();\n }\n if (isTabKey || isEscapeKey) {\n setVisible(false);\n }\n },\n [visible]\n );\n\n useImperativeHandle(ref, () => ({\n dismiss: () => {\n setVisible(false);\n },\n focus: () => {\n setVisible(false);\n focusTrigger();\n },\n }));\n\n const clickFrameId = useRef<number | null>(null);\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n document.addEventListener('mousedown', onDocumentClick);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });\n const { isInlineToken } = useTokenInlineContext();\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`], isInlineToken && styles['in-inline-token']),\n };\n const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n const referrerId = useUniqueId();\n\n const popoverContent = (\n <div\n className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n data-awsui-referrer-id={referrerId}\n >\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n closeAnalyticsAction={__closeAnalyticsAction}\n >\n <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n triggerType === 'filtering-token' && styles['root-filtering-token'],\n isInline && styles['no-wrap']\n )}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {['text', 'text-inline'].includes(triggerType) ? (\n <button\n {...triggerProps}\n className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n tabIndex={triggerTabIndex}\n type=\"button\"\n aria-haspopup=\"dialog\"\n id={referrerId}\n aria-label={triggerAriaLabel}\n >\n {children}\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n {visible && (\n <ResetContextsForModal>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </ResetContextsForModal>\n )}\n </span>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/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, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useTokenInlineContext } from '../internal/context/token-inline-context';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n triggerType?: PopoverProps.TriggerType | 'filtering-token';\n size: PopoverProps.Size | 'content';\n __closeAnalyticsAction?: string;\n isInline?: boolean;\n __visible?: boolean;\n __onVisibleChange?: NonCancelableEventHandler<{ visible: boolean }>;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n triggerAriaLabel,\n\n wrapTriggerText = true,\n isInline = false,\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef,\n __closeAnalyticsAction,\n __visible: controlledVisible,\n __onVisibleChange: onVisibleChange,\n\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<PopoverProps.Ref>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [internalVisible, setInternalVisible] = useState(false);\n const isControlled = controlledVisible !== undefined;\n const visible = isControlled ? controlledVisible : internalVisible;\n\n const updateVisible = useCallback(\n (newVisible: boolean) => {\n if (isControlled) {\n fireNonCancelableEvent(onVisibleChange, { visible: newVisible });\n } else {\n setInternalVisible(newVisible);\n }\n },\n [isControlled, onVisibleChange]\n );\n\n const focusTrigger = useCallback(() => {\n if (['text', 'text-inline'].includes(triggerType)) {\n triggerRef.current?.focus();\n } else if (triggerRef.current) {\n getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n updateVisible(true);\n }, [__onOpen, updateVisible]);\n\n const onDismiss = useCallback(() => {\n updateVisible(false);\n focusTrigger();\n }, [focusTrigger, updateVisible]);\n\n const onTriggerKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const isEscapeKey = event.keyCode === KeyCode.escape;\n const isTabKey = event.keyCode === KeyCode.tab;\n if (isEscapeKey && visible) {\n event.stopPropagation();\n }\n if (isTabKey || isEscapeKey) {\n updateVisible(false);\n }\n },\n [visible, updateVisible]\n );\n\n useImperativeHandle(\n ref,\n () => ({\n dismiss: () => {\n updateVisible(false);\n },\n focus: () => {\n updateVisible(false);\n focusTrigger();\n },\n }),\n [updateVisible, focusTrigger]\n );\n\n const clickFrameId = useRef<number | null>(null);\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n updateVisible(false);\n }\n };\n\n document.addEventListener('mousedown', onDocumentClick);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick);\n };\n }, [updateVisible]);\n\n const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });\n const { isInlineToken } = useTokenInlineContext();\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`], isInlineToken && styles['in-inline-token']),\n };\n const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n const referrerId = useUniqueId();\n\n const popoverContent = (\n <div\n className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n data-awsui-referrer-id={referrerId}\n >\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n closeAnalyticsAction={__closeAnalyticsAction}\n >\n <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n triggerType === 'filtering-token' && styles['root-filtering-token'],\n isInline && styles['no-wrap']\n )}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {['text', 'text-inline'].includes(triggerType) ? (\n <button\n {...triggerProps}\n className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n tabIndex={triggerTabIndex}\n type=\"button\"\n aria-haspopup=\"dialog\"\n id={referrerId}\n aria-label={triggerAriaLabel}\n >\n {children}\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n {visible && (\n <ResetContextsForModal>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </ResetContextsForModal>\n )}\n </span>\n );\n}\n"]}
|
package/prompt-input/internal.js
CHANGED
|
@@ -70,7 +70,7 @@ const InternalPromptInput = React.forwardRef(({ value: valueProp, actionButtonAr
|
|
|
70
70
|
const scrollTop = element.scrollTop;
|
|
71
71
|
// 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
|
|
72
72
|
element.style.height = 'auto';
|
|
73
|
-
const minRowsHeight = `calc(${LINE_HEIGHT} + ${designTokens.
|
|
73
|
+
const minRowsHeight = `calc(${LINE_HEIGHT} + ${designTokens.spaceFieldVertical} * 2)`;
|
|
74
74
|
const scrollHeight = `calc(${element.scrollHeight}px)`;
|
|
75
75
|
if (maxRows === -1) {
|
|
76
76
|
element.style.height = `max(${scrollHeight}, ${minRowsHeight})`;
|
|
@@ -1 +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, 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"]}
|
|
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, 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.spaceFieldVertical} * 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"]}
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"textarea-readonly": "awsui_textarea-
|
|
6
|
-
"disabled": "
|
|
7
|
-
"textarea-invalid": "awsui_textarea-
|
|
8
|
-
"textarea-warning": "awsui_textarea-
|
|
9
|
-
"textarea": "
|
|
10
|
-
"placeholder-visible": "awsui_placeholder-
|
|
11
|
-
"invalid": "
|
|
12
|
-
"warning": "
|
|
13
|
-
"textarea-disabled": "awsui_textarea-
|
|
14
|
-
"textarea-wrapper": "awsui_textarea-
|
|
15
|
-
"editable-wrapper": "awsui_editable-
|
|
16
|
-
"editable-element": "awsui_editable-
|
|
17
|
-
"primary-action": "awsui_primary-
|
|
18
|
-
"action-button": "awsui_action-
|
|
19
|
-
"secondary-content": "awsui_secondary-
|
|
20
|
-
"with-paddings": "awsui_with-
|
|
21
|
-
"action-stripe": "awsui_action-
|
|
22
|
-
"secondary-actions": "awsui_secondary-
|
|
23
|
-
"with-paddings-and-actions": "awsui_with-paddings-and-
|
|
24
|
-
"buffer": "
|
|
25
|
-
"token-container": "awsui_token-
|
|
26
|
-
"reference-wrapper": "awsui_reference-
|
|
27
|
-
"trigger-base": "awsui_trigger-
|
|
28
|
-
"trigger-token": "awsui_trigger-
|
|
29
|
-
"paragraph": "
|
|
4
|
+
"root": "awsui_root_55fkh_ef4f9_146",
|
|
5
|
+
"textarea-readonly": "awsui_textarea-readonly_55fkh_ef4f9_191",
|
|
6
|
+
"disabled": "awsui_disabled_55fkh_ef4f9_197",
|
|
7
|
+
"textarea-invalid": "awsui_textarea-invalid_55fkh_ef4f9_205",
|
|
8
|
+
"textarea-warning": "awsui_textarea-warning_55fkh_ef4f9_233",
|
|
9
|
+
"textarea": "awsui_textarea_55fkh_ef4f9_191",
|
|
10
|
+
"placeholder-visible": "awsui_placeholder-visible_55fkh_ef4f9_330",
|
|
11
|
+
"invalid": "awsui_invalid_55fkh_ef4f9_359",
|
|
12
|
+
"warning": "awsui_warning_55fkh_ef4f9_359",
|
|
13
|
+
"textarea-disabled": "awsui_textarea-disabled_55fkh_ef4f9_362",
|
|
14
|
+
"textarea-wrapper": "awsui_textarea-wrapper_55fkh_ef4f9_387",
|
|
15
|
+
"editable-wrapper": "awsui_editable-wrapper_55fkh_ef4f9_392",
|
|
16
|
+
"editable-element": "awsui_editable-element_55fkh_ef4f9_398",
|
|
17
|
+
"primary-action": "awsui_primary-action_55fkh_ef4f9_405",
|
|
18
|
+
"action-button": "awsui_action-button_55fkh_ef4f9_413",
|
|
19
|
+
"secondary-content": "awsui_secondary-content_55fkh_ef4f9_418",
|
|
20
|
+
"with-paddings": "awsui_with-paddings_55fkh_ef4f9_453",
|
|
21
|
+
"action-stripe": "awsui_action-stripe_55fkh_ef4f9_463",
|
|
22
|
+
"secondary-actions": "awsui_secondary-actions_55fkh_ef4f9_502",
|
|
23
|
+
"with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_ef4f9_520",
|
|
24
|
+
"buffer": "awsui_buffer_55fkh_ef4f9_524",
|
|
25
|
+
"token-container": "awsui_token-container_55fkh_ef4f9_530",
|
|
26
|
+
"reference-wrapper": "awsui_reference-wrapper_55fkh_ef4f9_538",
|
|
27
|
+
"trigger-base": "awsui_trigger-base_55fkh_ef4f9_542",
|
|
28
|
+
"trigger-token": "awsui_trigger-token_55fkh_ef4f9_546",
|
|
29
|
+
"paragraph": "awsui_paragraph_55fkh_ef4f9_552"
|
|
30
30
|
};
|
|
31
31
|
|