@mvf/external-components 3.16.2-dev.1 → 3.18.0
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/@types/WithExperimentName.d.ts +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js +6 -6
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js.map +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.d.ts +2 -3
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js.map +1 -1
- package/Components/Atoms/Button/Button.js +4 -4
- package/Components/Atoms/Button/Button.js.map +1 -1
- package/Components/Atoms/Button/Button.test.js +9 -9
- package/Components/Atoms/Button/Button.test.js.map +1 -1
- package/Components/Atoms/Button/ButtonStory.js +1 -1
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.js +4 -2
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.test.js +3 -3
- package/Components/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.d.ts +2 -3
- package/Components/Atoms/CardButton/CardButtonStory.js +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/ICardButtonProps.d.ts +2 -2
- package/Components/Atoms/CardButton/defaultProps.d.ts +0 -2
- package/Components/Atoms/CardButton/defaultProps.js +0 -6
- package/Components/Atoms/CardButton/defaultProps.js.map +1 -1
- package/Components/Atoms/CardButton/makeCardButtonStyling.d.ts +2 -1
- package/Components/Atoms/CardButton/makeCardButtonStyling.js +8 -4
- package/Components/Atoms/CardButton/makeCardButtonStyling.js.map +1 -1
- package/Components/Atoms/CircularProgress/CircularProgressStory.js +1 -1
- package/Components/Atoms/CircularProgress/CircularProgressStory.js.map +1 -1
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js +1 -1
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js +2 -2
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Components/Atoms/FormControl/FormControl.js +2 -2
- package/Components/Atoms/FormControl/FormControl.js.map +1 -1
- package/Components/Atoms/FormControl/FormControl.test.js +2 -2
- package/Components/Atoms/FormControl/FormControl.test.js.map +1 -1
- package/Components/Atoms/FormControl/FormControlStory.js +1 -1
- package/Components/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/InfoPanel/InfoPanel.test.js +3 -3
- package/Components/Atoms/InfoPanel/InfoPanel.test.js.map +1 -1
- package/Components/Atoms/InfoPanel/InfoPanelStory.js +1 -1
- package/Components/Atoms/InfoPanel/InfoPanelStory.js.map +1 -1
- package/Components/Atoms/Input/Input.js +2 -2
- package/Components/Atoms/Input/Input.js.map +1 -1
- package/Components/Atoms/Input/Input.test.js +12 -12
- package/Components/Atoms/Input/Input.test.js.map +1 -1
- package/Components/Atoms/Input/InputStory.js +1 -1
- package/Components/Atoms/Input/InputStory.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabel.js +2 -2
- package/Components/Atoms/InputLabel/InputLabel.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabel.test.js +1 -1
- package/Components/Atoms/InputLabel/InputLabel.test.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.js +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.js.map +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckbox.test.js +2 -2
- package/Components/Atoms/InsetCheckbox/InsetCheckbox.test.js.map +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckboxStory.js +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckboxStory.js.map +1 -1
- package/Components/Atoms/Link/Link.test.js +2 -2
- package/Components/Atoms/Link/Link.test.js.map +1 -1
- package/Components/Atoms/Link/LinkStory.js +1 -1
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.test.js +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.test.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js.map +1 -1
- package/Components/Atoms/Modal/Modal.test.js +2 -2
- package/Components/Atoms/Modal/Modal.test.js.map +1 -1
- package/Components/Atoms/Modal/ModalStory.js +1 -1
- package/Components/Atoms/Modal/ModalStory.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.test.js +2 -2
- package/Components/Atoms/ProgressBar/ProgressBar.test.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.js +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.js.map +1 -1
- package/Components/Atoms/Text/Text.test.js +1 -1
- package/Components/Atoms/Text/Text.test.js.map +1 -1
- package/Components/Atoms/Text/TextStory.js +1 -1
- package/Components/Atoms/Text/TextStory.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +14 -11
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +30 -26
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +1 -0
- package/Components/Molecules/CheckBox/CheckBoxStory.js +2 -2
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +1 -0
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.js +1 -1
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -1
- package/Components/Molecules/CheckBox/defaultProps.d.ts +1 -0
- package/Components/Molecules/CheckBox/defaultProps.js +1 -0
- package/Components/Molecules/CheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.js +2 -2
- package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js +5 -5
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +3 -3
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js +2 -2
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +10 -8
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +20 -16
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js +1 -1
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/defaultProps.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/defaultProps.js +1 -0
- package/Components/Molecules/IconTileCheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +11 -9
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +13 -13
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js +1 -1
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.js +2 -2
- package/Components/Molecules/NavBar/NavBar.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.test.js +4 -4
- package/Components/Molecules/NavBar/NavBar.test.js.map +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.d.ts +0 -2
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +31 -59
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js +44 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +0 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +18 -11
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js +8 -20
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +11 -9
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +14 -14
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.js +1 -1
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js +4 -4
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCard.js +2 -2
- package/Components/Molecules/SupplierCard/SupplierCard.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCard.test.js +11 -11
- package/Components/Molecules/SupplierCard/SupplierCard.test.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.js +1 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.js.map +1 -1
- package/Components/Molecules/TextField/TextField.js +2 -2
- package/Components/Molecules/TextField/TextField.js.map +1 -1
- package/Components/Molecules/TextField/TextField.test.js +11 -11
- package/Components/Molecules/TextField/TextField.test.js.map +1 -1
- package/Components/Molecules/TextField/TextFieldStory.js +1 -1
- package/Components/Molecules/TextField/TextFieldStory.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js +4 -4
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js +2 -2
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.test.js +2 -2
- package/Components/Organisms/ListLayout/ListLayout.test.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayoutStory.js +1 -1
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +6 -6
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +2 -2
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +2 -2
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -1
- package/Components/Organisms/__helpers__/Options.js +7 -9
- package/Components/Organisms/__helpers__/Options.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButton.test.js +3 -3
- package/Experiments/Example/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.d.ts +2 -3
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.js +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +1 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Experiments/Example/Atoms/FormControl/FormControl.test.js +2 -2
- package/Experiments/Example/Atoms/FormControl/FormControl.test.js.map +1 -1
- package/Experiments/Example/Atoms/FormControl/FormControlStory.js +1 -1
- package/Experiments/Example/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Experiments/Example/Atoms/Input/Input.test.js +12 -12
- package/Experiments/Example/Atoms/Input/Input.test.js.map +1 -1
- package/Experiments/Example/Atoms/Input/InputStory.js +1 -1
- package/Experiments/Example/Atoms/Input/InputStory.js.map +1 -1
- package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js +1 -1
- package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js.map +1 -1
- package/Experiments/Example/Atoms/InputLabel/InputLabelStory.js +1 -1
- package/Experiments/Example/Atoms/InputLabel/InputLabelStory.js.map +1 -1
- package/Experiments/Example/Atoms/Text/Text.test.js +1 -1
- package/Experiments/Example/Atoms/Text/Text.test.js.map +1 -1
- package/Experiments/Example/Atoms/Text/TextStory.js +1 -1
- package/Experiments/Example/Atoms/Text/TextStory.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBox.js +3 -3
- package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js +26 -26
- package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/__helpers__/renderCheckbox.js +1 -1
- package/Experiments/Example/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -1
- package/Experiments/Example/Molecules/TextField/TextField.js +1 -1
- package/Experiments/Example/Molecules/TextField/TextField.js.map +1 -1
- package/Experiments/Example/Molecules/TextField/TextField.test.js +11 -11
- package/Experiments/Example/Molecules/TextField/TextField.test.js.map +1 -1
- package/Experiments/Example/Molecules/TextField/TextFieldStory.js +1 -1
- package/Experiments/Example/Molecules/TextField/TextFieldStory.js.map +1 -1
- package/package.json +5 -8
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js +0 -215
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js.map +0 -1
- /package/Components/Molecules/PhoneNumberTextField/{__tests__/PhoneNumberTextField.test.d.ts → PhoneNumberTextField.test.d.ts} +0 -0
@@ -12,34 +12,34 @@ describe('AnimationWrapper', function () {
|
|
12
12
|
var childrenText = 'Hello World';
|
13
13
|
var children = (0, jsx_runtime_1.jsx)("div", { children: childrenText });
|
14
14
|
it('renders the children correctly', function () {
|
15
|
-
var getByText = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeIn", delay: 0, animationTime: 400, children: children })).getByText;
|
15
|
+
var getByText = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeIn", delay: 0, animationTime: 400, experimentName: "default", children: children })).getByText;
|
16
16
|
expect(getByText(childrenText)).toBeInTheDocument();
|
17
17
|
});
|
18
18
|
it('applies the correct CSS styles for fadeIn effect', function () {
|
19
|
-
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeIn", delay: 0, animationTime: 400, children: children })).container;
|
19
|
+
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeIn", delay: 0, animationTime: 400, experimentName: "default", children: children })).container;
|
20
20
|
expect(container.firstChild).toHaveStyle('opacity: 0');
|
21
21
|
expect(container.firstChild).toHaveStyle('animation: fadeIn 400ms ease-in-out 0ms forwards');
|
22
22
|
});
|
23
23
|
it('applies the correct CSS styles for fadeInUp effect', function () {
|
24
|
-
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeInUp", delay: 0, animationTime: 400, children: children })).container;
|
24
|
+
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeInUp", delay: 0, animationTime: 400, experimentName: "default", children: children })).container;
|
25
25
|
expect(container.firstChild).toHaveStyle('opacity: 0');
|
26
26
|
expect(container.firstChild).toHaveStyle('transform: translateY(20px)');
|
27
27
|
expect(container.firstChild).toHaveStyle('animation: fadeInUp 400ms ease-in-out 0ms forwards');
|
28
28
|
});
|
29
29
|
it('applies the correct CSS styles for fadeInDown effect', function () {
|
30
|
-
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeInDown", delay: 0, animationTime: 400, children: children })).container;
|
30
|
+
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeInDown", delay: 0, animationTime: 400, experimentName: "default", children: children })).container;
|
31
31
|
expect(container.firstChild).toHaveStyle('opacity: 0');
|
32
32
|
expect(container.firstChild).toHaveStyle('transform: translateY(-20px)');
|
33
33
|
expect(container.firstChild).toHaveStyle('animation: fadeInDown 400ms ease-in-out 0ms forwards');
|
34
34
|
});
|
35
35
|
it('applies the correct CSS styles for fadeInLeft effect', function () {
|
36
|
-
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeInLeft", delay: 0, animationTime: 400, children: children })).container;
|
36
|
+
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeInLeft", delay: 0, animationTime: 400, experimentName: "default", children: children })).container;
|
37
37
|
expect(container.firstChild).toHaveStyle('opacity: 0');
|
38
38
|
expect(container.firstChild).toHaveStyle('transform: translateX(-20px)');
|
39
39
|
expect(container.firstChild).toHaveStyle('animation: fadeInLeft 400ms ease-in-out 0ms forwards');
|
40
40
|
});
|
41
41
|
it('applies the correct CSS styles for fadeInRight effect', function () {
|
42
|
-
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeInRight", delay: 50, animationTime: 600, children: children })).container;
|
42
|
+
var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: "fadeInRight", delay: 50, animationTime: 600, experimentName: "default", children: children })).container;
|
43
43
|
expect(container.firstChild).toHaveStyle('opacity: 0');
|
44
44
|
expect(container.firstChild).toHaveStyle('transform: translateX(20px)');
|
45
45
|
expect(container.firstChild).toHaveStyle('animation: fadeInRight 600ms ease-in-out 50ms forwards');
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AnimationWrapper.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/AnimationWrapper/AnimationWrapper.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gDAAgD;AAChD,mDAAiD;AACjD,wEAAkD;AAElD,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,IAAM,YAAY,GAAG,aAAa,CAAC;IACnC,IAAM,QAAQ,GAAG,0CAAM,YAAY,GAAO,CAAC;IAE3C,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,SAAS,GAAK,IAAA,cAAM,EAC1B,uBAAC,0BAAgB,
|
1
|
+
{"version":3,"file":"AnimationWrapper.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/AnimationWrapper/AnimationWrapper.test.tsx"],"names":[],"mappings":"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"}
|
@@ -1,9 +1,8 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
|
3
|
-
type AnimationWrapperStoryType = WithExperimentName<React.FunctionComponent<{
|
2
|
+
type AnimationWrapperStoryType = React.FunctionComponent<{
|
4
3
|
effect: 'fadeIn' | 'fadeInUp' | 'fadeInDown' | 'fadeInLeft' | 'fadeInRight';
|
5
4
|
delay: number;
|
6
5
|
animationTime: number;
|
7
|
-
}
|
6
|
+
}>;
|
8
7
|
declare const AnimationWrapperStory: AnimationWrapperStoryType;
|
9
8
|
export default AnimationWrapperStory;
|
@@ -8,7 +8,7 @@ var InfoPanel_1 = __importDefault(require("../InfoPanel"));
|
|
8
8
|
var AnimationWrapper_1 = __importDefault(require("./AnimationWrapper"));
|
9
9
|
var AnimationWrapperStory = function (_a) {
|
10
10
|
var effect = _a.effect, delay = _a.delay, animationTime = _a.animationTime;
|
11
|
-
return ((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: effect, delay: delay, animationTime: animationTime, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '460px', height: '55px' }, children: (0, jsx_runtime_1.jsx)(InfoPanel_1.default, { title: "I'm a hint component animating in", children: (0, jsx_runtime_1.jsx)("div", { children: 'But I can be anything' }) }) }) }));
|
11
|
+
return ((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, { effect: effect, delay: delay, animationTime: animationTime, experimentName: "default", children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '460px', height: '55px' }, children: (0, jsx_runtime_1.jsx)(InfoPanel_1.default, { title: "I'm a hint component animating in", experimentName: "default", children: (0, jsx_runtime_1.jsx)("div", { children: 'But I can be anything' }) }) }) }));
|
12
12
|
};
|
13
13
|
exports.default = AnimationWrapperStory;
|
14
14
|
//# sourceMappingURL=AnimationWrapperStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AnimationWrapperStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/AnimationWrapper/AnimationWrapperStory.tsx"],"names":[],"mappings":";;;;;;AACA,2DAAqC;AACrC,wEAAkD;
|
1
|
+
{"version":3,"file":"AnimationWrapperStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/AnimationWrapper/AnimationWrapperStory.tsx"],"names":[],"mappings":";;;;;;AACA,2DAAqC;AACrC,wEAAkD;AAQlD,IAAM,qBAAqB,GAA8B,UAAC,EAIzD;QAHC,MAAM,YAAA,EACN,KAAK,WAAA,EACL,aAAa,mBAAA;IAEb,OAAO,CACL,uBAAC,0BAAgB,IACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAC,SAAS,YAExB,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAC/C,uBAAC,mBAAS,IACR,KAAK,EAAE,mCAAmC,EAC1C,cAAc,EAAC,SAAS,YAExB,0CAAM,uBAAuB,GAAO,GAC1B,GACR,GACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
@@ -13,10 +13,10 @@ var DynamicFontSizeContainer_1 = __importDefault(require("../DynamicFontSizeCont
|
|
13
13
|
var react_1 = require("@emotion/react");
|
14
14
|
var InsetCheckbox_1 = __importDefault(require("../InsetCheckbox/InsetCheckbox"));
|
15
15
|
var Button = function (_a) {
|
16
|
-
var dataTestId = _a.dataTestId, disabled = _a.disabled, label = _a.label, loading = _a.loading, onClick = _a.onClick, selected = _a.selected, textOverflowHandling = _a.textOverflowHandling, Icon = _a.Icon, invertColors = _a.invertColors;
|
16
|
+
var dataTestId = _a.dataTestId, disabled = _a.disabled, label = _a.label, loading = _a.loading, onClick = _a.onClick, selected = _a.selected, textOverflowHandling = _a.textOverflowHandling, Icon = _a.Icon, invertColors = _a.invertColors, experimentName = _a.experimentName;
|
17
17
|
var theme = (0, react_1.useTheme)();
|
18
|
-
var startIcon = selected !== undefined ? (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected }) : Icon;
|
19
|
-
return ((0, jsx_runtime_1.jsx)(Button_1.default, { fullWidth: true, css: (0, makeButtonStyling_1.default)(disabled, theme, textOverflowHandling, invertColors), disabled: disabled, startIcon: startIcon, endIcon: loading && (0, jsx_runtime_1.jsx)(CircularProgress_1.default, {}), onClick: onClick, variant: 'contained', "data-testid": dataTestId, children: textOverflowHandling === 'dynamicFontSize' ? ((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: label, possibleFontSizes: [
|
18
|
+
var startIcon = selected !== undefined ? ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, experimentName: experimentName })) : (Icon);
|
19
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.default, { fullWidth: true, css: (0, makeButtonStyling_1.default)(disabled, theme, textOverflowHandling, invertColors), disabled: disabled, startIcon: startIcon, endIcon: loading && (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { experimentName: experimentName }), onClick: onClick, variant: 'contained', "data-testid": dataTestId, children: textOverflowHandling === 'dynamicFontSize' ? ((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: label, possibleFontSizes: [
|
20
20
|
theme.mvf.fontSize.little,
|
21
21
|
theme.mvf.fontSize.mini,
|
22
22
|
theme.mvf.fontSize.small,
|
@@ -25,7 +25,7 @@ var Button = function (_a) {
|
|
25
25
|
theme.mvf.fontSize.hefty,
|
26
26
|
theme.mvf.fontSize.swoll,
|
27
27
|
theme.mvf.fontSize.large,
|
28
|
-
] })) : (label) }));
|
28
|
+
], experimentName: experimentName })) : (label) }));
|
29
29
|
};
|
30
30
|
Button.defaultProps = defaultProps_1.default;
|
31
31
|
exports.default = Button;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA6C;AAE7C,0FAAoE;AACpE,gEAA0C;AAE1C,0EAAoD;AACpD,kHAA4F;AAC5F,wCAA0C;AAC1C,iFAA2D;AAQ3D,IAAM,MAAM,GAAe,UAAC,
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA6C;AAE7C,0FAAoE;AACpE,gEAA0C;AAE1C,0EAAoD;AACpD,kHAA4F;AAC5F,wCAA0C;AAC1C,iFAA2D;AAQ3D,IAAM,MAAM,GAAe,UAAC,EAW3B;QAVC,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,cAAc,oBAAA;IAEd,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,SAAS,GACb,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,uBAAC,uBAAa,IAAC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;IACJ,OAAO,CACL,uBAAC,gBAAS,IACR,SAAS,QACT,GAAG,EAAE,IAAA,2BAAiB,EACpB,QAAQ,EACR,KAAK,EACL,oBAAoB,EACpB,YAAY,CACb,EACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAAI,uBAAC,0BAAgB,IAAC,cAAc,EAAE,cAAc,GAAI,EACxE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,iBACP,UAAU,YAEtB,oBAAoB,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAC5C,uBAAC,kCAAwB,IACvB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE;gBACjB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBACzB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;gBACvB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;gBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO;gBAC1B,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBACzB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;gBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;gBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;aACzB,EACD,cAAc,EAAE,cAAc,GACJ,CAC7B,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
|
@@ -10,55 +10,55 @@ var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/rend
|
|
10
10
|
var Button_1 = __importDefault(require("./Button"));
|
11
11
|
describe('<Button />', function () {
|
12
12
|
it('should display button component without a checkbox', function () {
|
13
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1" })), getByText = _a.getByText, queryByRole = _a.queryByRole;
|
13
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", experimentName: "default" })), getByText = _a.getByText, queryByRole = _a.queryByRole;
|
14
14
|
expect(getByText('Submit')).toBeTruthy();
|
15
15
|
expect(queryByRole('checkbox')).not.toBeInTheDocument();
|
16
16
|
});
|
17
17
|
it('should display button component when a textOverflowHandling of "dynamicFontSize" is passed', function () {
|
18
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", dataTestId: "continuecta", textOverflowHandling: "dynamicFontSize" })).getByText;
|
18
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", dataTestId: "continuecta", textOverflowHandling: "dynamicFontSize", experimentName: "default" })).getByText;
|
19
19
|
expect(getByText('Submit')).toBeTruthy();
|
20
20
|
});
|
21
21
|
it('should be clickable', function () {
|
22
22
|
var clickHandler = jest.fn();
|
23
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: false, label: "Continue", dataTestId: "continuecta" })).getByText;
|
23
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).getByText;
|
24
24
|
getByText('Continue').click();
|
25
25
|
expect(clickHandler).toHaveBeenCalled();
|
26
26
|
});
|
27
27
|
it('should show a unselected checkbox when selected = false', function () {
|
28
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", selected: false })), getByText = _a.getByText, getByRole = _a.getByRole;
|
28
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", selected: false, experimentName: "default" })), getByText = _a.getByText, getByRole = _a.getByRole;
|
29
29
|
expect(getByText('Submit')).toBeTruthy();
|
30
30
|
var checkbox = getByRole('checkbox');
|
31
31
|
expect(checkbox).toBeInTheDocument();
|
32
32
|
expect(checkbox).not.toHaveAttribute('checked');
|
33
33
|
});
|
34
34
|
it('should show a selected checkbox when selected = true', function () {
|
35
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", selected: true })), getByText = _a.getByText, getByRole = _a.getByRole;
|
35
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", selected: true, experimentName: "default" })), getByText = _a.getByText, getByRole = _a.getByRole;
|
36
36
|
expect(getByText('Submit')).toBeTruthy();
|
37
37
|
var checkbox = getByRole('checkbox');
|
38
38
|
expect(checkbox).toBeInTheDocument();
|
39
39
|
expect(checkbox).toHaveAttribute('checked');
|
40
40
|
});
|
41
41
|
it('should display a logo when passed', function () {
|
42
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", Icon: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, { "data-testid": "logo" }) })).getByTestId;
|
42
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", Icon: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, { "data-testid": "logo" }), experimentName: "default" })).getByTestId;
|
43
43
|
expect(getByTestId('logo')).toBeInTheDocument();
|
44
44
|
});
|
45
45
|
it('should not be clickable if button is disabled', function () {
|
46
46
|
var clickHandler = jest.fn();
|
47
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", dataTestId: "continuecta" })).getByText;
|
47
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).getByText;
|
48
48
|
getByText('Continue').click();
|
49
49
|
expect(clickHandler).not.toHaveBeenCalled();
|
50
50
|
});
|
51
51
|
describe('loading', function () {
|
52
52
|
it('should show loading indicator if loading', function () {
|
53
53
|
var clickHandler = jest.fn();
|
54
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", loading: true, dataTestId: "continuecta" })).container;
|
54
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", loading: true, dataTestId: "continuecta", experimentName: "default" })).container;
|
55
55
|
var indicator = container.querySelector('svg');
|
56
56
|
expect(indicator).toBeVisible();
|
57
57
|
expect(indicator).toHaveClass('MuiCircularProgress-svg');
|
58
58
|
});
|
59
59
|
it('should not show loading indicator if not loading', function () {
|
60
60
|
var clickHandler = jest.fn();
|
61
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", dataTestId: "continuecta" })).container;
|
61
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).container;
|
62
62
|
var indicator = container.querySelector('svg');
|
63
63
|
expect(indicator).toBe(null);
|
64
64
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sDAA4C;AAC5C,mGAA6E;AAC7E,oDAA8B;AAE9B,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,oDAAoD,EAAE;QACjD,IAAA,KAA6B,IAAA,6BAAmB,EACpD,uBAAC,gBAAM,
|
1
|
+
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sDAA4C;AAC5C,mGAA6E;AAC7E,oDAA8B;AAE9B,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,oDAAoD,EAAE;QACjD,IAAA,KAA6B,IAAA,6BAAmB,EACpD,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,cAAc,EAAC,SAAS,GACxB,CACH,EAPO,SAAS,eAAA,EAAE,WAAW,iBAO7B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4FAA4F,EAAE;QACvF,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,aAAa,EACxB,oBAAoB,EAAC,iBAAiB,EACtC,cAAc,EAAC,SAAS,GACxB,CACH,UATgB,CASf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE;QACxB,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEvB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;QACF,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QACtD,IAAA,KAA2B,IAAA,6BAAmB,EAClD,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,QAAQ,EAAE,KAAK,EACf,cAAc,EAAC,SAAS,GACxB,CACH,EARO,SAAS,eAAA,EAAE,SAAS,eAQ3B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACrC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE;QACnD,IAAA,KAA2B,IAAA,6BAAmB,EAClD,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,QAAQ,EAAE,IAAI,EACd,cAAc,EAAC,SAAS,GACxB,CACH,EARO,SAAS,eAAA,EAAE,SAAS,eAQ3B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACrC,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE;QAC9B,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,uBAAC,sBAAK,mBAAa,MAAM,GAAG,EAClC,cAAc,EAAC,SAAS,GACxB,CACH,YARkB,CAQjB;QACF,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE;QAClD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEvB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;QACF,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,SAAS,EAAE;QAClB,EAAE,CAAC,0CAA0C,EAAE;YAC7C,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAEvB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,aAAa,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,UATgB,CASf;YAEF,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAChC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kDAAkD,EAAE;YACrD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAEvB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;YAEF,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -14,7 +14,7 @@ var icons = {
|
|
14
14
|
};
|
15
15
|
var ButtonStory = function (_a) {
|
16
16
|
var disabled = _a.disabled, icon = _a.icon, label = _a.label, loading = _a.loading, textOverflowHandling = _a.textOverflowHandling, selected = _a.selected, invertColors = _a.invertColors;
|
17
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '460px', height: '55px' }, children: (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: disabled, label: label, onClick: (0, addon_actions_1.action)('Button Clicked'), loading: loading, textOverflowHandling: textOverflowHandling, selected: selected, Icon: icons[icon], invertColors: invertColors }) }));
|
17
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '460px', height: '55px' }, children: (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: disabled, label: label, onClick: (0, addon_actions_1.action)('Button Clicked'), loading: loading, textOverflowHandling: textOverflowHandling, selected: selected, Icon: icons[icon], invertColors: invertColors, experimentName: "default" }) }));
|
18
18
|
};
|
19
19
|
exports.default = ButtonStory;
|
20
20
|
//# sourceMappingURL=ButtonStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/ButtonStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAElD,oDAA8B;AAC9B,sDAAmD;AAYnD,IAAM,KAAK,GAAG;IACZ,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;AAEF,IAAM,WAAW,GAAoB,UAAC,EAQrC;QAPC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,YAAY,kBAAA;IAEZ,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAC/C,uBAAC,gBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAA,sBAAM,EAAC,gBAAgB,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EACjB,YAAY,EAAE,YAAY,
|
1
|
+
{"version":3,"file":"ButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/ButtonStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAElD,oDAA8B;AAC9B,sDAAmD;AAYnD,IAAM,KAAK,GAAG;IACZ,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;AAEF,IAAM,WAAW,GAAoB,UAAC,EAQrC;QAPC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,YAAY,kBAAA;IAEZ,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAC/C,uBAAC,gBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAA,sBAAM,EAAC,gBAAgB,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EACjB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAC,SAAS,GACxB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
@@ -55,15 +55,17 @@ var ErrorMessageProvider_1 = require("../../Atoms/ErrorMessageProvider/ErrorMess
|
|
55
55
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
56
56
|
var makeCardButtonStyling_1 = __importStar(require("./makeCardButtonStyling"));
|
57
57
|
var CardButton = function (_a) {
|
58
|
-
var children = _a.children, onClick = _a.onClick, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown, selected = _a.selected, outlined = _a.outlined,
|
58
|
+
var children = _a.children, onClick = _a.onClick, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown, selected = _a.selected, outlined = _a.outlined, experimentName = _a.experimentName, otherProps = __rest(_a, ["children", "onClick", "onBlur", "onKeyDown", "selected", "outlined", "experimentName"]);
|
59
59
|
var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)({
|
60
60
|
isErrorMessageProviderRequired: false,
|
61
61
|
}).errorMessage;
|
62
|
+
var isDisabled = !onClick && !onKeyDown;
|
62
63
|
return ((0, jsx_runtime_1.jsx)(Card_1.default, __assign({ css: (0, makeCardButtonStyling_1.default)({
|
63
64
|
isError: errorMessage !== undefined,
|
64
65
|
selected: selected,
|
65
66
|
outlined: outlined,
|
66
|
-
|
67
|
+
isDisabled: isDisabled,
|
68
|
+
}), onClick: onClick, onKeyDown: onKeyDown, onBlur: onBlur }, otherProps, { children: (0, jsx_runtime_1.jsx)("div", { css: (0, makeCardButtonStyling_1.makeCardButtonSelectedOverlayStyling)({ selected: selected }), children: children }) })));
|
67
69
|
};
|
68
70
|
CardButton.defaultProps = defaultProps_1.default;
|
69
71
|
exports.default = CardButton;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AAExC,8FAAwF;AAExF,gEAA0C;AAC1C,+EAEiC;AAQjC,IAAM,UAAU,GAAmB,UAAC,
|
1
|
+
{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AAExC,8FAAwF;AAExF,gEAA0C;AAC1C,+EAEiC;AAQjC,IAAM,UAAU,GAAmB,UAAC,EASnC;IARC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,cAAc,oBAAA,EACX,UAAU,cARqB,wFASnC,CADc;IAEL,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;QACvC,8BAA8B,EAAE,KAAK;KACtC,CAAC,aAFkB,CAEjB;IAEH,IAAM,UAAU,GAAG,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1C,OAAO,CACL,uBAAC,cAAM,aACL,GAAG,EAAE,IAAA,+BAAqB,EAAC;YACzB,OAAO,EAAE,YAAY,KAAK,SAAS;YACnC,QAAQ,UAAA;YACR,QAAQ,UAAA;YACR,UAAU,YAAA;SACX,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IACV,UAAU,cAEd,gCAAK,GAAG,EAAE,IAAA,4DAAoC,EAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
@@ -9,15 +9,15 @@ var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/rend
|
|
9
9
|
var CardButton_1 = __importDefault(require("./CardButton"));
|
10
10
|
describe('<CardButton />', function () {
|
11
11
|
it('should display children', function () {
|
12
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { children: "test" })).getByText;
|
12
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { experimentName: "default", children: "test" })).getByText;
|
13
13
|
expect(getByText('test')).toBeTruthy();
|
14
14
|
});
|
15
15
|
it('should render with the outlined prop enabled', function () {
|
16
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { outlined: true, children: "test" })).getByText;
|
16
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { outlined: true, experimentName: "default", children: "test" })).getByText;
|
17
17
|
expect(getByText('test')).toBeTruthy();
|
18
18
|
});
|
19
19
|
it('should render with the outlined prop enabled', function () {
|
20
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: true, children: "test" })).getByText;
|
20
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: true, experimentName: "default", children: "test" })).getByText;
|
21
21
|
expect(getByText('test')).toBeTruthy();
|
22
22
|
});
|
23
23
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CardButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButton.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,
|
1
|
+
{"version":3,"file":"CardButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButton.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,qBAAkB,CACvD,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,qBAEvC,CACd,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,qBAEvC,CACd,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
|
3
|
-
type CardButtonStoryType = WithExperimentName<React.FunctionComponent<{
|
2
|
+
type CardButtonStoryType = React.FunctionComponent<{
|
4
3
|
error: boolean;
|
5
|
-
}
|
4
|
+
}>;
|
6
5
|
declare const CardButtonStory: CardButtonStoryType;
|
7
6
|
export default CardButtonStory;
|
@@ -41,7 +41,7 @@ var CardButtonStory = function (_a) {
|
|
41
41
|
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
42
42
|
maxWidth: '144px',
|
43
43
|
height: '144px',
|
44
|
-
}, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error ? 'error' : undefined, children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { onClick: handleClick, selected: selected }) }) }));
|
44
|
+
}, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { onClick: handleClick, selected: selected, experimentName: "default" }) }) }));
|
45
45
|
};
|
46
46
|
exports.default = CardButtonStory;
|
47
47
|
//# sourceMappingURL=CardButtonStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CardButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,+GAAyF;
|
1
|
+
{"version":3,"file":"CardButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,+GAAyF;AAMzF,IAAM,eAAe,GAAwB,UAAC,EAAS;QAAP,KAAK,WAAA;IAC7C,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG;QAClB,IAAA,sBAAM,EAAC,OAAO,CAAC,EAAE,CAAC;QAClB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,OAAO;SAChB,YAED,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzC,cAAc,EAAC,SAAS,YAExB,uBAAC,oBAAU,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAC,SAAS,GACxB,GACmB,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
2
|
interface ICardButtonProps {
|
3
3
|
children?: ReactNode;
|
4
|
-
onClick
|
5
|
-
onKeyDown
|
4
|
+
onClick?: (event: React.MouseEvent<HTMLElement> | undefined) => void;
|
5
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement> | undefined) => void;
|
6
6
|
selected: boolean;
|
7
7
|
onBlur?: (event: React.FocusEvent<HTMLDivElement> | undefined) => void;
|
8
8
|
outlined?: boolean;
|
@@ -1,12 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
var defaultProps = {
|
4
|
-
onClick: function () {
|
5
|
-
/* do nothing */
|
6
|
-
},
|
7
|
-
onKeyDown: function () {
|
8
|
-
/* do nothing */
|
9
|
-
},
|
10
4
|
selected: false,
|
11
5
|
};
|
12
6
|
exports.default = defaultProps;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
@@ -2,8 +2,9 @@ interface ICardStylingProps {
|
|
2
2
|
isError: boolean;
|
3
3
|
selected: boolean;
|
4
4
|
outlined?: boolean;
|
5
|
+
isDisabled: boolean;
|
5
6
|
}
|
6
|
-
declare const makeCardButtonStyling: ({ isError, selected, outlined, }: ICardStylingProps) => import("@emotion/react").SerializedStyles;
|
7
|
+
declare const makeCardButtonStyling: ({ isError, selected, outlined, isDisabled, }: ICardStylingProps) => import("@emotion/react").SerializedStyles;
|
7
8
|
interface ICardStylingOverlayProps {
|
8
9
|
selected: boolean;
|
9
10
|
}
|
@@ -15,12 +15,16 @@ exports.makeCardButtonSelectedOverlayStyling = void 0;
|
|
15
15
|
var react_1 = require("@emotion/react");
|
16
16
|
var material_1 = require("@mui/material");
|
17
17
|
var makeCardButtonStyling = function (_a) {
|
18
|
-
var isError = _a.isError, selected = _a.selected, outlined = _a.outlined;
|
18
|
+
var isError = _a.isError, selected = _a.selected, outlined = _a.outlined, isDisabled = _a.isDisabled;
|
19
19
|
var theme = (0, react_1.useTheme)();
|
20
|
-
return (0, react_1.css)(__assign(__assign({ backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderColor: theme.mvf.palette.component.answerUnselectedColor, borderRadius: theme.mvf.border.radius, borderWidth: theme.mvf.border.width.thin, boxShadow: theme.mvf.boxShadow.timid, boxSizing: 'border-box', cursor: 'pointer', height: '100%', position: 'relative', overflow: 'visible', '@media (hover: hover)': {
|
20
|
+
return (0, react_1.css)(__assign(__assign({ backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderColor: theme.mvf.palette.component.answerUnselectedColor, borderRadius: theme.mvf.border.radius, borderWidth: theme.mvf.border.width.thin, boxShadow: theme.mvf.boxShadow.timid, boxSizing: 'border-box', cursor: isDisabled ? 'default' : 'pointer', height: '100%', position: 'relative', overflow: 'visible', '@media (hover: hover)': {
|
21
21
|
'&:hover': {
|
22
|
-
boxShadow:
|
23
|
-
|
22
|
+
boxShadow: isDisabled
|
23
|
+
? theme.mvf.boxShadow.timid
|
24
|
+
: theme.mvf.boxShadow.fierce,
|
25
|
+
borderColor: isDisabled
|
26
|
+
? theme.mvf.palette.component.answerUnselectedColor
|
27
|
+
: theme.mvf.palette.component.answerSelectedColor,
|
24
28
|
},
|
25
29
|
} }, ((selected || outlined) && {
|
26
30
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"makeCardButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/makeCardButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAsC;
|
1
|
+
{"version":3,"file":"makeCardButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/makeCardButtonStyling.ts"],"names":[],"mappings":"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"}
|
@@ -10,7 +10,7 @@ var CircularProgressStory = function () {
|
|
10
10
|
padding: '0.6rem',
|
11
11
|
background: 'black',
|
12
12
|
width: '25px',
|
13
|
-
}, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, {}) }));
|
13
|
+
}, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { experimentName: "default" }) }));
|
14
14
|
};
|
15
15
|
exports.default = CircularProgressStory;
|
16
16
|
//# sourceMappingURL=CircularProgressStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CircularProgressStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CircularProgress/CircularProgressStory.tsx"],"names":[],"mappings":";;;;;;AACA,wEAAkD;AAElD,IAAM,qBAAqB,GAA4B;IACrD,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,OAAO;YACnB,KAAK,EAAE,MAAM;SACd,YAED,uBAAC,0BAAgB,
|
1
|
+
{"version":3,"file":"CircularProgressStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CircularProgress/CircularProgressStory.tsx"],"names":[],"mappings":";;;;;;AACA,wEAAkD;AAElD,IAAM,qBAAqB,GAA4B;IACrD,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,OAAO;YACnB,KAAK,EAAE,MAAM;SACd,YAED,uBAAC,0BAAgB,IAAC,cAAc,EAAC,SAAS,GAAG,GACzC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
@@ -11,7 +11,7 @@ var DynamicFontSizeContainer_1 = __importDefault(require("./DynamicFontSizeConta
|
|
11
11
|
describe('DynamicFontSizeContainer', function () {
|
12
12
|
var possibleFontSizes = [10, 20, 30, 40];
|
13
13
|
test('renders without crashing', function () {
|
14
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: "This is a test text", possibleFontSizes: possibleFontSizes }));
|
14
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: "This is a test text", possibleFontSizes: possibleFontSizes, experimentName: "default" }));
|
15
15
|
var textElement = react_1.screen.getByText('This is a test text');
|
16
16
|
expect(textElement).toBeInTheDocument();
|
17
17
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DynamicFontSizeContainer.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gDAAwD;AACxD,mDAAiD;AACjD,wFAAkE;AAElE,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAE3C,IAAI,CAAC,0BAA0B,EAAE;QAC/B,IAAA,cAAM,EACJ,uBAAC,kCAAwB,IACvB,IAAI,EAAC,qBAAqB,EAC1B,iBAAiB,EAAE,iBAAiB,
|
1
|
+
{"version":3,"file":"DynamicFontSizeContainer.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gDAAwD;AACxD,mDAAiD;AACjD,wFAAkE;AAElE,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAE3C,IAAI,CAAC,0BAA0B,EAAE;QAC/B,IAAA,cAAM,EACJ,uBAAC,kCAAwB,IACvB,IAAI,EAAC,qBAAqB,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAC,SAAS,GACxB,CACH,CAAC;QAEF,IAAM,WAAW,GAAG,cAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;QAC5D,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -10,11 +10,11 @@ var ErrorMessageProvider_1 = __importDefault(require("../ErrorMessageProvider/Er
|
|
10
10
|
var ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
|
11
11
|
describe('<ErrorMessage />', function () {
|
12
12
|
it('should display an error when provided', function () {
|
13
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: "Test error message", children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, {}) })).getByText;
|
13
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: "Test error message", experimentName: "default", children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { experimentName: "default" }) })).getByText;
|
14
14
|
expect(getByText('Test error message')).toBeTruthy();
|
15
15
|
});
|
16
16
|
it('should be hidden when there is no message', function () {
|
17
|
-
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: undefined, children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, {}) })).queryByTestId;
|
17
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { experimentName: "default" }) })).queryByTestId;
|
18
18
|
expect(queryByTestId('errorMessage')).not.toBeTruthy();
|
19
19
|
});
|
20
20
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ErrorMessage.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessage/ErrorMessage.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,sGAAgF;AAChF,gEAA0C;AAE1C,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,uCAAuC,EAAE;QAClC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,8BAAoB,
|
1
|
+
{"version":3,"file":"ErrorMessage.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessage/ErrorMessage.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,sGAAgF;AAChF,gEAA0C;AAE1C,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,uCAAuC,EAAE;QAClC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,8BAAoB,IACnB,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAC,SAAS,YAExB,uBAAC,sBAAY,IAAC,cAAc,EAAC,SAAS,GAAG,GACpB,CACxB,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QACtC,IAAA,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,8BAAoB,IAAC,YAAY,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,YACrE,uBAAC,sBAAY,IAAC,cAAc,EAAC,SAAS,GAAG,GACpB,CACxB,cAJoB,CAInB;QACF,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -8,7 +8,7 @@ var ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
|
|
8
8
|
var ErrorMessageProvider_1 = __importDefault(require("../ErrorMessageProvider/ErrorMessageProvider"));
|
9
9
|
var ErrorMessageStory = function (_a) {
|
10
10
|
var error = _a.error, errorMessage = _a.errorMessage;
|
11
|
-
return ((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error ? errorMessage : undefined, children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, {}) }));
|
11
|
+
return ((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error ? errorMessage : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { experimentName: "default" }) }));
|
12
12
|
};
|
13
13
|
exports.default = ErrorMessageStory;
|
14
14
|
//# sourceMappingURL=ErrorMessageStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ErrorMessageStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessage/ErrorMessageStory.tsx"],"names":[],"mappings":";;;;;;AACA,gEAA0C;AAC1C,sGAAgF;AAOhF,IAAM,iBAAiB,GAA0B,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IACrE,OAAO,CACL,uBAAC,8BAAoB,
|
1
|
+
{"version":3,"file":"ErrorMessageStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessage/ErrorMessageStory.tsx"],"names":[],"mappings":";;;;;;AACA,gEAA0C;AAC1C,sGAAgF;AAOhF,IAAM,iBAAiB,GAA0B,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IACrE,OAAO,CACL,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,cAAc,EAAC,SAAS,YAExB,uBAAC,sBAAY,IAAC,cAAc,EAAC,SAAS,GAAG,GACpB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|
@@ -44,7 +44,7 @@ describe('<ErrorMessageProvider />', function () {
|
|
44
44
|
jest.restoreAllMocks();
|
45
45
|
});
|
46
46
|
it('should pass an error message to child components', function () {
|
47
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: "Test error message", children: (0, jsx_runtime_1.jsx)(ErrorMessageComponent, {}) })).getByText;
|
47
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: "Test error message", experimentName: "default", children: (0, jsx_runtime_1.jsx)(ErrorMessageComponent, {}) })).getByText;
|
48
48
|
expect(getByText('Test error message')).toBeTruthy();
|
49
49
|
});
|
50
50
|
it('should not raise an error when isErrorMessageProviderRequired is false', function () {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ErrorMessageProvider.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAgD;AAChD,mGAA6E;AAC7E,6EAA+E;AAE/E,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,qBAAqB,GAAG;QACpB,IAAA,YAAY,GAAK,IAAA,sCAAe,GAAE,aAAtB,CAAuB;QAC3C,OAAO,0CAAM,YAAY,GAAO,CAAC;IACnC,CAAC,CAAC;IAEF,EAAE,CAAC,oFAAoF,EAAE;QACvF,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QAEjE,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,qBAAqB,KAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,OAAO,CAAC,6DAA6D,CAAC,CAAC;QAE1E,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;QAC7C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,8BAAoB,
|
1
|
+
{"version":3,"file":"ErrorMessageProvider.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAgD;AAChD,mGAA6E;AAC7E,6EAA+E;AAE/E,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,qBAAqB,GAAG;QACpB,IAAA,YAAY,GAAK,IAAA,sCAAe,GAAE,aAAtB,CAAuB;QAC3C,OAAO,0CAAM,YAAY,GAAO,CAAC;IACnC,CAAC,CAAC;IAEF,EAAE,CAAC,oFAAoF,EAAE;QACvF,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QAEjE,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,qBAAqB,KAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,OAAO,CAAC,6DAA6D,CAAC,CAAC;QAE1E,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;QAC7C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,8BAAoB,IACnB,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAC,SAAS,YAExB,uBAAC,qBAAqB,KAAG,GACJ,CACxB,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE;QAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QACjE,IAAM,4BAA4B,GAAG;YAC3B,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;gBACvC,8BAA8B,EAAE,KAAK;aACtC,CAAC,aAFkB,CAEjB;YACH,OAAO,0CAAM,YAAY,GAAO,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,4BAA4B,KAAG,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CACZ,6DAA6D,CAC9D,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -31,8 +31,8 @@ var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
|
|
31
31
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
32
32
|
var makeFormControlStyles_1 = __importDefault(require("./makeFormControlStyles"));
|
33
33
|
var FormControl = function (_a) {
|
34
|
-
var children = _a.children, error = _a.error, _b = _a.isAutoFilledActive, isAutoFilledActive = _b === void 0 ? false : _b, _c = _a.isSafari, isSafari = _c === void 0 ? false : _c,
|
35
|
-
return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }) },
|
34
|
+
var children = _a.children, error = _a.error, experimentName = _a.experimentName, _b = _a.isAutoFilledActive, isAutoFilledActive = _b === void 0 ? false : _b, _c = _a.isSafari, isSafari = _c === void 0 ? false : _c, otherProps = __rest(_a, ["children", "error", "experimentName", "isAutoFilledActive", "isSafari"]);
|
35
|
+
return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }) }, otherProps, { children: children })));
|
36
36
|
};
|
37
37
|
FormControl.defaultProps = defaultProps_1.default;
|
38
38
|
exports.default = FormControl;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,
|
1
|
+
{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAOrC;IANC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,UAAU,cANuB,yEAOrC,CADc;IAEb,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,IACxD,UAAU,cAEb,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
|
@@ -10,11 +10,11 @@ var Input_1 = __importDefault(require("../Input"));
|
|
10
10
|
var FormControl_1 = __importDefault(require("./FormControl"));
|
11
11
|
describe('FormControl', function () {
|
12
12
|
it('should display validity icon on child elements on error', function () {
|
13
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, { error: true, children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true }) })).getByTestId;
|
13
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, { error: true, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true, experimentName: "default" }) })).getByTestId;
|
14
14
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
15
15
|
});
|
16
16
|
it('should display validity icon on child elements validation success', function () {
|
17
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, { error: false, children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", isAnswered: true }) })).getByTestId;
|
17
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, { error: false, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", isAnswered: true, experimentName: "default" }) })).getByTestId;
|
18
18
|
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
19
19
|
});
|
20
20
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,mDAA6B;AAC7B,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,
|
1
|
+
{"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,mDAA6B;AAC7B,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,YAChD,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,GAC1C,CACf,YAJkB,CAIjB;QAEF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QAC9D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,YACjD,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,GAC/C,CACf,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -9,7 +9,7 @@ var InputLabel_1 = __importDefault(require("../InputLabel"));
|
|
9
9
|
var FormControl_1 = __importDefault(require("./FormControl"));
|
10
10
|
var FormControlStory = function (_a) {
|
11
11
|
var error = _a.error, parentContainerWidth = _a.parentContainerWidth;
|
12
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth }, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: error, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { htmlFor: "my-input", children: "Email address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", error: error })] }) }));
|
12
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth }, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: error, experimentName: "default", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { htmlFor: "my-input", experimentName: "default", children: "Email address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", error: error, experimentName: "default" })] }) }));
|
13
13
|
};
|
14
14
|
exports.default = FormControlStory;
|
15
15
|
//# sourceMappingURL=FormControlStory.js.map
|