@cloudscape-design/components-themeable 3.0.1240 → 3.0.1242
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/form-field/test-classes/styles.scss +9 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/radio-group/styles.scss +0 -4
- package/lib/internal/template/file-upload/internal.js +2 -2
- package/lib/internal/template/file-upload/internal.js.map +1 -1
- package/lib/internal/template/form-field/interfaces.d.ts +6 -0
- package/lib/internal/template/form-field/interfaces.d.ts.map +1 -1
- package/lib/internal/template/form-field/interfaces.js.map +1 -1
- package/lib/internal/template/form-field/internal.d.ts +2 -2
- package/lib/internal/template/form-field/internal.d.ts.map +1 -1
- package/lib/internal/template/form-field/internal.js +22 -6
- package/lib/internal/template/form-field/internal.js.map +1 -1
- package/lib/internal/template/form-field/test-classes/styles.css.js +7 -0
- package/lib/internal/template/form-field/test-classes/styles.scoped.css +8 -0
- package/lib/internal/template/form-field/test-classes/styles.selectors.js +8 -0
- package/lib/internal/template/form-field/util.d.ts +3 -2
- package/lib/internal/template/form-field/util.d.ts.map +1 -1
- package/lib/internal/template/form-field/util.js +4 -3
- package/lib/internal/template/form-field/util.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/components/chart-popover/index.d.ts +2 -0
- package/lib/internal/template/internal/components/chart-popover/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/chart-popover/index.js +2 -2
- package/lib/internal/template/internal/components/chart-popover/index.js.map +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/plugins/widget/interfaces.d.ts +84 -0
- package/lib/internal/template/internal/plugins/widget/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/plugins/widget/interfaces.js.map +1 -1
- package/lib/internal/template/popover/container.d.ts +3 -1
- package/lib/internal/template/popover/container.d.ts.map +1 -1
- package/lib/internal/template/popover/container.js +2 -1
- package/lib/internal/template/popover/container.js.map +1 -1
- package/lib/internal/template/popover/use-popover-position.d.ts +2 -1
- package/lib/internal/template/popover/use-popover-position.d.ts.map +1 -1
- package/lib/internal/template/popover/use-popover-position.js +11 -5
- package/lib/internal/template/popover/use-popover-position.js.map +1 -1
- package/lib/internal/template/popover/utils/positions.d.ts +1 -0
- package/lib/internal/template/popover/utils/positions.d.ts.map +1 -1
- package/lib/internal/template/popover/utils/positions.js +21 -0
- package/lib/internal/template/popover/utils/positions.js.map +1 -1
- package/lib/internal/template/radio-group/internal.d.ts.map +1 -1
- package/lib/internal/template/radio-group/internal.js +1 -1
- package/lib/internal/template/radio-group/internal.js.map +1 -1
- package/lib/internal/template/radio-group/styles.css.js +5 -6
- package/lib/internal/template/radio-group/styles.scoped.css +6 -10
- package/lib/internal/template/radio-group/styles.selectors.js +5 -6
- package/lib/internal/template/test-utils/dom/form-field/index.d.ts +1 -0
- package/lib/internal/template/test-utils/dom/form-field/index.js +5 -1
- package/lib/internal/template/test-utils/dom/form-field/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/radio-group/index.d.ts +0 -1
- package/lib/internal/template/test-utils/dom/radio-group/index.js +3 -5
- package/lib/internal/template/test-utils/dom/radio-group/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/form-field/index.d.ts +1 -0
- package/lib/internal/template/test-utils/selectors/form-field/index.js +5 -1
- package/lib/internal/template/test-utils/selectors/form-field/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/radio-group/index.d.ts +0 -1
- package/lib/internal/template/test-utils/selectors/radio-group/index.js +3 -5
- package/lib/internal/template/test-utils/selectors/radio-group/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -17,7 +17,7 @@ const InternalRadioGroup = React.forwardRef(({ name, value, items, ariaLabel, ar
|
|
|
17
17
|
const baseProps = getBaseProps(props);
|
|
18
18
|
const generatedName = useUniqueId('awsui-radio-');
|
|
19
19
|
const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);
|
|
20
|
-
return (React.createElement("div", { role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, "aria-controls": ariaControls, "aria-readonly": readOnly ? 'true' : undefined, ...baseProps, className: clsx(baseProps.className, testUtilStyles.root, styles
|
|
20
|
+
return (React.createElement("div", { role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, "aria-controls": ariaControls, "aria-readonly": readOnly ? 'true' : undefined, ...baseProps, className: clsx(baseProps.className, testUtilStyles.root, styles['radio-group'], direction === 'horizontal' && styles['horizontal-group']), ref: __internalRootRef }, items &&
|
|
21
21
|
items.map((item, index) => (React.createElement(RadioButton, { key: item.value, ref: index === radioButtonRefIndex ? radioButtonRef : undefined, className: clsx(styles.radio, item.description && styles['radio--has-description'], direction === 'horizontal' && styles.horizontal, item.value === value && analyticsSelectors.selected), checked: item.value === value, name: name || generatedName, value: item.value, description: item.description, disabled: item.disabled, onSelect: () => fireNonCancelableEvent(onChange, { value: item.value }), controlId: item.controlId, readOnly: readOnly, style: style, ...getAnalyticsMetadataAttribute(!item.disabled && !readOnly
|
|
22
22
|
? {
|
|
23
23
|
detail: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAKpF,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAI1D,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACgB,EAC1B,GAAmC,EACnC,EAAE;IACF,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAElD,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,GAAG,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,6BACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,mBACZ,YAAY,mBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACxC,SAAS,EACb,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,cAAc,CAAC,IAAI,EACnB,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/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 from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport RadioButton from '../internal/components/radio-button';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataRadioGroupSelect } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n (\n {\n name,\n value,\n items,\n ariaLabel,\n ariaRequired,\n ariaControls,\n onChange,\n readOnly,\n __internalRootRef,\n style,\n direction,\n ...props\n }: InternalRadioGroupProps,\n ref: React.Ref<RadioGroupProps.Ref>\n ) => {\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n const baseProps = getBaseProps(props);\n const generatedName = useUniqueId('awsui-radio-');\n\n const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n\n return (\n <div\n role=\"radiogroup\"\n aria-labelledby={ariaLabelledby}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-required={ariaRequired}\n aria-controls={ariaControls}\n aria-readonly={readOnly ? 'true' : undefined}\n {...baseProps}\n className={clsx(\n baseProps.className,\n testUtilStyles.root,\n styles['radio-group'],\n direction === 'horizontal' && styles['horizontal-group']\n )}\n ref={__internalRootRef}\n >\n {items &&\n items.map((item, index) => (\n <RadioButton\n key={item.value}\n ref={index === radioButtonRefIndex ? radioButtonRef : undefined}\n className={clsx(\n styles.radio,\n item.description && styles['radio--has-description'],\n direction === 'horizontal' && styles.horizontal,\n item.value === value && analyticsSelectors.selected\n )}\n checked={item.value === value}\n name={name || generatedName}\n value={item.value}\n description={item.description}\n disabled={item.disabled}\n onSelect={() => fireNonCancelableEvent(onChange, { value: item.value })}\n controlId={item.controlId}\n readOnly={readOnly}\n style={style}\n {...getAnalyticsMetadataAttribute(\n !item.disabled && !readOnly\n ? {\n detail: {\n position: `${index + 1}`,\n value: item.value,\n } as Partial<GeneratedAnalyticsMetadataRadioGroupSelect['detail']>,\n }\n : {}\n )}\n >\n {item.label}\n </RadioButton>\n ))}\n </div>\n );\n }\n);\n\nexport default InternalRadioGroup;\n"]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"radio--has-description": "awsui_radio--has-description_1mabk_3hsov_194"
|
|
4
|
+
"radio-group": "awsui_radio-group_1mabk_cn4z5_145",
|
|
5
|
+
"horizontal-group": "awsui_horizontal-group_1mabk_cn4z5_176",
|
|
6
|
+
"radio": "awsui_radio_1mabk_cn4z5_145",
|
|
7
|
+
"horizontal": "awsui_horizontal_1mabk_cn4z5_176",
|
|
8
|
+
"radio--has-description": "awsui_radio--has-description_1mabk_cn4z5_190"
|
|
10
9
|
};
|
|
11
10
|
|
|
@@ -142,11 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.
|
|
146
|
-
/* used for backwards-compatibility with older versions of test-utils */
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.awsui_radio-group_1mabk_3hsov_149:not(#\9) {
|
|
145
|
+
.awsui_radio-group_1mabk_cn4z5_145:not(#\9) {
|
|
150
146
|
border-collapse: separate;
|
|
151
147
|
border-spacing: 0;
|
|
152
148
|
box-sizing: border-box;
|
|
@@ -177,24 +173,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
177
173
|
-webkit-font-smoothing: auto;
|
|
178
174
|
-moz-osx-font-smoothing: auto;
|
|
179
175
|
}
|
|
180
|
-
.awsui_radio-
|
|
176
|
+
.awsui_radio-group_1mabk_cn4z5_145:not(#\9):not(.awsui_horizontal-group_1mabk_cn4z5_176) {
|
|
181
177
|
display: block;
|
|
182
178
|
}
|
|
183
|
-
.awsui_radio-
|
|
179
|
+
.awsui_radio-group_1mabk_cn4z5_145.awsui_horizontal-group_1mabk_cn4z5_176:not(#\9) {
|
|
184
180
|
display: flex;
|
|
185
181
|
align-items: flex-start;
|
|
186
182
|
flex-wrap: wrap;
|
|
187
183
|
gap: var(--space-scaled-l-66n9sr, 20px);
|
|
188
184
|
}
|
|
189
185
|
|
|
190
|
-
.
|
|
186
|
+
.awsui_radio_1mabk_cn4z5_145 + .awsui_radio_1mabk_cn4z5_145:not(#\9):not(.awsui_horizontal_1mabk_cn4z5_176) {
|
|
191
187
|
margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
|
|
192
188
|
}
|
|
193
189
|
|
|
194
|
-
.awsui_radio--has-
|
|
190
|
+
.awsui_radio--has-description_1mabk_cn4z5_190 + .awsui_radio_1mabk_cn4z5_145:not(#\9):not(.awsui_horizontal_1mabk_cn4z5_176) {
|
|
195
191
|
margin-block-start: var(--space-scaled-xs-sppte9, 8px);
|
|
196
192
|
}
|
|
197
193
|
|
|
198
|
-
.
|
|
194
|
+
.awsui_radio_1mabk_cn4z5_145.awsui_horizontal_1mabk_cn4z5_176:not(#\9) {
|
|
199
195
|
max-inline-size: calc(16 * var(--space-scaled-xxl-9ur2is, 32px));
|
|
200
196
|
}
|
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"radio--has-description": "awsui_radio--has-description_1mabk_3hsov_194"
|
|
5
|
+
"radio-group": "awsui_radio-group_1mabk_cn4z5_145",
|
|
6
|
+
"horizontal-group": "awsui_horizontal-group_1mabk_cn4z5_176",
|
|
7
|
+
"radio": "awsui_radio_1mabk_cn4z5_145",
|
|
8
|
+
"horizontal": "awsui_horizontal_1mabk_cn4z5_176",
|
|
9
|
+
"radio--has-description": "awsui_radio--has-description_1mabk_cn4z5_190"
|
|
11
10
|
};
|
|
12
11
|
|
|
@@ -5,6 +5,7 @@ export default class FormFieldWrapper extends ComponentWrapper<HTMLElement> {
|
|
|
5
5
|
findLabel(): ElementWrapper | null;
|
|
6
6
|
findInfo(): ElementWrapper | null;
|
|
7
7
|
findConstraint(): ElementWrapper | null;
|
|
8
|
+
findCharacterCount(): ElementWrapper | null;
|
|
8
9
|
findError(): ElementWrapper | null;
|
|
9
10
|
findWarning(): ElementWrapper | null;
|
|
10
11
|
findDescription(): ElementWrapper | null;
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
// SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
6
6
|
const styles_selectors_js_1 = require("../../../form-field/styles.selectors.js");
|
|
7
|
+
const styles_selectors_js_2 = require("../../../form-field/test-classes/styles.selectors.js");
|
|
7
8
|
class FormFieldWrapper extends dom_1.ComponentWrapper {
|
|
8
9
|
findControl() {
|
|
9
10
|
return this.findByClassName(styles_selectors_js_1.default.control);
|
|
@@ -15,7 +16,10 @@ class FormFieldWrapper extends dom_1.ComponentWrapper {
|
|
|
15
16
|
return this.findByClassName(styles_selectors_js_1.default.info);
|
|
16
17
|
}
|
|
17
18
|
findConstraint() {
|
|
18
|
-
return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${
|
|
19
|
+
return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default.constraint}`);
|
|
20
|
+
}
|
|
21
|
+
findCharacterCount() {
|
|
22
|
+
return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default['character-count']}`);
|
|
19
23
|
}
|
|
20
24
|
findError() {
|
|
21
25
|
return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_1.default.error} .${styles_selectors_js_1.default.error__message}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/form-field/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,iFAA6D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/form-field/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,iFAA6D;AAC7D,8FAA8E;AAE9E,MAAqB,gBAAiB,SAAQ,sBAA6B;IAGzE,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAU,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1E,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAU,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAClF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,cAAc,EAAE,CAAC,CAAC;IAC3F,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,OAAO,KAAK,6BAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/F,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;;AApCM,6BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,gBAAgB"}
|
|
@@ -2,7 +2,6 @@ import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-
|
|
|
2
2
|
import RadioButtonWrapper from '../radio-button';
|
|
3
3
|
export default class RadioGroupWrapper extends ComponentWrapper {
|
|
4
4
|
static rootSelector: string;
|
|
5
|
-
static legacyRootSelector: string;
|
|
6
5
|
findButtons(): Array<RadioButtonWrapper>;
|
|
7
6
|
findInputByValue(value: string): ElementWrapper<HTMLInputElement> | null;
|
|
8
7
|
}
|
|
@@ -6,18 +6,16 @@ const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
|
6
6
|
const utils_1 = require("@cloudscape-design/test-utils-core/utils");
|
|
7
7
|
const radio_button_1 = require("../radio-button");
|
|
8
8
|
const styles_selectors_js_1 = require("../../../internal/components/radio-button/test-classes/styles.selectors.js");
|
|
9
|
-
const styles_selectors_js_2 = require("../../../radio-group/styles.selectors.js");
|
|
10
|
-
const styles_selectors_js_3 = require("../../../radio-group/test-classes/styles.selectors.js");
|
|
9
|
+
const styles_selectors_js_2 = require("../../../radio-group/test-classes/styles.selectors.js");
|
|
11
10
|
class RadioGroupWrapper extends dom_1.ComponentWrapper {
|
|
12
11
|
findButtons() {
|
|
13
|
-
return this.
|
|
12
|
+
return this.findAllByClassName(styles_selectors_js_1.default.root).map(r => new radio_button_1.default(r.getElement()));
|
|
14
13
|
}
|
|
15
14
|
findInputByValue(value) {
|
|
16
15
|
const safeValue = (0, utils_1.escapeSelector)(value);
|
|
17
16
|
return this.find(`input[value="${safeValue}"]`);
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
|
-
RadioGroupWrapper.rootSelector =
|
|
21
|
-
RadioGroupWrapper.legacyRootSelector = styles_selectors_js_2.default.root;
|
|
19
|
+
RadioGroupWrapper.rootSelector = styles_selectors_js_2.default.root;
|
|
22
20
|
exports.default = RadioGroupWrapper;
|
|
23
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/radio-group/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,oEAA0E;AAE1E,kDAAiD;AAEjD,oHAA2G;AAC3G
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/radio-group/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,oEAA0E;AAE1E,kDAAiD;AAEjD,oHAA2G;AAC3G,+FAA2E;AAE3E,MAAqB,iBAAkB,SAAQ,sBAAgB;IAG7D,WAAW;QACT,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,sBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1G,CAAC;IAED,gBAAgB,CAAC,KAAa;QAC5B,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC,CAAC;QACxC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,SAAS,IAAI,CAAC,CAAC;IAClD,CAAC;;AATM,8BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,iBAAiB"}
|
|
@@ -5,6 +5,7 @@ export default class FormFieldWrapper extends ComponentWrapper {
|
|
|
5
5
|
findLabel(): ElementWrapper;
|
|
6
6
|
findInfo(): ElementWrapper;
|
|
7
7
|
findConstraint(): ElementWrapper;
|
|
8
|
+
findCharacterCount(): ElementWrapper;
|
|
8
9
|
findError(): ElementWrapper;
|
|
9
10
|
findWarning(): ElementWrapper;
|
|
10
11
|
findDescription(): ElementWrapper;
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
// SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
|
|
6
6
|
const styles_selectors_js_1 = require("../../../form-field/styles.selectors.js");
|
|
7
|
+
const styles_selectors_js_2 = require("../../../form-field/test-classes/styles.selectors.js");
|
|
7
8
|
class FormFieldWrapper extends selectors_1.ComponentWrapper {
|
|
8
9
|
findControl() {
|
|
9
10
|
return this.findByClassName(styles_selectors_js_1.default.control);
|
|
@@ -15,7 +16,10 @@ class FormFieldWrapper extends selectors_1.ComponentWrapper {
|
|
|
15
16
|
return this.findByClassName(styles_selectors_js_1.default.info);
|
|
16
17
|
}
|
|
17
18
|
findConstraint() {
|
|
18
|
-
return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${
|
|
19
|
+
return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default.constraint}`);
|
|
20
|
+
}
|
|
21
|
+
findCharacterCount() {
|
|
22
|
+
return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default['character-count']}`);
|
|
19
23
|
}
|
|
20
24
|
findError() {
|
|
21
25
|
return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_1.default.error} .${styles_selectors_js_1.default.error__message}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/form-field/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,iFAA6D;AAC7D,MAAqB,gBAAiB,SAAQ,4BAAgB;IAE5D,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/form-field/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,iFAA6D;AAC7D,8FAA8E;AAC9E,MAAqB,gBAAiB,SAAQ,4BAAgB;IAE5D,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAU,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1E,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAU,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAClF,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,cAAc,EAAE,CAAC,CAAC;IAC3F,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,OAAO,KAAK,6BAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/F,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;;AA3BM,6BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,gBAAgB"}
|
|
@@ -2,7 +2,6 @@ import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-
|
|
|
2
2
|
import RadioButtonWrapper from '../radio-button';
|
|
3
3
|
export default class RadioGroupWrapper extends ComponentWrapper {
|
|
4
4
|
static rootSelector: string;
|
|
5
|
-
static legacyRootSelector: string;
|
|
6
5
|
findButtons(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<RadioButtonWrapper>;
|
|
7
6
|
findInputByValue(value: string): ElementWrapper;
|
|
8
7
|
}
|
|
@@ -6,18 +6,16 @@ const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
|
|
|
6
6
|
const utils_1 = require("@cloudscape-design/test-utils-core/utils");
|
|
7
7
|
const radio_button_1 = require("../radio-button");
|
|
8
8
|
const styles_selectors_js_1 = require("../../../internal/components/radio-button/test-classes/styles.selectors.js");
|
|
9
|
-
const styles_selectors_js_2 = require("../../../radio-group/styles.selectors.js");
|
|
10
|
-
const styles_selectors_js_3 = require("../../../radio-group/test-classes/styles.selectors.js");
|
|
9
|
+
const styles_selectors_js_2 = require("../../../radio-group/test-classes/styles.selectors.js");
|
|
11
10
|
class RadioGroupWrapper extends selectors_1.ComponentWrapper {
|
|
12
11
|
findButtons() {
|
|
13
|
-
return this.
|
|
12
|
+
return this.findAllByClassName(styles_selectors_js_1.default.root).map(r => new radio_button_1.default(r.getElement()));
|
|
14
13
|
}
|
|
15
14
|
findInputByValue(value) {
|
|
16
15
|
const safeValue = (0, utils_1.escapeSelector)(value);
|
|
17
16
|
return this.find(`input[value="${safeValue}"]`);
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
|
-
RadioGroupWrapper.rootSelector =
|
|
21
|
-
RadioGroupWrapper.legacyRootSelector = styles_selectors_js_2.default.root;
|
|
19
|
+
RadioGroupWrapper.rootSelector = styles_selectors_js_2.default.root;
|
|
22
20
|
exports.default = RadioGroupWrapper;
|
|
23
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/radio-group/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,oEAA0E;AAC1E,kDAAiD;AACjD,oHAA2G;AAC3G
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/radio-group/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,oEAA0E;AAC1E,kDAAiD;AACjD,oHAA2G;AAC3G,+FAA2E;AAC3E,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,WAAW;QACT,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,sBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1G,CAAC;IACD,gBAAgB,CAAC,KAAa;QAC5B,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC,CAAC;QACxC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,SAAS,IAAI,CAAC,CAAC;IAClD,CAAC;;AAPM,8BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,iBAAiB"}
|