@cloudscape-design/components-themeable 3.0.674 → 3.0.675
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/code-editor/styles.scss +10 -0
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +189 -181
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/copy-to-clipboard/internal.d.ts.map +1 -1
- package/lib/internal/template/copy-to-clipboard/internal.js +17 -13
- package/lib/internal/template/copy-to-clipboard/internal.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/package.json +1 -1
|
@@ -2,38 +2,38 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"code-editor-refresh": "awsui_code-editor-
|
|
6
|
-
"code-editor": "awsui_code-
|
|
7
|
-
"pane": "
|
|
8
|
-
"pane__close-container": "awsui_pane__close-
|
|
9
|
-
"pane__list": "
|
|
10
|
-
"pane__table": "
|
|
11
|
-
"pane__item": "
|
|
12
|
-
"pane__cell": "
|
|
13
|
-
"pane__item--highlighted": "awsui_pane__item--
|
|
14
|
-
"pane__location": "
|
|
15
|
-
"pane__description": "
|
|
16
|
-
"focus-lock": "awsui_focus-
|
|
17
|
-
"editor": "
|
|
18
|
-
"editor-refresh": "awsui_editor-
|
|
19
|
-
"status-bar": "awsui_status-
|
|
20
|
-
"status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-
|
|
21
|
-
"status-bar__left": "awsui_status-
|
|
22
|
-
"status-bar__right": "awsui_status-
|
|
23
|
-
"status-bar__language-mode": "awsui_status-bar__language-
|
|
24
|
-
"status-bar__cursor-position": "awsui_status-bar__cursor-
|
|
25
|
-
"status-bar__cog-button": "awsui_status-bar__cog-
|
|
26
|
-
"tab-list": "awsui_tab-
|
|
27
|
-
"tab-button": "awsui_tab-
|
|
28
|
-
"tab-button--refresh": "awsui_tab-button--
|
|
29
|
-
"tab-button--warnings": "awsui_tab-button--
|
|
30
|
-
"tab-button--active": "awsui_tab-button--
|
|
31
|
-
"tab-button--disabled": "awsui_tab-button--
|
|
32
|
-
"tab-button--divider": "awsui_tab-button--
|
|
33
|
-
"tab-button--errors": "awsui_tab-button--
|
|
34
|
-
"count": "
|
|
35
|
-
"text": "
|
|
36
|
-
"loading-screen": "awsui_loading-
|
|
37
|
-
"error-screen": "awsui_error-
|
|
5
|
+
"code-editor-refresh": "awsui_code-editor-refresh_1gl9c_12b32_102",
|
|
6
|
+
"code-editor": "awsui_code-editor_1gl9c_12b32_102",
|
|
7
|
+
"pane": "awsui_pane_1gl9c_12b32_640",
|
|
8
|
+
"pane__close-container": "awsui_pane__close-container_1gl9c_12b32_651",
|
|
9
|
+
"pane__list": "awsui_pane__list_1gl9c_12b32_656",
|
|
10
|
+
"pane__table": "awsui_pane__table_1gl9c_12b32_663",
|
|
11
|
+
"pane__item": "awsui_pane__item_1gl9c_12b32_669",
|
|
12
|
+
"pane__cell": "awsui_pane__cell_1gl9c_12b32_669",
|
|
13
|
+
"pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_12b32_683",
|
|
14
|
+
"pane__location": "awsui_pane__location_1gl9c_12b32_704",
|
|
15
|
+
"pane__description": "awsui_pane__description_1gl9c_12b32_704",
|
|
16
|
+
"focus-lock": "awsui_focus-lock_1gl9c_12b32_719",
|
|
17
|
+
"editor": "awsui_editor_1gl9c_12b32_770",
|
|
18
|
+
"editor-refresh": "awsui_editor-refresh_1gl9c_12b32_798",
|
|
19
|
+
"status-bar": "awsui_status-bar_1gl9c_12b32_803",
|
|
20
|
+
"status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_12b32_812",
|
|
21
|
+
"status-bar__left": "awsui_status-bar__left_1gl9c_12b32_816",
|
|
22
|
+
"status-bar__right": "awsui_status-bar__right_1gl9c_12b32_823",
|
|
23
|
+
"status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_12b32_827",
|
|
24
|
+
"status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_12b32_827",
|
|
25
|
+
"status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_12b32_833",
|
|
26
|
+
"tab-list": "awsui_tab-list_1gl9c_12b32_838",
|
|
27
|
+
"tab-button": "awsui_tab-button_1gl9c_12b32_843",
|
|
28
|
+
"tab-button--refresh": "awsui_tab-button--refresh_1gl9c_12b32_876",
|
|
29
|
+
"tab-button--warnings": "awsui_tab-button--warnings_1gl9c_12b32_879",
|
|
30
|
+
"tab-button--active": "awsui_tab-button--active_1gl9c_12b32_888",
|
|
31
|
+
"tab-button--disabled": "awsui_tab-button--disabled_1gl9c_12b32_904",
|
|
32
|
+
"tab-button--divider": "awsui_tab-button--divider_1gl9c_12b32_937",
|
|
33
|
+
"tab-button--errors": "awsui_tab-button--errors_1gl9c_12b32_944",
|
|
34
|
+
"count": "awsui_count_1gl9c_12b32_953",
|
|
35
|
+
"text": "awsui_text_1gl9c_12b32_956",
|
|
36
|
+
"loading-screen": "awsui_loading-screen_1gl9c_12b32_978",
|
|
37
|
+
"error-screen": "awsui_error-screen_1gl9c_12b32_979"
|
|
38
38
|
};
|
|
39
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AASpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB,EAAE,0BAA0B;CAAG;AAEzG,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,iBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,4BAA4B,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AASpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB,EAAE,0BAA0B;CAAG;AAEzG,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,iBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,4BAA4B,eAqE9B"}
|
|
@@ -15,20 +15,24 @@ export default function InternalCopyToClipboard(_a) {
|
|
|
15
15
|
const [statusText, setStatusText] = useState('');
|
|
16
16
|
const baseProps = getBaseProps(restProps);
|
|
17
17
|
const onClick = () => {
|
|
18
|
-
if (navigator.clipboard) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
.then(() => {
|
|
24
|
-
setStatus('success');
|
|
25
|
-
setStatusText(copySuccessText);
|
|
26
|
-
})
|
|
27
|
-
.catch(() => {
|
|
28
|
-
setStatus('error');
|
|
29
|
-
setStatusText(copyErrorText);
|
|
30
|
-
});
|
|
18
|
+
if (!navigator.clipboard) {
|
|
19
|
+
// The clipboard API is not available in insecure contexts.
|
|
20
|
+
setStatus('error');
|
|
21
|
+
setStatusText(copyErrorText);
|
|
22
|
+
return;
|
|
31
23
|
}
|
|
24
|
+
setStatus('pending');
|
|
25
|
+
setStatusText('');
|
|
26
|
+
navigator.clipboard
|
|
27
|
+
.writeText(textToCopy)
|
|
28
|
+
.then(() => {
|
|
29
|
+
setStatus('success');
|
|
30
|
+
setStatusText(copySuccessText);
|
|
31
|
+
})
|
|
32
|
+
.catch(() => {
|
|
33
|
+
setStatus('error');
|
|
34
|
+
setStatusText(copyErrorText);
|
|
35
|
+
});
|
|
32
36
|
};
|
|
33
37
|
const triggerVariant = {
|
|
34
38
|
button: 'normal',
|
|
@@ -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,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAEnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK1D,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EASjB;QATiB,EAC9C,OAAO,GAAG,QAAQ,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,iBAAiB,GAAG,IAAI,OAEK,EAD1B,SAAS,cARkC,2HAS/C,CADa;IAEZ,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;IAEjD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,SAAS,CAAC,SAAS,EAAE;
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/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, { useState } from 'react';\nimport { CopyToClipboardProps } from './interfaces';\nimport InternalButton from '../button/internal';\nimport InternalPopover from '../popover/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport interface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}\n\nexport default function InternalCopyToClipboard({\n variant = 'button',\n copyButtonAriaLabel,\n copyButtonText,\n copySuccessText,\n copyErrorText,\n textToCopy,\n __internalRootRef = null,\n ...restProps\n}: InternalCopyToClipboardProps) {\n const [status, setStatus] = useState<'pending' | 'success' | 'error'>('pending');\n const [statusText, setStatusText] = useState('');\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 return;\n }\n\n setStatus('pending');\n setStatusText('');\n navigator.clipboard\n .writeText(textToCopy)\n .then(() => {\n setStatus('success');\n setStatusText(copySuccessText);\n })\n .catch(() => {\n setStatus('error');\n setStatusText(copyErrorText);\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 trigger = (\n <InternalPopover\n size=\"medium\"\n position=\"top\"\n triggerType=\"custom\"\n dismissButton={false}\n renderWithPortal={true}\n content={<InternalStatusIndicator type={status}>{statusText}</InternalStatusIndicator>}\n >\n <InternalButton\n ariaLabel={copyButtonAriaLabel ?? copyButtonText}\n iconName=\"copy\"\n onClick={onClick}\n variant={triggerVariant}\n wrapText={false}\n formAction=\"none\"\n >\n {copyButtonText}\n </InternalButton>\n </InternalPopover>\n );\n\n return (\n <span {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root, testStyles.root)}>\n {variant === 'inline' ? (\n <span className={styles['inline-container']}>\n <span className={styles['inline-container-trigger']}>{trigger}</span>\n <span className={testStyles['text-to-copy']}>{textToCopy}</span>\n </span>\n ) : (\n trigger\n )}\n </span>\n );\n}\n"]}
|