@cloudscape-design/components 3.0.1274 → 3.0.1276
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/action-card/index.d.ts +5 -0
- package/action-card/index.d.ts.map +1 -0
- package/action-card/index.js +30 -0
- package/action-card/index.js.map +1 -0
- package/action-card/interfaces.d.ts +79 -0
- package/action-card/interfaces.d.ts.map +1 -0
- package/action-card/interfaces.js +2 -0
- package/action-card/interfaces.js.map +1 -0
- package/action-card/internal.d.ts +6 -0
- package/action-card/internal.d.ts.map +1 -0
- package/action-card/internal.js +74 -0
- package/action-card/internal.js.map +1 -0
- package/action-card/styles.css.js +22 -0
- package/action-card/styles.scoped.css +580 -0
- package/action-card/styles.selectors.js +23 -0
- package/action-card/test-classes/styles.css.js +11 -0
- package/action-card/test-classes/styles.scoped.css +12 -0
- package/action-card/test-classes/styles.selectors.js +12 -0
- package/date-range-picker/index.d.ts.map +1 -1
- package/date-range-picker/index.js +7 -6
- package/date-range-picker/index.js.map +1 -1
- package/date-range-picker/interfaces.d.ts +8 -0
- package/date-range-picker/interfaces.d.ts.map +1 -1
- package/date-range-picker/interfaces.js.map +1 -1
- package/drawer/implementation.d.ts +7 -2
- package/drawer/implementation.d.ts.map +1 -1
- package/drawer/implementation.js +5 -2
- package/drawer/implementation.js.map +1 -1
- package/drawer/index.d.ts +11 -1
- package/drawer/index.d.ts.map +1 -1
- package/drawer/index.js +16 -4
- package/drawer/index.js.map +1 -1
- package/drawer/interfaces.d.ts +72 -7
- package/drawer/interfaces.d.ts.map +1 -1
- package/drawer/interfaces.js +2 -0
- package/drawer/interfaces.js.map +1 -1
- package/drawer/next.d.ts +16 -0
- package/drawer/next.d.ts.map +1 -0
- package/drawer/next.js +31 -0
- package/drawer/next.js.map +1 -0
- package/drawer/styles.css.js +16 -12
- package/drawer/styles.scoped.css +23 -17
- package/drawer/styles.selectors.js +16 -12
- package/drawer/utils.d.ts +12 -0
- package/drawer/utils.d.ts.map +1 -0
- package/drawer/utils.js +74 -0
- package/drawer/utils.js.map +1 -0
- package/i18n/dynamic.d.ts +1 -1
- package/i18n/testing.js +1 -1
- package/i18n/testing.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/base-component/styles.scoped.css +85 -3
- package/internal/components/drag-handle/button.d.ts +1 -1
- package/internal/components/drag-handle/index.d.ts +1 -1
- package/internal/components/structured-item/styles.css.js +7 -7
- package/internal/components/structured-item/styles.scoped.css +9 -8
- package/internal/components/structured-item/styles.selectors.js +7 -7
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +28 -1
- package/internal/generated/styles/tokens.js +28 -1
- package/internal/generated/theming/index.cjs +533 -4
- package/internal/generated/theming/index.cjs.d.ts +36 -0
- package/internal/generated/theming/index.d.ts +36 -0
- package/internal/generated/theming/index.js +533 -4
- package/internal/manifest.json +1 -1
- package/item-card/styles.css.js +14 -14
- package/item-card/styles.scoped.css +52 -52
- package/item-card/styles.selectors.js +14 -14
- package/package.json +2 -1
- package/select/parts/filter.d.ts +1 -1
- package/table/body-cell/styles.css.js +48 -48
- package/table/body-cell/styles.scoped.css +379 -379
- package/table/body-cell/styles.selectors.js +48 -48
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +42 -42
- package/table/styles.selectors.js +34 -34
- package/test-utils/dom/action-card/index.d.ts +29 -0
- package/test-utils/dom/action-card/index.js +64 -0
- package/test-utils/dom/action-card/index.js.map +1 -0
- package/test-utils/dom/autosuggest/index.js +16 -17
- package/test-utils/dom/autosuggest/index.js.map +1 -1
- package/test-utils/dom/button-dropdown/index.js +1 -2
- package/test-utils/dom/button-dropdown/index.js.map +1 -1
- package/test-utils/dom/dropdown/index.d.ts +0 -1
- package/test-utils/dom/dropdown/index.js +0 -2
- package/test-utils/dom/dropdown/index.js.map +1 -1
- package/test-utils/dom/index.d.ts +28 -0
- package/test-utils/dom/index.js +21 -2
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/dom/internal/autosuggest-input.js +1 -2
- package/test-utils/dom/internal/autosuggest-input.js.map +1 -1
- package/test-utils/dom/internal/dropdown-host.js +17 -18
- package/test-utils/dom/internal/dropdown-host.js.map +1 -1
- package/test-utils/dom/internal/dropdown.js +1 -2
- package/test-utils/dom/internal/dropdown.js.map +1 -1
- package/test-utils/selectors/action-card/index.d.ts +20 -0
- package/test-utils/selectors/action-card/index.js +36 -0
- package/test-utils/selectors/action-card/index.js.map +1 -0
- package/test-utils/selectors/autosuggest/index.js +16 -17
- package/test-utils/selectors/autosuggest/index.js.map +1 -1
- package/test-utils/selectors/button-dropdown/index.js +1 -2
- package/test-utils/selectors/button-dropdown/index.js.map +1 -1
- package/test-utils/selectors/dropdown/index.d.ts +0 -1
- package/test-utils/selectors/dropdown/index.js +0 -2
- package/test-utils/selectors/dropdown/index.js.map +1 -1
- package/test-utils/selectors/index.d.ts +18 -0
- package/test-utils/selectors/index.js +16 -2
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/selectors/internal/autosuggest-input.js +1 -2
- package/test-utils/selectors/internal/autosuggest-input.js.map +1 -1
- package/test-utils/selectors/internal/dropdown-host.js +17 -18
- package/test-utils/selectors/internal/dropdown-host.js.map +1 -1
- package/test-utils/selectors/internal/dropdown.js +1 -2
- package/test-utils/selectors/internal/dropdown.js.map +1 -1
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +73 -73
- package/tiles/styles.selectors.js +30 -30
- package/internal/components/dropdown/styles.css.js +0 -7
- package/internal/components/dropdown/styles.scoped.css +0 -11
- package/internal/components/dropdown/styles.selectors.js +0 -8
|
@@ -18,14 +18,13 @@ const option_1 = require("../internal/option");
|
|
|
18
18
|
const options_list_1 = require("../internal/options-list");
|
|
19
19
|
const styles_selectors_js_1 = require("../../../autosuggest/styles.selectors.js");
|
|
20
20
|
const styles_selectors_js_2 = require("../../../dropdown/styles.selectors.js");
|
|
21
|
-
const styles_selectors_js_3 = require("../../../internal/components/dropdown/styles.selectors.js");
|
|
21
|
+
const styles_selectors_js_3 = require("../../../internal/components/dropdown-status/styles.selectors.js");
|
|
22
22
|
const styles_selectors_js_4 = require("../../../internal/components/dropdown-status/styles.selectors.js");
|
|
23
|
-
const styles_selectors_js_5 = require("../../../internal/components/
|
|
24
|
-
const styles_selectors_js_6 = require("../../../internal/components/
|
|
25
|
-
const styles_selectors_js_7 = require("../../../internal/components/selectable-item/styles.selectors.js");
|
|
23
|
+
const styles_selectors_js_5 = require("../../../internal/components/option/styles.selectors.js");
|
|
24
|
+
const styles_selectors_js_6 = require("../../../internal/components/selectable-item/styles.selectors.js");
|
|
26
25
|
class AutosuggestDropdownWrapper extends dom_1.ComponentWrapper {
|
|
27
26
|
findOptions() {
|
|
28
|
-
return this.findAll(`.${
|
|
27
|
+
return this.findAll(`.${styles_selectors_js_6.default['selectable-item']}[data-test-index]`).map((elementWrapper) => new option_1.default(elementWrapper.getElement()));
|
|
29
28
|
}
|
|
30
29
|
/**
|
|
31
30
|
* Returns an option from the dropdown.
|
|
@@ -33,7 +32,7 @@ class AutosuggestDropdownWrapper extends dom_1.ComponentWrapper {
|
|
|
33
32
|
* @param optionIndex 1-based index of the option to select.
|
|
34
33
|
*/
|
|
35
34
|
findOption(optionIndex) {
|
|
36
|
-
return this.findComponent(`.${
|
|
35
|
+
return this.findComponent(`.${styles_selectors_js_6.default['selectable-item']}[data-test-index="${optionIndex}"]`, option_1.default);
|
|
37
36
|
}
|
|
38
37
|
/**
|
|
39
38
|
* Returns an option from the autosuggest by it's value
|
|
@@ -51,7 +50,7 @@ class AutosuggestDropdownWrapper extends dom_1.ComponentWrapper {
|
|
|
51
50
|
* @param optionIndex 1-based index of the option to select.
|
|
52
51
|
*/
|
|
53
52
|
findOptionInGroup(groupIndex, optionIndex) {
|
|
54
|
-
return this.findComponent(`.${
|
|
53
|
+
return this.findComponent(`.${styles_selectors_js_6.default['selectable-item']}[data-group-index="${groupIndex}"][data-in-group-index="${optionIndex}"]`, option_1.default);
|
|
55
54
|
}
|
|
56
55
|
/**
|
|
57
56
|
* Use this element to scroll through the list of options
|
|
@@ -60,37 +59,37 @@ class AutosuggestDropdownWrapper extends dom_1.ComponentWrapper {
|
|
|
60
59
|
return this.findByClassName(options_list_1.default.rootSelector);
|
|
61
60
|
}
|
|
62
61
|
findFooterRegion() {
|
|
63
|
-
return this.findByClassName(
|
|
62
|
+
return this.findByClassName(styles_selectors_js_4.default.root);
|
|
64
63
|
}
|
|
65
64
|
findOpenDropdown() {
|
|
66
65
|
const dropdown = new dropdown_1.default(this.getElement());
|
|
67
66
|
return dropdown.findOpenDropdown();
|
|
68
67
|
}
|
|
69
68
|
findHighlightedOption() {
|
|
70
|
-
return this.findComponent(`.${
|
|
69
|
+
return this.findComponent(`.${styles_selectors_js_6.default.highlighted}`, option_1.default);
|
|
71
70
|
}
|
|
72
71
|
/**
|
|
73
72
|
* Returns all the selected options.
|
|
74
73
|
*/
|
|
75
74
|
findDisabledOptions() {
|
|
76
|
-
return this.findAllByClassName(
|
|
75
|
+
return this.findAllByClassName(styles_selectors_js_6.default.disabled).map((elementWrapper) => new option_1.default(elementWrapper.getElement()));
|
|
77
76
|
}
|
|
78
77
|
/**
|
|
79
78
|
* Returns highlighted text fragments from all of the options.
|
|
80
79
|
* Options get highlighted when they match the value of the input field.
|
|
81
80
|
*/
|
|
82
81
|
findHighlightedMatches() {
|
|
83
|
-
return this.findAllByClassName(
|
|
82
|
+
return this.findAllByClassName(styles_selectors_js_5.default['filtering-match-highlight']);
|
|
84
83
|
}
|
|
85
84
|
findHighlightedAriaLiveRegion() {
|
|
86
85
|
var _a, _b;
|
|
87
|
-
return (_b = (_a = this.findHighlightedOption()) === null || _a === void 0 ? void 0 : _a.findByClassName(
|
|
86
|
+
return (_b = (_a = this.findHighlightedOption()) === null || _a === void 0 ? void 0 : _a.findByClassName(styles_selectors_js_6.default['screenreader-content'])) !== null && _b !== void 0 ? _b : null;
|
|
88
87
|
}
|
|
89
88
|
}
|
|
90
89
|
exports.AutosuggestDropdownWrapper = AutosuggestDropdownWrapper;
|
|
91
90
|
class PortalAutosuggestDropdownWrapper extends AutosuggestDropdownWrapper {
|
|
92
91
|
findOpenDropdown() {
|
|
93
|
-
return (0, dom_1.createWrapper)().find(
|
|
92
|
+
return (0, dom_1.createWrapper)().find(`.${styles_selectors_js_2.default.dropdown}[data-open=true]`);
|
|
94
93
|
}
|
|
95
94
|
}
|
|
96
95
|
class AutosuggestWrapper extends input_1.default {
|
|
@@ -100,7 +99,7 @@ class AutosuggestWrapper extends input_1.default {
|
|
|
100
99
|
*/
|
|
101
100
|
findDropdown(options = { expandToViewport: false }) {
|
|
102
101
|
return options.expandToViewport
|
|
103
|
-
? (0, dom_1.createWrapper)().findComponent(
|
|
102
|
+
? (0, dom_1.createWrapper)().findComponent(`.${styles_selectors_js_2.default.dropdown}[data-open=true]`, PortalAutosuggestDropdownWrapper)
|
|
104
103
|
: new AutosuggestDropdownWrapper(this.getElement());
|
|
105
104
|
}
|
|
106
105
|
/**
|
|
@@ -108,21 +107,21 @@ class AutosuggestWrapper extends input_1.default {
|
|
|
108
107
|
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
109
108
|
*/
|
|
110
109
|
findStatusIndicator(options = { expandToViewport: false }) {
|
|
111
|
-
return this.findDropdown(options).findByClassName(
|
|
110
|
+
return this.findDropdown(options).findByClassName(styles_selectors_js_3.default.root);
|
|
112
111
|
}
|
|
113
112
|
/**
|
|
114
113
|
* @param options
|
|
115
114
|
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
116
115
|
*/
|
|
117
116
|
findErrorRecoveryButton(options = { expandToViewport: false }) {
|
|
118
|
-
return this.findDropdown(options).findByClassName(
|
|
117
|
+
return this.findDropdown(options).findByClassName(styles_selectors_js_4.default.recovery);
|
|
119
118
|
}
|
|
120
119
|
/**
|
|
121
120
|
* @param options
|
|
122
121
|
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
123
122
|
*/
|
|
124
123
|
findEnteredTextOption(options = { expandToViewport: false }) {
|
|
125
|
-
return this.findDropdown(options).findByClassName(
|
|
124
|
+
return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['has-background']);
|
|
126
125
|
}
|
|
127
126
|
/**
|
|
128
127
|
* Selects a suggestion from the dropdown by simulating mouse events.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/autosuggest/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAkH;AAClH,oEAA0E;AAC1E,4EAAmE;AAEnE,oCAAoC;AACpC,mDAAmD;AACnD,+CAA+C;AAC/C,2DAA0D;AAE1D,kFAAkE;AAClE,+EAAmE;AACnE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/autosuggest/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,6 @@ const styles_selectors_js_2 = require("../../../button-dropdown/category-element
|
|
|
16
16
|
const styles_selectors_js_3 = require("../../../button-dropdown/item-element/styles.selectors.js");
|
|
17
17
|
const styles_selectors_js_4 = require("../../../button-dropdown/styles.selectors.js");
|
|
18
18
|
const styles_selectors_js_5 = require("../../../dropdown/styles.selectors.js");
|
|
19
|
-
const styles_selectors_js_6 = require("../../../internal/components/dropdown/styles.selectors.js");
|
|
20
19
|
function getItemSelector({ disabled }) {
|
|
21
20
|
let selector = `.${styles_selectors_js_3.default['item-element']}`;
|
|
22
21
|
if (disabled === true) {
|
|
@@ -40,7 +39,7 @@ class ButtonDropdownWrapper extends dom_1.ComponentWrapper {
|
|
|
40
39
|
return ((_b = (_a = this.findByClassName(styles_selectors_js_4.default['split-trigger'])) === null || _a === void 0 ? void 0 : _a.findComponent(`.${styles_selectors_js_1.default.button}`, index_js_1.default)) !== null && _b !== void 0 ? _b : null);
|
|
41
40
|
}
|
|
42
41
|
findOpenDropdown() {
|
|
43
|
-
return (0, dom_1.createWrapper)().find(
|
|
42
|
+
return (0, dom_1.createWrapper)().find(`.${styles_selectors_js_5.default.dropdown}[data-open=true]`);
|
|
44
43
|
}
|
|
45
44
|
/**
|
|
46
45
|
* Finds an item in the open dropdown by item id. Returns null if there is no open dropdown.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button-dropdown/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAkH;AAClH,4EAAmE;AAEnE,iDAA+C;AAE/C,6EAA+D;AAC/D,wGAA4F;AAC5F,mGAAmF;AACnF,sFAAkE;AAClE,+EAAmE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button-dropdown/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAkH;AAClH,4EAAmE;AAEnE,iDAA+C;AAE/C,6EAA+D;AAC/D,wGAA4F;AAC5F,mGAAmF;AACnF,sFAAkE;AAClE,+EAAmE;AAEnE,SAAS,eAAe,CAAC,EAAE,QAAQ,EAA0B;IAC3D,IAAI,QAAQ,GAAG,IAAI,6BAAU,CAAC,cAAc,CAAC,EAAE,CAAC;IAEhD,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtB,QAAQ,IAAI,IAAI,6BAAU,CAAC,QAAQ,EAAE,CAAC;IACxC,CAAC;SAAM,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;QAC9B,QAAQ,IAAI,SAAS,6BAAU,CAAC,QAAQ,GAAG,CAAC;IAC9C,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAqB,qBAAsB,SAAQ,sBAAgB;IAGjE,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAE,CAAC,eAAe,CACtE,6BAAM,CAAC,2BAA2B,CAAC,CACnC,CAAC;IACL,CAAC;IAED,iBAAiB;;QACf,OAAO,CACL,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,aAAa,CAAC,IAAI,6BAAY,CAAC,MAAM,EAAE,EAAE,kBAAa,CAAC,mCAAI,IAAI,CAClH,CAAC;IACJ,CAAC;IAED,cAAc;;QACZ,OAAO,CACL,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,0CAAE,aAAa,CAAC,IAAI,6BAAY,CAAC,MAAM,EAAE,EAAE,kBAAa,CAAC,mCAAI,IAAI,CAC/G,CAAC;IACJ,CAAC;IAED,gBAAgB;QACd,OAAO,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,QAAQ,kBAAkB,CAAC,CAAC;IAC7E,CAAC;IAED;;;;;;;OAOG;IACH,YAAY,CAAC,EAAU,EAAE,UAAkC,EAAE;;QAC3D,MAAM,YAAY,GAAG,GAAG,eAAe,CAAC,OAAO,CAAC,iBAAiB,EAAE,IAAI,CAAC;QACxE,OAAO,CAAA,MAAA,IAAI,CAAC,gBAAgB,EAAE,0CAAE,IAAI,CAAC,YAAY,CAAC,KAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAChF,CAAC;IAED;;;;OAIG;IACM,mBAAmB,CAAC,EAAU;;QACrC,MAAM,YAAY,GAAG,IAAI,6BAAU,CAAC,cAAc,CAAC,iBAAiB,EAAE,IAAI,CAAC;QAC3E,MAAM,IAAI,GAAG,CAAA,MAAA,IAAI,CAAC,gBAAgB,EAAE,0CAAE,IAAI,CAAC,YAAY,CAAC,KAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACpF,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QACxD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,QAAQ,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5D,CAAC;IAED;;;;OAIG;IACH,0BAA0B,CAAC,EAAU;;QACnC,MAAM,0BAA0B,GAAG,IAAI,6BAAc,CAAC,UAAU,iBAAiB,EAAE,IAAI,CAAC;QACxF,OAAO,CAAA,MAAA,IAAI,CAAC,gBAAgB,EAAE,0CAAE,IAAI,CAAC,0BAA0B,CAAC,KAAI,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC5G,CAAC;IAED;;;;OAIG;IACH,mBAAmB;;QACjB,MAAM,uBAAuB,GAAG,IAAI,6BAAU,CAAC,cAAc,CAAC,IAAI,6BAAU,CAAC,WAAW,EAAE,CAAC;QAC3F,OAAO,CAAA,MAAA,IAAI,CAAC,gBAAgB,EAAE,0CAAE,IAAI,CAAC,uBAAuB,CAAC,KAAI,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;IACtG,CAAC;IAED;;;;;;;OAOG;IACH,SAAS,CAAC,UAAkC,EAAE;;QAC5C,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QAC1C,OAAO,CAAA,MAAA,IAAI,CAAC,gBAAgB,EAAE,0CAAE,OAAO,CAAC,QAAQ,CAAC,KAAI,EAAE,CAAC;IAC1D,CAAC;IAED;;OAEG;IACH,kBAAkB;QAChB,OAAO,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;IACjF,CAAC;IAGD,YAAY;QACV,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,IAAI,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;;AApGM,kCAAY,GAAW,6BAAM,CAAC,iBAAiB,CAAC,CAAC;kBADrC,qBAAqB;AA2C/B;IAAR,aAAO;gEAWP;AA2CD;IADC,aAAO;yDAKP"}
|
|
@@ -6,7 +6,6 @@ exports.DropdownContentWrapper = void 0;
|
|
|
6
6
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
7
7
|
const styles_selectors_js_1 = require("../../../dropdown/styles.selectors.js");
|
|
8
8
|
const styles_selectors_js_2 = require("../../../dropdown/test-classes/styles.selectors.js");
|
|
9
|
-
const styles_selectors_js_3 = require("../../../internal/components/dropdown/styles.selectors.js");
|
|
10
9
|
class DropdownContentWrapper extends dom_1.ComponentWrapper {
|
|
11
10
|
/**
|
|
12
11
|
* Returns the dropdown content.
|
|
@@ -28,7 +27,6 @@ class DropdownContentWrapper extends dom_1.ComponentWrapper {
|
|
|
28
27
|
}
|
|
29
28
|
}
|
|
30
29
|
exports.DropdownContentWrapper = DropdownContentWrapper;
|
|
31
|
-
DropdownContentWrapper.legacyRootSelector = styles_selectors_js_3.default.root;
|
|
32
30
|
class DropdownWrapper extends dom_1.ComponentWrapper {
|
|
33
31
|
/**
|
|
34
32
|
* Returns the trigger element.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/dropdown/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAyG;AAEzG,+EAA2D;AAC3D,4FAAgF;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/dropdown/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAyG;AAEzG,+EAA2D;AAC3D,4FAAgF;AAEhF,MAAa,sBAAuB,SAAQ,sBAAgB;IAC1D;;OAEG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED;;OAEG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;IAED;;OAEG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;CACF;AArBD,wDAqBC;AAED,MAAqB,eAAgB,SAAQ,sBAAgB;IAG3D;;OAEG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAE,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACpD,MAAM,QAAQ,GAAG,OAAO,CAAC,gBAAgB;YACvC,CAAC,CAAC,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,kBAAkB,CAAC;YAC7D,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,kBAAkB,CAAC,CAAC;QACrD,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,sBAAsB,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7E,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC1C,OAAO,OAAO,CAAC,gBAAgB;YAC7B,CAAC,CAAC,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,kBAAkB,CAAC,KAAK,IAAI;YACtE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAChE,CAAC;;AAhCM,4BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,eAAe"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
|
|
2
2
|
export { ElementWrapper };
|
|
3
|
+
import ActionCardWrapper from './action-card';
|
|
3
4
|
import AlertWrapper from './alert';
|
|
4
5
|
import AnchorNavigationWrapper from './anchor-navigation';
|
|
5
6
|
import AnnotationWrapper from './annotation';
|
|
@@ -90,6 +91,7 @@ import TopNavigationWrapper from './top-navigation';
|
|
|
90
91
|
import TreeViewWrapper from './tree-view';
|
|
91
92
|
import TutorialPanelWrapper from './tutorial-panel';
|
|
92
93
|
import WizardWrapper from './wizard';
|
|
94
|
+
export { ActionCardWrapper };
|
|
93
95
|
export { AlertWrapper };
|
|
94
96
|
export { AnchorNavigationWrapper };
|
|
95
97
|
export { AnnotationWrapper };
|
|
@@ -182,6 +184,32 @@ export { TutorialPanelWrapper };
|
|
|
182
184
|
export { WizardWrapper };
|
|
183
185
|
declare module '@cloudscape-design/test-utils-core/dist/dom' {
|
|
184
186
|
interface ElementWrapper {
|
|
187
|
+
/**
|
|
188
|
+
* Returns the wrapper of the first ActionCard that matches the specified CSS selector.
|
|
189
|
+
* If no CSS selector is specified, returns the wrapper of the first ActionCard.
|
|
190
|
+
* If no matching ActionCard is found, returns `null`.
|
|
191
|
+
*
|
|
192
|
+
* @param {string} [selector] CSS Selector
|
|
193
|
+
* @returns {ActionCardWrapper | null}
|
|
194
|
+
*/
|
|
195
|
+
findActionCard(selector?: string): ActionCardWrapper | null;
|
|
196
|
+
/**
|
|
197
|
+
* Returns an array of ActionCard wrapper that matches the specified CSS selector.
|
|
198
|
+
* If no CSS selector is specified, returns all of the ActionCards inside the current wrapper.
|
|
199
|
+
* If no matching ActionCard is found, returns an empty array.
|
|
200
|
+
*
|
|
201
|
+
* @param {string} [selector] CSS Selector
|
|
202
|
+
* @returns {Array<ActionCardWrapper>}
|
|
203
|
+
*/
|
|
204
|
+
findAllActionCards(selector?: string): Array<ActionCardWrapper>;
|
|
205
|
+
/**
|
|
206
|
+
* Returns the wrapper of the closest parent ActionCard for the current element,
|
|
207
|
+
* or the element itself if it is an instance of ActionCard.
|
|
208
|
+
* If no ActionCard is found, returns `null`.
|
|
209
|
+
*
|
|
210
|
+
* @returns {ActionCardWrapper | null}
|
|
211
|
+
*/
|
|
212
|
+
findClosestActionCard(): ActionCardWrapper | null;
|
|
185
213
|
/**
|
|
186
214
|
* Returns the wrapper of the first Alert that matches the specified CSS selector.
|
|
187
215
|
* If no CSS selector is specified, returns the wrapper of the first Alert.
|
package/test-utils/dom/index.js
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TreeViewWrapper = exports.TopNavigationWrapper = exports.TooltipWrapper = exports.TokenGroupWrapper = exports.TokenWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StepsWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.RadioButtonWrapper = exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PanelLayoutWrapper = exports.PaginationWrapper = exports.NavigableGroupWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LiveRegionWrapper = void 0;
|
|
3
|
+
exports.LinkWrapper = exports.LineChartWrapper = exports.KeyValuePairsWrapper = exports.ItemCardWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.FileUploadWrapper = exports.FileTokenGroupWrapper = exports.FileInputWrapper = exports.FileDropzoneWrapper = exports.ExpandableSectionWrapper = exports.ErrorBoundaryWrapper = exports.DropdownWrapper = exports.DrawerWrapper = exports.DateRangePickerWrapper = exports.DatePickerWrapper = exports.DateInputWrapper = exports.CopyToClipboardWrapper = exports.ContentLayoutWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.CalendarWrapper = exports.ButtonGroupWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BarChartWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AreaChartWrapper = exports.AppLayoutToolbarWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AnchorNavigationWrapper = exports.AlertWrapper = exports.ActionCardWrapper = exports.ElementWrapper = void 0;
|
|
4
|
+
exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TreeViewWrapper = exports.TopNavigationWrapper = exports.TooltipWrapper = exports.TokenGroupWrapper = exports.TokenWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StepsWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.RadioButtonWrapper = exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PanelLayoutWrapper = exports.PaginationWrapper = exports.NavigableGroupWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LiveRegionWrapper = exports.ListWrapper = void 0;
|
|
5
5
|
exports.default = wrapper;
|
|
6
6
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
7
|
// SPDX-License-Identifier: Apache-2.0
|
|
8
8
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
9
9
|
Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return dom_1.ElementWrapper; } });
|
|
10
10
|
const utils_1 = require("@cloudscape-design/test-utils-core/utils");
|
|
11
|
+
const action_card_1 = require("./action-card");
|
|
12
|
+
exports.ActionCardWrapper = action_card_1.default;
|
|
11
13
|
const alert_1 = require("./alert");
|
|
12
14
|
exports.AlertWrapper = alert_1.default;
|
|
13
15
|
const anchor_navigation_1 = require("./anchor-navigation");
|
|
@@ -188,6 +190,18 @@ const tutorial_panel_1 = require("./tutorial-panel");
|
|
|
188
190
|
exports.TutorialPanelWrapper = tutorial_panel_1.default;
|
|
189
191
|
const wizard_1 = require("./wizard");
|
|
190
192
|
exports.WizardWrapper = wizard_1.default;
|
|
193
|
+
dom_1.ElementWrapper.prototype.findActionCard = function (selector) {
|
|
194
|
+
let rootSelector = `.${action_card_1.default.rootSelector}`;
|
|
195
|
+
if ("legacyRootSelector" in action_card_1.default && action_card_1.default.legacyRootSelector) {
|
|
196
|
+
rootSelector = `:is(.${action_card_1.default.rootSelector}, .${action_card_1.default.legacyRootSelector})`;
|
|
197
|
+
}
|
|
198
|
+
// casting to 'any' is needed to avoid this issue with generics
|
|
199
|
+
// https://github.com/microsoft/TypeScript/issues/29132
|
|
200
|
+
return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, action_card_1.default);
|
|
201
|
+
};
|
|
202
|
+
dom_1.ElementWrapper.prototype.findAllActionCards = function (selector) {
|
|
203
|
+
return this.findAllComponents(action_card_1.default, selector);
|
|
204
|
+
};
|
|
191
205
|
dom_1.ElementWrapper.prototype.findAlert = function (selector) {
|
|
192
206
|
let rootSelector = `.${alert_1.default.rootSelector}`;
|
|
193
207
|
if ("legacyRootSelector" in alert_1.default && alert_1.default.legacyRootSelector) {
|
|
@@ -1268,6 +1282,11 @@ dom_1.ElementWrapper.prototype.findWizard = function (selector) {
|
|
|
1268
1282
|
dom_1.ElementWrapper.prototype.findAllWizards = function (selector) {
|
|
1269
1283
|
return this.findAllComponents(wizard_1.default, selector);
|
|
1270
1284
|
};
|
|
1285
|
+
dom_1.ElementWrapper.prototype.findClosestActionCard = function () {
|
|
1286
|
+
// casting to 'any' is needed to avoid this issue with generics
|
|
1287
|
+
// https://github.com/microsoft/TypeScript/issues/29132
|
|
1288
|
+
return this.findClosestComponent(action_card_1.default);
|
|
1289
|
+
};
|
|
1271
1290
|
dom_1.ElementWrapper.prototype.findClosestAlert = function () {
|
|
1272
1291
|
// casting to 'any' is needed to avoid this issue with generics
|
|
1273
1292
|
// https://github.com/microsoft/TypeScript/issues/29132
|