npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1374 → 3.0.1375 - Mend

@cloudscape-design/components-themeable 3.0.1374 → 3.0.1375

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.

Files changed (111) hide show

package/lib/internal/template/container/styles.selectors.js CHANGED Viewed

@@ -2,38 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1me67_13",
-  "fit-height": "awsui_fit-height_14iqq_1me67_46",
-  "with-side-media": "awsui_with-side-media_14iqq_1me67_51",
-  "variant-default": "awsui_variant-default_14iqq_1me67_54",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1me67_54",
-  "refresh": "awsui_refresh_14iqq_1me67_63",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1me67_113",
-  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_1me67_119",
-  "with-top-media": "awsui_with-top-media_14iqq_1me67_129",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1me67_134",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1me67_139",
-  "media": "awsui_media_14iqq_1me67_146",
-  "media-top": "awsui_media-top_14iqq_1me67_164",
-  "media-side": "awsui_media-side_14iqq_1me67_169",
-  "header": "awsui_header_14iqq_1me67_175",
-  "header-full-page": "awsui_header-full-page_14iqq_1me67_180",
-  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_1me67_183",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1me67_183",
-  "header-with-media": "awsui_header-with-media_14iqq_1me67_186",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1me67_192",
-  "header-stuck": "awsui_header-stuck_14iqq_1me67_202",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1me67_212",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1me67_215",
-  "with-paddings": "awsui_with-paddings_14iqq_1me67_221",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1me67_230",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1me67_288",
-  "header-cover": "awsui_header-cover_14iqq_1me67_291",
-  "content": "awsui_content_14iqq_1me67_134",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1me67_319",
-  "content-inner": "awsui_content-inner_14iqq_1me67_325",
-  "with-header": "awsui_with-header_14iqq_1me67_332",
-  "footer": "awsui_footer_14iqq_1me67_336",
-  "with-divider": "awsui_with-divider_14iqq_1me67_340"
+  "root": "awsui_root_14iqq_w40we_13",
+  "fit-height": "awsui_fit-height_14iqq_w40we_46",
+  "with-side-media": "awsui_with-side-media_14iqq_w40we_51",
+  "variant-default": "awsui_variant-default_14iqq_w40we_54",
+  "variant-stacked": "awsui_variant-stacked_14iqq_w40we_54",
+  "refresh": "awsui_refresh_14iqq_w40we_63",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_w40we_113",
+  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_w40we_119",
+  "focus-ring": "awsui_focus-ring_14iqq_w40we_126",
+  "with-top-media": "awsui_with-top-media_14iqq_w40we_150",
+  "content-wrapper": "awsui_content-wrapper_14iqq_w40we_155",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_w40we_160",
+  "media": "awsui_media_14iqq_w40we_167",
+  "media-top": "awsui_media-top_14iqq_w40we_185",
+  "media-side": "awsui_media-side_14iqq_w40we_190",
+  "header": "awsui_header_14iqq_w40we_196",
+  "header-full-page": "awsui_header-full-page_14iqq_w40we_201",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_w40we_204",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_w40we_204",
+  "header-with-media": "awsui_header-with-media_14iqq_w40we_207",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_w40we_213",
+  "header-stuck": "awsui_header-stuck_14iqq_w40we_223",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_w40we_233",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_w40we_236",
+  "with-paddings": "awsui_with-paddings_14iqq_w40we_242",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_w40we_251",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_w40we_309",
+  "header-cover": "awsui_header-cover_14iqq_w40we_312",
+  "content": "awsui_content_14iqq_w40we_155",
+  "content-fit-height": "awsui_content-fit-height_14iqq_w40we_340",
+  "content-inner": "awsui_content-inner_14iqq_w40we_346",
+  "with-header": "awsui_with-header_14iqq_w40we_353",
+  "footer": "awsui_footer_14iqq_w40we_357",
+  "with-divider": "awsui_with-divider_14iqq_w40we_361"
 };

package/lib/internal/template/copy-to-clipboard/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;~~AAGlF~~,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,UAAU,4BAA6B,SAAQ,oBAAoB,EAAE,0BAA0B;CAAG;AAElG,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,QAAe,EACf,uBAAuB,EACvB,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,4BAA4B,~~eAmG9B~~"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,UAAU,4BAA6B,SAAQ,oBAAoB,EAAE,0BAA0B;CAAG;AAElG,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,QAAe,EACf,uBAAuB,EACvB,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,4BAA4B,eAwG9B"}

package/lib/internal/template/copy-to-clipboard/internal.js CHANGED Viewed

@@ -5,6 +5,7 @@ import clsx from 'clsx';
 import InternalButton from '../button/internal';
 import { getBaseProps } from '../internal/base-component';
 import { fireNonCancelableEvent } from '../internal/events';
+import { useOneTheme } from '../internal/hooks/use-visual-mode';
 import InternalPopover from '../popover/internal';
 import InternalStatusIndicator from '../status-indicator/internal';
 import styles from './styles.css.js';
@@ -12,6 +13,7 @@ import testStyles from './test-classes/styles.css.js';
 export default function InternalCopyToClipboard({ variant = 'button', copyButtonAriaLabel, copyButtonText, copySuccessText, copyErrorText, textToCopy, textToDisplay, wrapText = true, popoverRenderWithPortal, disabled, disabledReason, onCopySuccess, onCopyFailure, __internalRootRef, ...restProps }) {
     const [status, setStatus] = useState('success');
     const [statusText, setStatusText] = useState(copySuccessText);
+    const isOneTheme = useOneTheme();
     useEffect(() => {
         if (navigator.permissions) {
             navigator.permissions
@@ -56,7 +58,7 @@ export default function InternalCopyToClipboard({ variant = 'button', copyButton
     }[variant];
     const isInline = variant === 'inline';
     const button = (React.createElement(InternalButton, { ariaLabel: copyButtonAriaLabel !== null && copyButtonAriaLabel !== void 0 ? copyButtonAriaLabel : copyButtonText, iconName: "copy", variant: triggerVariant, wrapText: false, formAction: "none", disabled: disabled, disabledReason: disabledReason }, copyButtonText));
-    const trigger = disabled ? (button) : (React.createElement(InternalPopover, { isInline: isInline, size: "medium", position: "top", triggerType: "custom", dismissButton: false, renderWithPortal: popoverRenderWithPortal, content: React.createElement(InternalStatusIndicator, { type: status }, statusText), __onOpen: onClick }, button));
+    const trigger = disabled ? (button) : (React.createElement(InternalPopover, { isInline: isInline, size: "medium", position: "top", triggerType: "custom", dismissButton: false, renderWithPortal: popoverRenderWithPortal, content: React.createElement(InternalStatusIndicator, { type: status, __embedded: isOneTheme }, statusText), __onOpen: onClick }, button));
     return (React.createElement("span", { ...baseProps, ref: __internalRootRef, className: clsx(baseProps.className, styles.root, testStyles.root) }, isInline ? (React.createElement("span", { className: clsx(styles['inline-container'], !wrapText && styles['inline-container-no-wrap']) },
         React.createElement("span", { className: styles['inline-container-trigger'] }, trigger),
         React.createElement("span", { className: clsx(testStyles['text-to-display'], testStyles['text-to-copy'], styles['text-to-display']) }, textToDisplay !== undefined ? textToDisplay : textToCopy))) : (trigger)));

package/lib/internal/template/copy-to-clipboard/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AAItD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAO,GAAG,QAAQ,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,uBAAuB,EACvB,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,GAAG,SAAS,EACiB;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAkC,SAAS,CAAC,CAAC;IACjF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;~~IAE9D~~,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;YAC1B,SAAS,CAAC,WAAW;iBAClB,KAAK,CAAC,EAAE,IAAI,EAAE,iBAAmC,EAAE,CAAC;iBACpD,IAAI,CAAC,MAAM,CAAC,EAAE;gBACb,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC9B,SAAS,CAAC,OAAO,CAAC,CAAC;oBACnB,aAAa,CAAC,aAAa,CAAC,CAAC;gBAC/B,CAAC;YACH,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,2CAA2C;YAC7C,CAAC,CAAC,CAAC;QACP,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;YACzB,2DAA2D;YAC3D,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,aAAa,CAAC,aAAa,CAAC,CAAC;YAC7B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YAC5D,OAAO;QACT,CAAC;QAED,SAAS,CAAC,SAAS;aAChB,SAAS,CAAC,UAAU,CAAC;aACrB,IAAI,CAAC,GAAG,EAAE;YACT,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,aAAa,CAAC,eAAe,CAAC,CAAC;YAC/B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,aAAa,CAAC,aAAa,CAAC,CAAC;YAC7B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,cAAc,GAClB;QACE,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,aAAa;KAExB,CAAC,OAAO,CAAC,CAAC;IAEX,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAC;IAEtC,MAAM,MAAM,GAAG,CACb,oBAAC,cAAc,IACb,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,cAAc,EAChD,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAK,EACf,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,IAE7B,cAAc,CACA,CAClB,CAAC;IAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CACzB,MAAM,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,KAAK,EACd,WAAW,EAAC,QAAQ,EACpB,aAAa,EAAE,KAAK,EACpB,gBAAgB,EAAE,uBAAuB,EACzC,OAAO,~~EAAE~~,oBAAC,uBAAuB,IAAC,IAAI,EAAE,MAAM,~~IAAG~~,UAAU,~~CAA2B~~,~~EACtF~~,QAAQ,EAAE,OAAO,IAEhB,MAAM,CACS,CACnB,CAAC;IAEF,OAAO,CACL,iCAAU,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAC5G,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,MAAM,CAAC,0BAA0B,CAAC,CAAC;QAChG,8BAAM,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,IAAG,OAAO,CAAQ;QACrE,8BAAM,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,IACxG,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CACpD,CACF,CACR,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CACI,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalButton from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport InternalPopover from '../popover/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { CopyToClipboardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\ninterface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}\n\nexport default function InternalCopyToClipboard({\n variant = 'button',\n copyButtonAriaLabel,\n copyButtonText,\n copySuccessText,\n copyErrorText,\n textToCopy,\n textToDisplay,\n wrapText = true,\n popoverRenderWithPortal,\n disabled,\n disabledReason,\n onCopySuccess,\n onCopyFailure,\n __internalRootRef,\n ...restProps\n}: InternalCopyToClipboardProps) {\n const [status, setStatus] = useState<'pending' \| 'success' \| 'error'>('success');\n const [statusText, setStatusText] = useState(copySuccessText);\n\n useEffect(() => {\n if (navigator.permissions) {\n navigator.permissions\n .query({ name: 'clipboard-write' as PermissionName })\n .then(result => {\n if (result.state === 'denied') {\n setStatus('error');\n setStatusText(copyErrorText);\n }\n })\n .catch(() => {\n // Permissions API not supported or failed.\n });\n }\n }, [copyErrorText]);\n\n const baseProps = getBaseProps(restProps);\n const onClick = () => {\n if (!navigator.clipboard) {\n // The clipboard API is not available in insecure contexts.\n setStatus('error');\n setStatusText(copyErrorText);\n fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n return;\n }\n\n navigator.clipboard\n .writeText(textToCopy)\n .then(() => {\n setStatus('success');\n setStatusText(copySuccessText);\n fireNonCancelableEvent(onCopySuccess, { text: textToCopy });\n })\n .catch(() => {\n setStatus('error');\n setStatusText(copyErrorText);\n fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n });\n };\n\n const triggerVariant = (\n {\n button: 'normal',\n icon: 'icon',\n inline: 'inline-icon',\n } as const\n )[variant];\n\n const isInline = variant === 'inline';\n\n const button = (\n <InternalButton\n ariaLabel={copyButtonAriaLabel ?? copyButtonText}\n iconName=\"copy\"\n variant={triggerVariant}\n wrapText={false}\n formAction=\"none\"\n disabled={disabled}\n disabledReason={disabledReason}\n >\n {copyButtonText}\n </InternalButton>\n );\n\n const trigger = disabled ? (\n button\n ) : (\n <InternalPopover\n isInline={isInline}\n size=\"medium\"\n position=\"top\"\n triggerType=\"custom\"\n dismissButton={false}\n renderWithPortal={popoverRenderWithPortal}\n content={<InternalStatusIndicator type={status}>{statusText}</InternalStatusIndicator>}\n __onOpen={onClick}\n >\n {button}\n </InternalPopover>\n );\n\n return (\n <span {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root, testStyles.root)}>\n {isInline ? (\n <span className={clsx(styles['inline-container'], !wrapText && styles['inline-container-no-wrap'])}>\n <span className={styles['inline-container-trigger']}>{trigger}</span>\n <span className={clsx(testStyles['text-to-display'], testStyles['text-to-copy'], styles['text-to-display'])}>\n {textToDisplay !== undefined ? textToDisplay : textToCopy}\n </span>\n </span>\n ) : (\n trigger\n )}\n </span>\n );\n}\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AAItD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAO,GAAG,QAAQ,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,uBAAuB,EACvB,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,GAAG,SAAS,EACiB;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAkC,SAAS,CAAC,CAAC;IACjF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;YAC1B,SAAS,CAAC,WAAW;iBAClB,KAAK,CAAC,EAAE,IAAI,EAAE,iBAAmC,EAAE,CAAC;iBACpD,IAAI,CAAC,MAAM,CAAC,EAAE;gBACb,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC9B,SAAS,CAAC,OAAO,CAAC,CAAC;oBACnB,aAAa,CAAC,aAAa,CAAC,CAAC;gBAC/B,CAAC;YACH,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,2CAA2C;YAC7C,CAAC,CAAC,CAAC;QACP,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;YACzB,2DAA2D;YAC3D,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,aAAa,CAAC,aAAa,CAAC,CAAC;YAC7B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YAC5D,OAAO;QACT,CAAC;QAED,SAAS,CAAC,SAAS;aAChB,SAAS,CAAC,UAAU,CAAC;aACrB,IAAI,CAAC,GAAG,EAAE;YACT,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,aAAa,CAAC,eAAe,CAAC,CAAC;YAC/B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,aAAa,CAAC,aAAa,CAAC,CAAC;YAC7B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,cAAc,GAClB;QACE,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,aAAa;KAExB,CAAC,OAAO,CAAC,CAAC;IAEX,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAC;IAEtC,MAAM,MAAM,GAAG,CACb,oBAAC,cAAc,IACb,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,cAAc,EAChD,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAK,EACf,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,IAE7B,cAAc,CACA,CAClB,CAAC;IAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CACzB,MAAM,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,KAAK,EACd,WAAW,EAAC,QAAQ,EACpB,aAAa,EAAE,KAAK,EACpB,gBAAgB,EAAE,uBAAuB,EACzC,OAAO,EACL,oBAAC,uBAAuB,IAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,IAC1D,UAAU,CACa,EAE5B,QAAQ,EAAE,OAAO,IAEhB,MAAM,CACS,CACnB,CAAC;IAEF,OAAO,CACL,iCAAU,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAC5G,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,MAAM,CAAC,0BAA0B,CAAC,CAAC;QAChG,8BAAM,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,IAAG,OAAO,CAAQ;QACrE,8BAAM,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,IACxG,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CACpD,CACF,CACR,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CACI,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalButton from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useOneTheme } from '../internal/hooks/use-visual-mode';\nimport InternalPopover from '../popover/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { CopyToClipboardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\ninterface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}\n\nexport default function InternalCopyToClipboard({\n variant = 'button',\n copyButtonAriaLabel,\n copyButtonText,\n copySuccessText,\n copyErrorText,\n textToCopy,\n textToDisplay,\n wrapText = true,\n popoverRenderWithPortal,\n disabled,\n disabledReason,\n onCopySuccess,\n onCopyFailure,\n __internalRootRef,\n ...restProps\n}: InternalCopyToClipboardProps) {\n const [status, setStatus] = useState<'pending' \| 'success' \| 'error'>('success');\n const [statusText, setStatusText] = useState(copySuccessText);\n const isOneTheme = useOneTheme();\n\n useEffect(() => {\n if (navigator.permissions) {\n navigator.permissions\n .query({ name: 'clipboard-write' as PermissionName })\n .then(result => {\n if (result.state === 'denied') {\n setStatus('error');\n setStatusText(copyErrorText);\n }\n })\n .catch(() => {\n // Permissions API not supported or failed.\n });\n }\n }, [copyErrorText]);\n\n const baseProps = getBaseProps(restProps);\n const onClick = () => {\n if (!navigator.clipboard) {\n // The clipboard API is not available in insecure contexts.\n setStatus('error');\n setStatusText(copyErrorText);\n fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n return;\n }\n\n navigator.clipboard\n .writeText(textToCopy)\n .then(() => {\n setStatus('success');\n setStatusText(copySuccessText);\n fireNonCancelableEvent(onCopySuccess, { text: textToCopy });\n })\n .catch(() => {\n setStatus('error');\n setStatusText(copyErrorText);\n fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n });\n };\n\n const triggerVariant = (\n {\n button: 'normal',\n icon: 'icon',\n inline: 'inline-icon',\n } as const\n )[variant];\n\n const isInline = variant === 'inline';\n\n const button = (\n <InternalButton\n ariaLabel={copyButtonAriaLabel ?? copyButtonText}\n iconName=\"copy\"\n variant={triggerVariant}\n wrapText={false}\n formAction=\"none\"\n disabled={disabled}\n disabledReason={disabledReason}\n >\n {copyButtonText}\n </InternalButton>\n );\n\n const trigger = disabled ? (\n button\n ) : (\n <InternalPopover\n isInline={isInline}\n size=\"medium\"\n position=\"top\"\n triggerType=\"custom\"\n dismissButton={false}\n renderWithPortal={popoverRenderWithPortal}\n content={\n <InternalStatusIndicator type={status} __embedded={isOneTheme}>\n {statusText}\n </InternalStatusIndicator>\n }\n __onOpen={onClick}\n >\n {button}\n </InternalPopover>\n );\n\n return (\n <span {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root, testStyles.root)}>\n {isInline ? (\n <span className={clsx(styles['inline-container'], !wrapText && styles['inline-container-no-wrap'])}>\n <span className={styles['inline-container-trigger']}>{trigger}</span>\n <span className={clsx(testStyles['text-to-display'], testStyles['text-to-copy'], styles['text-to-display'])}>\n {textToDisplay !== undefined ? textToDisplay : textToCopy}\n </span>\n </span>\n ) : (\n trigger\n )}\n </span>\n );\n}\n"]}

package/lib/internal/template/flashbar/styles.css.js CHANGED Viewed

@@ -1,55 +1,55 @@
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1h5wf_13",
-  "enter": "awsui_enter_1q84n_1h5wf_13",
-  "flash-body": "awsui_flash-body_1q84n_1h5wf_27",
-  "flash-message": "awsui_flash-message_1q84n_1h5wf_27",
-  "flash-header": "awsui_flash-header_1q84n_1h5wf_27",
-  "flash-content": "awsui_flash-content_1q84n_1h5wf_28",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1h5wf_29",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1h5wf_30",
-  "flash-icon": "awsui_flash-icon_1q84n_1h5wf_53",
-  "entering": "awsui_entering_1q84n_1h5wf_66",
-  "entered": "awsui_entered_1q84n_1h5wf_87",
-  "exiting": "awsui_exiting_1q84n_1h5wf_192",
-  "stack": "awsui_stack_1q84n_1h5wf_218",
-  "animation-running": "awsui_animation-running_1q84n_1h5wf_218",
-  "item": "awsui_item_1q84n_1h5wf_218",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1h5wf_219",
-  "notification-bar": "awsui_notification-bar_1q84n_1h5wf_220",
-  "collapsed": "awsui_collapsed_1q84n_1h5wf_240",
-  "animation-ready": "awsui_animation-ready_1q84n_1h5wf_240",
-  "expanded-only": "awsui_expanded-only_1q84n_1h5wf_240",
-  "expanded": "awsui_expanded_1q84n_1h5wf_240",
-  "flash": "awsui_flash_1q84n_1h5wf_13",
-  "collapsible": "awsui_collapsible_1q84n_1h5wf_296",
-  "short-list": "awsui_short-list_1q84n_1h5wf_302",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1h5wf_302",
-  "status": "awsui_status_1q84n_1h5wf_449",
-  "header": "awsui_header_1q84n_1h5wf_449",
-  "item-count": "awsui_item-count_1q84n_1h5wf_450",
-  "button": "awsui_button_1q84n_1h5wf_451",
-  "type-count": "awsui_type-count_1q84n_1h5wf_484",
-  "count-number": "awsui_count-number_1q84n_1h5wf_484",
-  "icon": "awsui_icon_1q84n_1h5wf_522",
-  "floating": "awsui_floating_1q84n_1h5wf_563",
-  "flashbar": "awsui_flashbar_1q84n_1h5wf_567",
-  "initial-hidden": "awsui_initial-hidden_1q84n_1h5wf_627",
-  "flash-list": "awsui_flash-list_1q84n_1h5wf_219",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1h5wf_651",
-  "flash-text": "awsui_flash-text_1q84n_1h5wf_681",
-  "hidden": "awsui_hidden_1q84n_1h5wf_700",
-  "header-replacement": "awsui_header-replacement_1q84n_1h5wf_705",
-  "content-replacement": "awsui_content-replacement_1q84n_1h5wf_710",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1h5wf_30",
-  "action-wrapped": "awsui_action-wrapped_1q84n_1h5wf_728",
-  "action-button": "awsui_action-button_1q84n_1h5wf_29",
-  "action-slot": "awsui_action-slot_1q84n_1h5wf_735",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1h5wf_739",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1h5wf_747",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1h5wf_755",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1h5wf_756",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1h5wf_765"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_v557b_13",
+  "enter": "awsui_enter_1q84n_v557b_13",
+  "flash-body": "awsui_flash-body_1q84n_v557b_27",
+  "flash-message": "awsui_flash-message_1q84n_v557b_27",
+  "flash-header": "awsui_flash-header_1q84n_v557b_27",
+  "flash-content": "awsui_flash-content_1q84n_v557b_28",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_v557b_29",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_v557b_30",
+  "flash-icon": "awsui_flash-icon_1q84n_v557b_53",
+  "entering": "awsui_entering_1q84n_v557b_66",
+  "entered": "awsui_entered_1q84n_v557b_87",
+  "exiting": "awsui_exiting_1q84n_v557b_192",
+  "stack": "awsui_stack_1q84n_v557b_218",
+  "animation-running": "awsui_animation-running_1q84n_v557b_218",
+  "item": "awsui_item_1q84n_v557b_218",
+  "flash-list-item": "awsui_flash-list-item_1q84n_v557b_219",
+  "notification-bar": "awsui_notification-bar_1q84n_v557b_220",
+  "collapsed": "awsui_collapsed_1q84n_v557b_240",
+  "animation-ready": "awsui_animation-ready_1q84n_v557b_240",
+  "expanded-only": "awsui_expanded-only_1q84n_v557b_240",
+  "expanded": "awsui_expanded_1q84n_v557b_240",
+  "flash": "awsui_flash_1q84n_v557b_13",
+  "collapsible": "awsui_collapsible_1q84n_v557b_296",
+  "short-list": "awsui_short-list_1q84n_v557b_302",
+  "visual-refresh": "awsui_visual-refresh_1q84n_v557b_340",
+  "status": "awsui_status_1q84n_v557b_413",
+  "header": "awsui_header_1q84n_v557b_413",
+  "item-count": "awsui_item-count_1q84n_v557b_414",
+  "button": "awsui_button_1q84n_v557b_415",
+  "type-count": "awsui_type-count_1q84n_v557b_448",
+  "count-number": "awsui_count-number_1q84n_v557b_448",
+  "icon": "awsui_icon_1q84n_v557b_482",
+  "floating": "awsui_floating_1q84n_v557b_523",
+  "flashbar": "awsui_flashbar_1q84n_v557b_527",
+  "initial-hidden": "awsui_initial-hidden_1q84n_v557b_587",
+  "flash-list": "awsui_flash-list_1q84n_v557b_219",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_v557b_611",
+  "flash-text": "awsui_flash-text_1q84n_v557b_641",
+  "hidden": "awsui_hidden_1q84n_v557b_660",
+  "header-replacement": "awsui_header-replacement_1q84n_v557b_665",
+  "content-replacement": "awsui_content-replacement_1q84n_v557b_670",
+  "dismiss-button": "awsui_dismiss-button_1q84n_v557b_30",
+  "action-wrapped": "awsui_action-wrapped_1q84n_v557b_688",
+  "action-button": "awsui_action-button_1q84n_v557b_29",
+  "action-slot": "awsui_action-slot_1q84n_v557b_695",
+  "flash-type-success": "awsui_flash-type-success_1q84n_v557b_699",
+  "flash-type-error": "awsui_flash-type-error_1q84n_v557b_707",
+  "flash-type-info": "awsui_flash-type-info_1q84n_v557b_715",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_v557b_716",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_v557b_725"
 };