@cloudscape-design/components-themeable 3.0.188 → 3.0.189
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/flashbar/collapsible.motion.scss +23 -0
- package/lib/internal/scss/flashbar/collapsible.scss +224 -0
- package/lib/internal/scss/flashbar/motion.scss +1 -2
- package/lib/internal/scss/flashbar/styles.scss +12 -147
- package/lib/internal/template/flashbar/collapsible-flashbar.d.ts +4 -0
- package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -0
- package/lib/internal/template/flashbar/collapsible-flashbar.js +209 -0
- package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -0
- package/lib/internal/template/flashbar/common.d.ts +19 -0
- package/lib/internal/template/flashbar/common.d.ts.map +1 -0
- package/lib/internal/template/flashbar/common.js +63 -0
- package/lib/internal/template/flashbar/common.js.map +1 -0
- package/lib/internal/template/flashbar/flash.d.ts.map +1 -1
- package/lib/internal/template/flashbar/flash.js +8 -3
- package/lib/internal/template/flashbar/flash.js.map +1 -1
- package/lib/internal/template/flashbar/index.d.ts +2 -2
- package/lib/internal/template/flashbar/index.d.ts.map +1 -1
- package/lib/internal/template/flashbar/index.js +14 -159
- package/lib/internal/template/flashbar/index.js.map +1 -1
- package/lib/internal/template/flashbar/interfaces.d.ts +14 -7
- package/lib/internal/template/flashbar/interfaces.d.ts.map +1 -1
- package/lib/internal/template/flashbar/interfaces.js.map +1 -1
- package/lib/internal/template/flashbar/internal/analytics.d.ts +5 -0
- package/lib/internal/template/flashbar/internal/analytics.d.ts.map +1 -0
- package/lib/internal/template/flashbar/internal/analytics.js +29 -0
- package/lib/internal/template/flashbar/internal/analytics.js.map +1 -0
- package/lib/internal/template/flashbar/non-collapsible-flashbar.d.ts +4 -0
- package/lib/internal/template/flashbar/non-collapsible-flashbar.d.ts.map +1 -0
- package/lib/internal/template/flashbar/non-collapsible-flashbar.js +70 -0
- package/lib/internal/template/flashbar/non-collapsible-flashbar.js.map +1 -0
- package/lib/internal/template/flashbar/styles.css.js +43 -33
- package/lib/internal/template/flashbar/styles.scoped.css +329 -225
- package/lib/internal/template/flashbar/styles.selectors.js +43 -33
- package/lib/internal/template/flashbar/utils.d.ts +17 -0
- package/lib/internal/template/flashbar/utils.d.ts.map +1 -0
- package/lib/internal/template/flashbar/utils.js +95 -0
- package/lib/internal/template/flashbar/utils.js.map +1 -0
- package/lib/internal/template/internal/animate.d.ts +11 -0
- package/lib/internal/template/internal/animate.d.ts.map +1 -0
- package/lib/internal/template/internal/animate.js +104 -0
- package/lib/internal/template/internal/animate.js.map +1 -0
- package/lib/internal/template/internal/base-component/styles.scoped.css +2 -0
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/generated/theming/index.cjs +11 -0
- package/lib/internal/template/internal/generated/theming/index.js +11 -0
- package/package.json +1 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import { Metrics } from '../../internal/metrics';
|
|
4
|
+
import { getFlashTypeCount } from '../utils';
|
|
5
|
+
var eventContext = 'csa_flashbar';
|
|
6
|
+
export var sendRenderMetric = function (items) {
|
|
7
|
+
var countByType = getFlashTypeCount(items);
|
|
8
|
+
Metrics.sendPanoramaMetric({
|
|
9
|
+
eventContext: eventContext,
|
|
10
|
+
eventType: 'render',
|
|
11
|
+
eventValue: items.length.toString(),
|
|
12
|
+
eventDetail: countByType
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
export var sendToggleMetric = function (itemsCount, expanded) {
|
|
16
|
+
Metrics.sendPanoramaMetric({
|
|
17
|
+
eventContext: eventContext,
|
|
18
|
+
eventType: expanded ? 'expand' : 'collapse',
|
|
19
|
+
eventValue: itemsCount.toString()
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
export var sendDismissMetric = function (itemType) {
|
|
23
|
+
Metrics.sendPanoramaMetric({
|
|
24
|
+
eventContext: eventContext,
|
|
25
|
+
eventType: 'dismiss',
|
|
26
|
+
eventValue: itemType
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=analytics.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"analytics.js","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,IAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAA6B;IAC5D,IAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY,cAAA;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,UAAkB,EAAE,QAAiB;IACpE,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY,cAAA;QACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QAC3C,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE;KAClC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,QAAgB;IAChD,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY,cAAA;QACZ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;KACrB,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Metrics } from '../../internal/metrics';\nimport { FlashbarProps } from '../interfaces';\nimport { getFlashTypeCount } from '../utils';\n\nconst eventContext = 'csa_flashbar';\n\nexport const sendRenderMetric = (items: FlashbarProps['items']) => {\n const countByType = getFlashTypeCount(items);\n\n Metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'render',\n eventValue: items.length.toString(),\n eventDetail: countByType,\n });\n};\n\nexport const sendToggleMetric = (itemsCount: number, expanded: boolean) => {\n Metrics.sendPanoramaMetric({\n eventContext,\n eventType: expanded ? 'expand' : 'collapse',\n eventValue: itemsCount.toString(),\n });\n};\n\nexport const sendDismissMetric = (itemType: string) => {\n Metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'dismiss',\n eventValue: itemType,\n });\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"non-collapsible-flashbar.d.ts","sourceRoot":"","sources":["../../../src/flashbar/non-collapsible-flashbar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAS7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,eAqGpF"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { Flash } from './flash';
|
|
7
|
+
import { TIMEOUT_FOR_ENTERING_ANIMATION } from './constant';
|
|
8
|
+
import { TransitionGroup } from 'react-transition-group';
|
|
9
|
+
import { Transition } from '../internal/components/transition';
|
|
10
|
+
import { getVisualContextClassname } from '../internal/components/visual-context';
|
|
11
|
+
import styles from './styles.css.js';
|
|
12
|
+
import { useFlashbar } from './common';
|
|
13
|
+
export default function NonCollapsibleFlashbar(_a) {
|
|
14
|
+
var items = _a.items, restProps = __rest(_a, ["items"]);
|
|
15
|
+
var _b = useFlashbar(__assign({ items: items }, restProps)), allItemsHaveId = _b.allItemsHaveId, baseProps = _b.baseProps, breakpoint = _b.breakpoint, isReducedMotion = _b.isReducedMotion, isVisualRefresh = _b.isVisualRefresh, mergedRef = _b.mergedRef;
|
|
16
|
+
/**
|
|
17
|
+
* All the flash items should have ids so we can identify which DOM element is being
|
|
18
|
+
* removed from the DOM to animate it. Motion will be disabled if any of the provided
|
|
19
|
+
* flash messages does not contain an `id`.
|
|
20
|
+
*/
|
|
21
|
+
var motionDisabled = isReducedMotion || !isVisualRefresh || !allItemsHaveId;
|
|
22
|
+
var animateFlash = !isReducedMotion && isVisualRefresh;
|
|
23
|
+
/**
|
|
24
|
+
* If the flashbar is flat and motion is `enabled` then the adding and removing of items
|
|
25
|
+
* from the flashbar will render with visual transitions.
|
|
26
|
+
*/
|
|
27
|
+
function renderFlatItemsWithTransitions() {
|
|
28
|
+
if (motionDisabled || !items) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
return (
|
|
32
|
+
// This is a proxy for <ul>, so we're not applying a class to another actual component.
|
|
33
|
+
// eslint-disable-next-line react/forbid-component-props
|
|
34
|
+
React.createElement(TransitionGroup, { component: "ul", className: styles['flash-list'] }, items.map(function (item, index) {
|
|
35
|
+
var _a;
|
|
36
|
+
return (React.createElement(Transition, { transitionChangeDelay: { entering: TIMEOUT_FOR_ENTERING_ANIMATION }, key: (_a = item.id) !== null && _a !== void 0 ? _a : index, "in": true }, function (state, transitionRootElement) {
|
|
37
|
+
var _a;
|
|
38
|
+
return (React.createElement("li", { className: styles['flash-list-item'] }, renderItem(item, (_a = item.id) !== null && _a !== void 0 ? _a : index, transitionRootElement, state)));
|
|
39
|
+
}));
|
|
40
|
+
})));
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* If the flashbar is flat and motion is `disabled` then the adding and removing of items
|
|
44
|
+
* from the flashbar will render without visual transitions.
|
|
45
|
+
*/
|
|
46
|
+
function renderFlatItemsWithoutTransitions() {
|
|
47
|
+
if (!motionDisabled || !items) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
return (React.createElement("ul", { className: styles['flash-list'] }, items.map(function (item, index) {
|
|
51
|
+
var _a, _b;
|
|
52
|
+
return (React.createElement("li", { key: (_a = item.id) !== null && _a !== void 0 ? _a : index, className: styles['flash-list-item'] }, renderItem(item, (_b = item.id) !== null && _b !== void 0 ? _b : index)));
|
|
53
|
+
})));
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* This is a shared render function for a single flashbar item to be used
|
|
57
|
+
* by the stacking, motion, and non-motion item group render functions.
|
|
58
|
+
*/
|
|
59
|
+
function renderItem(item, key, transitionRootElement, transitionState) {
|
|
60
|
+
return (React.createElement(Flash
|
|
61
|
+
// eslint-disable-next-line react/forbid-component-props
|
|
62
|
+
, __assign({
|
|
63
|
+
// eslint-disable-next-line react/forbid-component-props
|
|
64
|
+
className: clsx(getVisualContextClassname('flashbar'), animateFlash && styles['flash-with-motion'], isVisualRefresh && styles['flash-refresh']), key: key, ref: transitionRootElement, transitionState: transitionState }, item)));
|
|
65
|
+
}
|
|
66
|
+
return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.flashbar, styles["breakpoint-".concat(breakpoint)]), ref: mergedRef }),
|
|
67
|
+
renderFlatItemsWithTransitions(),
|
|
68
|
+
renderFlatItemsWithoutTransitions()));
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=non-collapsible-flashbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"non-collapsible-flashbar.js","sourceRoot":"","sources":["../../../src/flashbar/non-collapsible-flashbar.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 clsx from 'clsx';\nimport React from 'react';\nimport { Flash } from './flash';\nimport { FlashbarProps } from './interfaces';\nimport { TIMEOUT_FOR_ENTERING_ANIMATION } from './constant';\nimport { TransitionGroup } from 'react-transition-group';\nimport { Transition } from '../internal/components/transition';\nimport { getVisualContextClassname } from '../internal/components/visual-context';\n\nimport styles from './styles.css.js';\nimport { useFlashbar } from './common';\n\nexport { FlashbarProps };\n\nexport default function NonCollapsibleFlashbar({ items, ...restProps }: FlashbarProps) {\n const { allItemsHaveId, baseProps, breakpoint, isReducedMotion, isVisualRefresh, mergedRef } = useFlashbar({\n items,\n ...restProps,\n });\n\n /**\n * All the flash items should have ids so we can identify which DOM element is being\n * removed from the DOM to animate it. Motion will be disabled if any of the provided\n * flash messages does not contain an `id`.\n */\n const motionDisabled = isReducedMotion || !isVisualRefresh || !allItemsHaveId;\n\n const animateFlash = !isReducedMotion && isVisualRefresh;\n\n /**\n * If the flashbar is flat and motion is `enabled` then the adding and removing of items\n * from the flashbar will render with visual transitions.\n */\n function renderFlatItemsWithTransitions() {\n if (motionDisabled || !items) {\n return;\n }\n\n return (\n // This is a proxy for <ul>, so we're not applying a class to another actual component.\n // eslint-disable-next-line react/forbid-component-props\n <TransitionGroup component=\"ul\" className={styles['flash-list']}>\n {items.map((item, index) => (\n <Transition\n transitionChangeDelay={{ entering: TIMEOUT_FOR_ENTERING_ANIMATION }}\n key={item.id ?? index}\n in={true}\n >\n {(state: string, transitionRootElement: React.Ref<HTMLDivElement> | undefined) => (\n <li className={styles['flash-list-item']}>\n {renderItem(item, item.id ?? index, transitionRootElement, state)}\n </li>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n );\n }\n\n /**\n * If the flashbar is flat and motion is `disabled` then the adding and removing of items\n * from the flashbar will render without visual transitions.\n */\n function renderFlatItemsWithoutTransitions() {\n if (!motionDisabled || !items) {\n return;\n }\n\n return (\n <ul className={styles['flash-list']}>\n {items.map((item, index) => (\n <li key={item.id ?? index} className={styles['flash-list-item']}>\n {renderItem(item, item.id ?? index)}\n </li>\n ))}\n </ul>\n );\n }\n\n /**\n * This is a shared render function for a single flashbar item to be used\n * by the stacking, motion, and non-motion item group render functions.\n */\n function renderItem(\n item: FlashbarProps.MessageDefinition,\n key: string | number,\n transitionRootElement?: React.Ref<HTMLDivElement> | undefined,\n transitionState?: string | undefined\n ) {\n return (\n <Flash\n // eslint-disable-next-line react/forbid-component-props\n className={clsx(\n getVisualContextClassname('flashbar'),\n animateFlash && styles['flash-with-motion'],\n isVisualRefresh && styles['flash-refresh']\n )}\n key={key}\n ref={transitionRootElement}\n transitionState={transitionState}\n {...item}\n />\n );\n }\n\n return (\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles.flashbar, styles[`breakpoint-${breakpoint}`])}\n ref={mergedRef}\n >\n {renderFlatItemsWithTransitions()}\n {renderFlatItemsWithoutTransitions()}\n </div>\n );\n}\n"]}
|
|
@@ -1,38 +1,48 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"flash-
|
|
5
|
-
"enter": "
|
|
6
|
-
"flash-body": "awsui_flash-
|
|
7
|
-
"flash-message": "awsui_flash-
|
|
8
|
-
"flash-header": "awsui_flash-
|
|
9
|
-
"flash-content": "awsui_flash-
|
|
10
|
-
"action-button-wrapper": "awsui_action-button-
|
|
11
|
-
"dismiss-button-wrapper": "awsui_dismiss-button-
|
|
12
|
-
"flash-icon": "awsui_flash-
|
|
13
|
-
"entering": "
|
|
14
|
-
"entered": "
|
|
15
|
-
"exiting": "
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"flash-
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"flash
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
4
|
+
"flash-with-motion": "awsui_flash-with-motion_1q84n_kpz6p_93",
|
|
5
|
+
"enter": "awsui_enter_1q84n_kpz6p_93",
|
|
6
|
+
"flash-body": "awsui_flash-body_1q84n_kpz6p_107",
|
|
7
|
+
"flash-message": "awsui_flash-message_1q84n_kpz6p_107",
|
|
8
|
+
"flash-header": "awsui_flash-header_1q84n_kpz6p_107",
|
|
9
|
+
"flash-content": "awsui_flash-content_1q84n_kpz6p_108",
|
|
10
|
+
"action-button-wrapper": "awsui_action-button-wrapper_1q84n_kpz6p_109",
|
|
11
|
+
"dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_kpz6p_110",
|
|
12
|
+
"flash-icon": "awsui_flash-icon_1q84n_kpz6p_133",
|
|
13
|
+
"entering": "awsui_entering_1q84n_kpz6p_146",
|
|
14
|
+
"entered": "awsui_entered_1q84n_kpz6p_167",
|
|
15
|
+
"exiting": "awsui_exiting_1q84n_kpz6p_272",
|
|
16
|
+
"stack": "awsui_stack_1q84n_kpz6p_294",
|
|
17
|
+
"animation-running": "awsui_animation-running_1q84n_kpz6p_294",
|
|
18
|
+
"item": "awsui_item_1q84n_kpz6p_294",
|
|
19
|
+
"flash-list-item": "awsui_flash-list-item_1q84n_kpz6p_295",
|
|
20
|
+
"toggle": "awsui_toggle_1q84n_kpz6p_296",
|
|
21
|
+
"collapsed": "awsui_collapsed_1q84n_kpz6p_316",
|
|
22
|
+
"animation-ready": "awsui_animation-ready_1q84n_kpz6p_316",
|
|
23
|
+
"expanded-only": "awsui_expanded-only_1q84n_kpz6p_316",
|
|
24
|
+
"expanded": "awsui_expanded_1q84n_kpz6p_316",
|
|
25
|
+
"flash": "awsui_flash_1q84n_kpz6p_93",
|
|
26
|
+
"status": "awsui_status_1q84n_kpz6p_401",
|
|
27
|
+
"header": "awsui_header_1q84n_kpz6p_401",
|
|
28
|
+
"item-count": "awsui_item-count_1q84n_kpz6p_402",
|
|
29
|
+
"button": "awsui_button_1q84n_kpz6p_403",
|
|
30
|
+
"type-count": "awsui_type-count_1q84n_kpz6p_424",
|
|
31
|
+
"count-number": "awsui_count-number_1q84n_kpz6p_427",
|
|
32
|
+
"visual-refresh": "awsui_visual-refresh_1q84n_kpz6p_437",
|
|
33
|
+
"icon": "awsui_icon_1q84n_kpz6p_486",
|
|
34
|
+
"spaced-bottom": "awsui_spaced-bottom_1q84n_kpz6p_524",
|
|
35
|
+
"flashbar": "awsui_flashbar_1q84n_kpz6p_532",
|
|
36
|
+
"flash-refresh": "awsui_flash-refresh_1q84n_kpz6p_572",
|
|
37
|
+
"flash-list": "awsui_flash-list_1q84n_kpz6p_295",
|
|
38
|
+
"flash-focus-container": "awsui_flash-focus-container_1q84n_kpz6p_604",
|
|
39
|
+
"flash-text": "awsui_flash-text_1q84n_kpz6p_631",
|
|
40
|
+
"dismiss-button": "awsui_dismiss-button_1q84n_kpz6p_110",
|
|
41
|
+
"breakpoint-default": "awsui_breakpoint-default_1q84n_kpz6p_672",
|
|
42
|
+
"action-button": "awsui_action-button_1q84n_kpz6p_109",
|
|
43
|
+
"flash-type-success": "awsui_flash-type-success_1q84n_kpz6p_685",
|
|
44
|
+
"flash-type-error": "awsui_flash-type-error_1q84n_kpz6p_689",
|
|
45
|
+
"flash-type-warning": "awsui_flash-type-warning_1q84n_kpz6p_693",
|
|
46
|
+
"flash-type-info": "awsui_flash-type-info_1q84n_kpz6p_697"
|
|
37
47
|
};
|
|
38
48
|
|