@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
@@ -26,25 +26,25 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
26
26
|
width: 'calc(100% - 71px)',
|
27
27
|
paddingLeft: '1.2rem !important',
|
28
28
|
},
|
29
|
-
'& .
|
30
|
-
paddingLeft: theme.mvf.spacing.
|
31
|
-
paddingRight: theme.mvf.spacing.
|
29
|
+
'& .iti__flag-container': __assign({ borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerUnselectedColor), '& .iti__selected-flag': {
|
30
|
+
paddingLeft: theme.mvf.spacing.smedium,
|
31
|
+
paddingRight: theme.mvf.spacing.smedium,
|
32
32
|
} }, (isAnswered && {
|
33
33
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerSelectedColor),
|
34
34
|
})),
|
35
|
-
'& .Mui-error .
|
35
|
+
'& .Mui-error .iti__flag-container': {
|
36
36
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
|
37
37
|
},
|
38
|
-
'&:hover .Mui-error .
|
38
|
+
'&:hover .Mui-error .iti__flag-container': {
|
39
39
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
|
40
40
|
},
|
41
|
-
'& .Mui-focused .
|
41
|
+
'& .Mui-focused .iti__flag-container': {
|
42
42
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
43
43
|
},
|
44
|
-
'&:hover .
|
44
|
+
'&:hover .iti__flag-container': {
|
45
45
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
46
46
|
},
|
47
|
-
'& .iti--allow-dropdown .
|
47
|
+
'& .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag': {
|
48
48
|
backgroundColor: (0, material_1.lighten)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
|
49
49
|
},
|
50
50
|
'& .MuiInputBase-root.MuiInputBase-formControl': {
|
@@ -54,18 +54,6 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
54
54
|
width: '100%',
|
55
55
|
position: 'unset',
|
56
56
|
},
|
57
|
-
'& #iti-0__dropdown-content.iti__dropdown-content .iti__search-input': {
|
58
|
-
display: 'none',
|
59
|
-
},
|
60
|
-
'& .iti__dropdown-content.iti--flexible-dropdown-width .iti__search-input': {
|
61
|
-
display: 'none',
|
62
|
-
},
|
63
|
-
'& .iti__search-input': {
|
64
|
-
display: 'none !important',
|
65
|
-
},
|
66
|
-
'.iti--hide-search .iti__search-input': {
|
67
|
-
display: 'none !important',
|
68
|
-
},
|
69
57
|
});
|
70
58
|
};
|
71
59
|
exports.default = makeFormControlPhoneNumberStyling;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,
|
1
|
+
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,wBAAwB,aACtB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE,EAC1G,uBAAuB,EAAE;gBACvB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;gBACtC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;aACxC,IACE,CAAC,UAAU,IAAI;YAChB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,CAAE;SACzG,CAAC,CACH;QACD,mCAAmC,EAAE;YACnC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,yCAAyC,EAAE;YACzC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,qCAAqC,EAAE;YACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,8BAA8B,EAAE;YAC9B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,uEAAuE,EAAE;YACvE,eAAe,EAAE,IAAA,kBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;SACF;QACD,+CAA+C,EAAE;YAC/C,KAAK,EAAE,MAAM;SACd;QACD,wBAAwB,EAAE;YACxB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;SAClB;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}
|
@@ -18,7 +18,7 @@ var browserAndDeviceDetection_1 = require("../../../Helpers/browserAndDeviceDete
|
|
18
18
|
var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers");
|
19
19
|
var makeRadioButtonStyling_1 = __importDefault(require("./makeRadioButtonStyling"));
|
20
20
|
var RadioButton = function (_a) {
|
21
|
-
var Icon = _a.Icon, id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue;
|
21
|
+
var Icon = _a.Icon, id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, experimentName = _a.experimentName;
|
22
22
|
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
|
23
23
|
var _c = (0, react_1.useState)(otherInputValue), otherValue = _c[0], setOtherValue = _c[1];
|
24
24
|
var _d = (0, react_1.useState)(false), isFocused = _d[0], setIsFocused = _d[1];
|
@@ -43,13 +43,15 @@ var RadioButton = function (_a) {
|
|
43
43
|
setIsFocused(true);
|
44
44
|
};
|
45
45
|
var handleKeyDown = function (event) {
|
46
|
-
|
47
|
-
|
48
|
-
if (
|
49
|
-
|
50
|
-
|
46
|
+
if (event) {
|
47
|
+
onKeyDown(event);
|
48
|
+
if (event.key === 'Enter' && otherInputRef.current) {
|
49
|
+
if (!otherValue) {
|
50
|
+
setSelectedId(undefined);
|
51
|
+
setIsFocused(false);
|
52
|
+
}
|
53
|
+
otherInputRef.current.blur();
|
51
54
|
}
|
52
|
-
otherInputRef.current.blur();
|
53
55
|
}
|
54
56
|
};
|
55
57
|
var onOtherTextFieldChange = function (inputChangeEvent) {
|
@@ -73,11 +75,11 @@ var RadioButton = function (_a) {
|
|
73
75
|
}
|
74
76
|
setIsFocused(false);
|
75
77
|
};
|
76
|
-
return ((0, jsx_runtime_1.jsx)(Grid_1.default, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, onBlur: handleBlur, "data-testid": "radioButtonCardButton", outlined: isSelected, children: (0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap", children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, alignItems: "center", css: styles.innerGrid, children: [isIconPresent ? ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.icon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, "data-testid": "radioIcon", children: Icon }) })) : ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, children: (0, jsx_runtime_1.jsx)(Radio_1.default, { id: "radio-".concat(id), icon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: true }), css: styles.radio, checked: isSelected,
|
78
|
+
return ((0, jsx_runtime_1.jsx)(Grid_1.default, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, onBlur: handleBlur, "data-testid": "radioButtonCardButton", outlined: isSelected, experimentName: experimentName, children: (0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap", children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, alignItems: "center", css: styles.innerGrid, children: [isIconPresent ? ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.icon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, "data-testid": "radioIcon", children: Icon }) })) : ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, children: (0, jsx_runtime_1.jsx)(Radio_1.default, { id: "radio-".concat(id), icon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: true }), css: styles.radio, checked: isSelected,
|
77
79
|
// TODO there is no click handler on the radio button itself, add one so that the radio button can be selected by clicking on it
|
78
80
|
color: "primary", "data-testid": "toggle-".concat(id), onMouseDown: function (event) { return event.preventDefault(); } }) })), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, children: isTextfield ? ((0, jsx_runtime_1.jsx)("div", { css: styles.otherInput, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherOptionTextfield:".concat(id), id: id, placeholder: text, onBlur: onBlur, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
|
79
81
|
enterKeyHint: 'go',
|
80
|
-
} }) })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { variant: "listItem", align: "left", children: text })) })] }) }) }) }));
|
82
|
+
}, experimentName: experimentName }) })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { variant: "listItem", align: "left", experimentName: experimentName, children: text })) })] }) }) }) }));
|
81
83
|
};
|
82
84
|
RadioButton.defaultProps = defaultProps_1.default;
|
83
85
|
exports.default = RadioButton;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AACxC,8DAA0C;AAC1C,+BAAuE;AACvE,oFAA8D;AAG9D,iFAA2D;AAC3D,0DAAoC;AACpC,mGAA6E;AAC7E,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,oFAA8D;AAQ9D,IAAM,WAAW,GAAoB,UAAC,
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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"}
|
@@ -13,18 +13,18 @@ var RadioButton_1 = __importDefault(require("./RadioButton"));
|
|
13
13
|
var imageSrc = svgs_1.default.truck;
|
14
14
|
describe('<RadioButton />', function () {
|
15
15
|
it('should display radio button text', function () {
|
16
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test' })).getByText;
|
16
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test', experimentName: "default" })).getByText;
|
17
17
|
expect(getByText('test')).toBeTruthy();
|
18
18
|
});
|
19
19
|
it('should call onClick function if radio button is clicked', function () {
|
20
20
|
var callback = jest.fn();
|
21
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onClick: callback })).getByText;
|
21
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onClick: callback, experimentName: "default" })).getByText;
|
22
22
|
getByText('test').click();
|
23
23
|
expect(callback).toHaveBeenCalled();
|
24
24
|
});
|
25
25
|
it('should call onKeyDown and blur the button when enter is pressed', function () {
|
26
26
|
var callback = jest.fn();
|
27
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value" })).getByRole;
|
27
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value", experimentName: "default" })).getByRole;
|
28
28
|
var textbox = getByRole('textbox');
|
29
29
|
var blurSpy = jest.spyOn(textbox, 'blur');
|
30
30
|
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
@@ -33,7 +33,7 @@ describe('<RadioButton />', function () {
|
|
33
33
|
});
|
34
34
|
it('should alter checked state based on context selectedId', function () {
|
35
35
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
36
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroupContext_1.default.Provider, { value: providerProps, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }), ","] })).getByRole;
|
36
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroupContext_1.default.Provider, { value: providerProps, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', experimentName: "default" }), ","] })).getByRole;
|
37
37
|
var radio = getByRole('radio');
|
38
38
|
expect(radio.checked).toBeTruthy();
|
39
39
|
});
|
@@ -43,13 +43,13 @@ describe('<RadioButton />', function () {
|
|
43
43
|
selectedId: undefined,
|
44
44
|
setSelectedId: callback,
|
45
45
|
};
|
46
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }) })).getByText;
|
46
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', experimentName: "default" }) })).getByText;
|
47
47
|
getByText('test').click();
|
48
48
|
expect(callback).toHaveBeenCalled();
|
49
49
|
});
|
50
50
|
it('should not display otherInput unless specified', function () {
|
51
51
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
52
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }) })).getByTestId;
|
52
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', experimentName: "default" }) })).getByTestId;
|
53
53
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
54
54
|
expect(input).toBeNull();
|
55
55
|
});
|
@@ -57,7 +57,7 @@ describe('<RadioButton />', function () {
|
|
57
57
|
var callback = jest.fn();
|
58
58
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
59
59
|
// GIVEN the other option is selected
|
60
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: "test value" }) })).getByTestId;
|
60
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: "test value", experimentName: "default" }) })).getByTestId;
|
61
61
|
var input = getByTestId('otherOptionTextfield:1').querySelector('input[type=text]');
|
62
62
|
// WHEN the input is updated
|
63
63
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
@@ -72,7 +72,7 @@ describe('<RadioButton />', function () {
|
|
72
72
|
it('should focus on OtherInput when clicked', function () {
|
73
73
|
var _a;
|
74
74
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
75
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true }) })).getByTestId;
|
75
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, experimentName: "default" }) })).getByTestId;
|
76
76
|
getByTestId('radioButtonCardButton').click();
|
77
77
|
var input = getByTestId('radioButtonCardButton');
|
78
78
|
var currentInput = input.querySelector('input[type=text]');
|
@@ -81,7 +81,7 @@ describe('<RadioButton />', function () {
|
|
81
81
|
});
|
82
82
|
it('should trigger onBlur when other input deselected', function () {
|
83
83
|
var callback = jest.fn();
|
84
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback, otherInputValue: "test value" })).getByTestId;
|
84
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback, otherInputValue: "test value", experimentName: "default" })).getByTestId;
|
85
85
|
var textfield = getByTestId('otherOptionTextfield:id').querySelector('input[type=text]');
|
86
86
|
var blurSpy = jest.spyOn(textfield, 'blur');
|
87
87
|
// WHEN enter is pressed
|
@@ -91,7 +91,7 @@ describe('<RadioButton />', function () {
|
|
91
91
|
});
|
92
92
|
it('should select the card component when a value for the other option is entered', function () {
|
93
93
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
94
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true }) })).getByTestId;
|
94
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, experimentName: "default" }) })).getByTestId;
|
95
95
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
96
96
|
radioButtonCardButton.click();
|
97
97
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
@@ -100,23 +100,23 @@ describe('<RadioButton />', function () {
|
|
100
100
|
});
|
101
101
|
it('should select the card component when a value for the other option is already present and the card is selected by default', function () {
|
102
102
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
103
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: true }) })).getByTestId;
|
103
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: true, experimentName: "default" }) })).getByTestId;
|
104
104
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
105
105
|
expect(radioButtonCardButton.dataset.selected).toBe('true');
|
106
106
|
});
|
107
107
|
it('should select the card component on click when a value is already present and the card is not selected by default', function () {
|
108
108
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
109
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false }) })).getByTestId;
|
109
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, experimentName: "default" }) })).getByTestId;
|
110
110
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
111
111
|
radioButtonCardButton.click();
|
112
112
|
expect(radioButtonCardButton.dataset.selected).toBe('true');
|
113
113
|
});
|
114
114
|
it('should not display an icon by default', function () {
|
115
|
-
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false })).queryByTestId;
|
115
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, experimentName: "default" })).queryByTestId;
|
116
116
|
expect(queryByTestId('radioIcon')).not.toBeInTheDocument();
|
117
117
|
});
|
118
118
|
it('should display a supplied Icon', function () {
|
119
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }) })).getByTestId;
|
119
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), experimentName: "default" })).getByTestId;
|
120
120
|
expect(getByTestId('radioIcon')).toBeInTheDocument();
|
121
121
|
});
|
122
122
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gDAAmD;AACnD,mEAA6C;AAC7C,mGAA6E;AAC7E,mGAA6E;AAC7E,8DAAwC;AAExC,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;AAE5B,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,kCAAkC,EAAE;QAC7B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,qBAAW,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.test.tsx"],"names":[],"mappings":"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"}
|
@@ -22,7 +22,7 @@ var RadioButtonStory = function (_a) {
|
|
22
22
|
(0, addon_actions_1.action)('Key down')(event);
|
23
23
|
};
|
24
24
|
var Icon = iconType === 'none' ? undefined : ((0, jsx_runtime_1.jsx)("img", { src: svgs_1.default[iconType], alt: "optionImage" }));
|
25
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { width: "".concat(parentContainerWidth, "px") }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, setSelectedId: setSelectedId }, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { Icon: Icon, id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError }) }) }) }));
|
25
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { width: "".concat(parentContainerWidth, "px") }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, setSelectedId: setSelectedId }, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { Icon: Icon, id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError, experimentName: "default" }) }) }) }));
|
26
26
|
};
|
27
27
|
exports.default = RadioButtonStory;
|
28
28
|
//# sourceMappingURL=RadioButtonStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButtonStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAClD,gDAA0B;AAC1B,+GAAyF;AACzF,mGAA6E;AAE7E,8DAAwC;AACxC,mEAAwD;AAWxD,IAAM,gBAAgB,GAAyB,UAAC,EAO/C;QANC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,oBAAoB,0BAAA;IAEd,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkC;YAAhC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;QACtB,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,IAAI,GACR,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAChC,gCAAK,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAC,aAAa,GAAG,CAC/C,CAAC;IAEJ,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,OAAI,EAAE,YAChD,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,
|
1
|
+
{"version":3,"file":"RadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButtonStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAClD,gDAA0B;AAC1B,+GAAyF;AACzF,mGAA6E;AAE7E,8DAAwC;AACxC,mEAAwD;AAWxD,IAAM,gBAAgB,GAAyB,UAAC,EAO/C;QANC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,oBAAoB,0BAAA;IAEd,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkC;YAAhC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;QACtB,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,IAAI,GACR,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAChC,gCAAK,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAC,aAAa,GAAG,CAC/C,CAAC;IAEJ,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,OAAI,EAAE,YAChD,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,YAExB,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,YAC9D,uBAAC,qBAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,GACxB,GACyB,GACR,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
@@ -4,7 +4,7 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
4
4
|
var __1 = require("../..");
|
5
5
|
var renderRadioButton = function (_a) {
|
6
6
|
var Icon = _a.Icon, id = _a.id, text = _a.text, isOtherOption = _a.isOtherOption, otherInputValue = _a.otherInputValue;
|
7
|
-
return ((0, jsx_runtime_1.jsx)(__1.RadioButton, { Icon: Icon, id: id, text: text, isOtherOption: isOtherOption, otherInputValue: otherInputValue }, id));
|
7
|
+
return ((0, jsx_runtime_1.jsx)(__1.RadioButton, { Icon: Icon, id: id, text: text, isOtherOption: isOtherOption, otherInputValue: otherInputValue, experimentName: "default" }, id));
|
8
8
|
};
|
9
9
|
exports.default = renderRadioButton;
|
10
10
|
//# sourceMappingURL=renderRadioButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"renderRadioButton.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/RadioButton/__helpers__/renderRadioButton.tsx"],"names":[],"mappings":";;;AAAA,2BAAoC;AAGpC,IAAM,iBAAiB,GAAG,UAAC,EAMR;QALjB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA;IACO,OAAA,CACtB,uBAAC,eAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EAEV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,
|
1
|
+
{"version":3,"file":"renderRadioButton.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/RadioButton/__helpers__/renderRadioButton.tsx"],"names":[],"mappings":";;;AAAA,2BAAoC;AAGpC,IAAM,iBAAiB,GAAG,UAAC,EAMR;QALjB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA;IACO,OAAA,CACtB,uBAAC,eAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EAEV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,IAHnB,EAAE,CAIP,CACH;AAVuB,CAUvB,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|
@@ -64,12 +64,12 @@ describe('<ScrollContainer />', function () {
|
|
64
64
|
});
|
65
65
|
it('should hide scroll when scroll unnecessary', function () {
|
66
66
|
mockElementDimensions(350, 350);
|
67
|
-
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { children: (0, jsx_runtime_1.jsx)(Contents, {}) })).queryByTestId;
|
67
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(Contents, {}) })).queryByTestId;
|
68
68
|
expect(queryByTestId('scrollBuffer')).not.toBeInTheDocument();
|
69
69
|
});
|
70
70
|
it('should hide scroll if client window is hidden', function () {
|
71
71
|
mockElementDimensions(0, 350);
|
72
|
-
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { children: (0, jsx_runtime_1.jsx)(Contents, {}) })).queryByTestId;
|
72
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(Contents, {}) })).queryByTestId;
|
73
73
|
expect(queryByTestId('scrollBuffer')).not.toBeInTheDocument();
|
74
74
|
});
|
75
75
|
// TODO a scrollHeight and clientHeight are not provided by jsdom / jest as it does not render components. We are currently running a hack by stubbing a scrollHeight into HTMLElement, this means each element on the dom will have that height and if there are any changes to it the scrollHeight or clientHeight it will revert to 0. ScrollContainer adds two props to its child and <div /> will accept these, but error on those props.
|
@@ -77,14 +77,14 @@ describe('<ScrollContainer />', function () {
|
|
77
77
|
var queryByTestId;
|
78
78
|
return __generator(this, function (_a) {
|
79
79
|
mockElementDimensions(350, 351);
|
80
|
-
queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { children: (0, jsx_runtime_1.jsx)(Contents, {}) })).queryByTestId;
|
80
|
+
queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(Contents, {}) })).queryByTestId;
|
81
81
|
expect(queryByTestId('scrollBuffer')).toBeInTheDocument();
|
82
82
|
return [2 /*return*/];
|
83
83
|
});
|
84
84
|
}); });
|
85
85
|
xit('should check whether scroll buffer is necessary on resize', function () {
|
86
86
|
mockElementDimensions(350, 350);
|
87
|
-
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { children: (0, jsx_runtime_1.jsx)(Contents, {}) })).queryByTestId;
|
87
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(Contents, {}) })).queryByTestId;
|
88
88
|
expect(queryByTestId('scrollBuffer')).not.toBeInTheDocument();
|
89
89
|
mockElementDimensions(350, 351);
|
90
90
|
(0, react_1.fireEvent)(window, new Event('resize'));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ScrollContainer.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollContainer/ScrollContainer.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAmD;AACnD,mGAA6E;AAC7E,sEAAgD;AAEhD,QAAQ,CAAC,qBAAqB,EAAE;IAC9B,IAAM,QAAQ,GAAG;QACf,OAAO,CACL,2DACE,iCAAO,GACN,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG,WAAW,CAAC,SAAS,CAAC;IACvD,IAAM,qBAAqB,GAAG,UAC5B,YAAoB,EACpB,YAAoB;QAEpB,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,SAAS,EAAE,cAAc,EAAE;YAC3D,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE,YAAY;SACpB,CAAC,CAAC;QACH,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,SAAS,EAAE,cAAc,EAAE;YAC3D,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE,YAAY;SACpB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,QAAQ,CAAC;QACP,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,wBAAwB,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE;QAC/C,qBAAqB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAExB,IAAA,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,yBAAe,
|
1
|
+
{"version":3,"file":"ScrollContainer.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollContainer/ScrollContainer.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAmD;AACnD,mGAA6E;AAC7E,sEAAgD;AAEhD,QAAQ,CAAC,qBAAqB,EAAE;IAC9B,IAAM,QAAQ,GAAG;QACf,OAAO,CACL,2DACE,iCAAO,GACN,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG,WAAW,CAAC,SAAS,CAAC;IACvD,IAAM,qBAAqB,GAAG,UAC5B,YAAoB,EACpB,YAAoB;QAEpB,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,SAAS,EAAE,cAAc,EAAE;YAC3D,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE,YAAY;SACpB,CAAC,CAAC;QACH,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,SAAS,EAAE,cAAc,EAAE;YAC3D,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE,YAAY;SACpB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,QAAQ,CAAC;QACP,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,wBAAwB,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE;QAC/C,qBAAqB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAExB,IAAA,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,yBAAe,IAAC,cAAc,EAAC,SAAS,YACvC,uBAAC,QAAQ,KAAG,GACI,CACnB,cAJoB,CAInB;QACF,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE;QAClD,qBAAqB,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACtB,IAAA,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,yBAAe,IAAC,cAAc,EAAC,SAAS,YACvC,uBAAC,QAAQ,KAAG,GACI,CACnB,cAJoB,CAInB;QACF,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,8aAA8a;IAC9a,GAAG,CAAC,0CAA0C,EAAE;;;YAC9C,qBAAqB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YACxB,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,yBAAe,IAAC,cAAc,EAAC,SAAS,YACvC,uBAAC,QAAQ,KAAG,GACI,CACnB,cAJoB,CAInB;YAEF,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SAC3D,CAAC,CAAC;IAEH,GAAG,CAAC,2DAA2D,EAAE;QAC/D,qBAAqB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACxB,IAAA,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,yBAAe,IAAC,cAAc,EAAC,SAAS,YACvC,uBAAC,QAAQ,KAAG,GACI,CACnB,cAJoB,CAInB;QACF,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC9D,qBAAqB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAChC,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QACvC,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -11,7 +11,7 @@ var ScrollContainerStory = function (_a) {
|
|
11
11
|
return ((0, jsx_runtime_1.jsx)("div", { style: { height: "".concat(parentHeight, "px") }, children: (0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, direction: "column", style: {
|
12
12
|
width: '400px',
|
13
13
|
height: "100%",
|
14
|
-
}, children: (0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { style: {
|
14
|
+
}, children: (0, jsx_runtime_1.jsx)(ScrollContainer_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { style: {
|
15
15
|
width: '100%',
|
16
16
|
height: "".concat(childHeight, "px"),
|
17
17
|
backgroundColor: 'lightblue',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ScrollContainerStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollContainer/ScrollContainerStory.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAwC;AAExC,sEAAgD;AAOhD,IAAM,oBAAoB,GAAwB,UAAC,EAGlD;QAFC,YAAY,kBAAA,EACZ,WAAW,iBAAA;IACP,OAAA,CACJ,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,UAAG,YAAY,OAAI,EAAE,YACzC,uBAAC,cAAM,IACL,SAAS,QACT,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,MAAM;aACf,YAED,uBAAC,yBAAe,
|
1
|
+
{"version":3,"file":"ScrollContainerStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollContainer/ScrollContainerStory.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAwC;AAExC,sEAAgD;AAOhD,IAAM,oBAAoB,GAAwB,UAAC,EAGlD;QAFC,YAAY,kBAAA,EACZ,WAAW,iBAAA;IACP,OAAA,CACJ,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,UAAG,YAAY,OAAI,EAAE,YACzC,uBAAC,cAAM,IACL,SAAS,QACT,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,MAAM;aACf,YAED,uBAAC,yBAAe,IAAC,cAAc,EAAC,SAAS,YACvC,2DAEE,gCACE,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,UAAG,WAAW,OAAI;4BAC1B,eAAe,EAAE,WAAW;yBAC7B,GACD,GACD,GACa,GACX,GACL,CACP;AAxBK,CAwBL,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|
@@ -13,11 +13,11 @@ var makeSupplierCardStyling_1 = __importDefault(require("./makeSupplierCardStyli
|
|
13
13
|
var Text_1 = __importDefault(require("../../Atoms/Text/Text"));
|
14
14
|
var InsetCheckbox_1 = __importDefault(require("../../Atoms/InsetCheckbox/InsetCheckbox"));
|
15
15
|
var SupplierCard = function (_a) {
|
16
|
-
var SupplierLogo = _a.SupplierLogo, supplierName = _a.supplierName, badgeText = _a.badgeText, children = _a.children, CtaIcon = _a.CtaIcon, ctaText = _a.ctaText, dataTestId = _a.dataTestId, id = _a.id, includeCheckbox = _a.includeCheckbox, includeCta = _a.includeCta, invertCtaColors = _a.invertCtaColors, onClick = _a.onClick, onClickCta = _a.onClickCta, selected = _a.selected;
|
16
|
+
var SupplierLogo = _a.SupplierLogo, supplierName = _a.supplierName, badgeText = _a.badgeText, children = _a.children, CtaIcon = _a.CtaIcon, ctaText = _a.ctaText, dataTestId = _a.dataTestId, id = _a.id, includeCheckbox = _a.includeCheckbox, includeCta = _a.includeCta, invertCtaColors = _a.invertCtaColors, onClick = _a.onClick, onClickCta = _a.onClickCta, selected = _a.selected, experimentName = _a.experimentName;
|
17
17
|
var isClickable = typeof onClick === 'function';
|
18
18
|
var styles = (0, makeSupplierCardStyling_1.default)({ isClickable: isClickable });
|
19
19
|
var ctaBoxInUse = Boolean(includeCta || ctaText);
|
20
|
-
return ((0, jsx_runtime_1.jsx)("div", { css: styles.container, children: (0, jsx_runtime_1.jsxs)(CardButton_1.default, { onClick: isClickable ? function () { return onClick({ id: id, selected: selected }); } : undefined, "data-testid": dataTestId, selected: !!selected, children: [includeCheckbox && includeCta === false && ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.topRightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-topRightCheckbox") : undefined })), badgeText && ((0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.badge, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { css: styles.badgeText, "data-testid": dataTestId ? "".concat(dataTestId, "-badge") : undefined, children: badgeText }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, direction: "row", alignItems: "center", css: styles.cardContainer, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, tabletSmall: 3, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, alignItems: "center", justifyContent: "center", direction: "column", css: styles.logoGridContainer, children: [SupplierLogo && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, css: styles.logoGridItem, children: SupplierLogo })), supplierName && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { id: "".concat(id, "-supplierName"), css: styles.supplierName, "data-testid": dataTestId ? "".concat(dataTestId, "-supplierName") : undefined, children: supplierName }) }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 6 : 8, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, direction: "column", justifyContent: "center", css: styles.textGridItem, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(Text_1.default, { id: "".concat(id, "-mainText"), align: "left", variant: "tickedList", "data-testid": dataTestId ? "".concat(dataTestId, "-mainText") : undefined, children: children }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 3 : 0, children: includeCta ? ((0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.buttonContainer, children: (0, jsx_runtime_1.jsx)(Button_1.default, { label: ctaText || '', onClick: onClickCta, selected: includeCheckbox ? selected : undefined, Icon: CtaIcon, invertColors: invertCtaColors, dataTestId: dataTestId ? "".concat(dataTestId, "-cta") : undefined }) })) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, alignItems: "center", justifyContent: "center", children: [includeCheckbox && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.rightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-rightCheckbox") : undefined }) })), ctaText && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { css: styles.rightText, "data-testid": dataTestId ? "".concat(dataTestId, "-rightText") : undefined, children: ctaText }) }))] })) })] })] }) }));
|
20
|
+
return ((0, jsx_runtime_1.jsx)("div", { css: styles.container, children: (0, jsx_runtime_1.jsxs)(CardButton_1.default, { onClick: isClickable ? function () { return onClick({ id: id, selected: selected }); } : undefined, "data-testid": dataTestId, selected: !!selected, experimentName: experimentName, children: [includeCheckbox && includeCta === false && ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.topRightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-topRightCheckbox") : undefined, experimentName: experimentName })), badgeText && ((0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.badge, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { css: styles.badgeText, "data-testid": dataTestId ? "".concat(dataTestId, "-badge") : undefined, children: badgeText }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, direction: "row", alignItems: "center", css: styles.cardContainer, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, tabletSmall: 3, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, alignItems: "center", justifyContent: "center", direction: "column", css: styles.logoGridContainer, children: [SupplierLogo && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, css: styles.logoGridItem, children: SupplierLogo })), supplierName && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { id: "".concat(id, "-supplierName"), css: styles.supplierName, "data-testid": dataTestId ? "".concat(dataTestId, "-supplierName") : undefined, children: supplierName }) }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 6 : 8, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, direction: "column", justifyContent: "center", css: styles.textGridItem, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(Text_1.default, { id: "".concat(id, "-mainText"), align: "left", variant: "tickedList", "data-testid": dataTestId ? "".concat(dataTestId, "-mainText") : undefined, experimentName: experimentName, children: children }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 3 : 0, children: includeCta ? ((0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.buttonContainer, children: (0, jsx_runtime_1.jsx)(Button_1.default, { label: ctaText || '', onClick: onClickCta, selected: includeCheckbox ? selected : undefined, Icon: CtaIcon, invertColors: invertCtaColors, dataTestId: dataTestId ? "".concat(dataTestId, "-cta") : undefined, experimentName: experimentName }) })) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, alignItems: "center", justifyContent: "center", children: [includeCheckbox && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.rightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-rightCheckbox") : undefined, experimentName: experimentName }) })), ctaText && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { css: styles.rightText, "data-testid": dataTestId ? "".concat(dataTestId, "-rightText") : undefined, children: ctaText }) }))] })) })] })] }) }));
|
21
21
|
};
|
22
22
|
SupplierCard.defaultProps = defaultProps_1.default;
|
23
23
|
exports.default = SupplierCard;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,qEAA+C;AAE/C,iFAA2D;AAE3D,gEAA0C;AAC1C,0CAAsD;AACtD,sFAAgE;AAChE,+DAAyC;AACzC,0FAAoE;AAOpE,IAAM,YAAY,GAAqB,UAAC,
|
1
|
+
{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":"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"}
|
@@ -15,7 +15,7 @@ describe('<SupplierCard />', function () {
|
|
15
15
|
it('should trigger callbacks when clicking cta and card', function () {
|
16
16
|
var ctaClickHandler = jest.fn();
|
17
17
|
var cardClickHandler = jest.fn();
|
18
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { onClick: cardClickHandler, onClickCta: ctaClickHandler, includeCta: true, ctaText: ctaText, id: id, dataTestId: testId })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
18
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { onClick: cardClickHandler, onClickCta: ctaClickHandler, includeCta: true, ctaText: ctaText, id: id, dataTestId: testId, experimentName: "default" })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
19
19
|
getByText('Continue').click();
|
20
20
|
expect(ctaClickHandler).toHaveBeenCalled();
|
21
21
|
expect(cardClickHandler).toHaveBeenCalled();
|
@@ -26,57 +26,57 @@ describe('<SupplierCard />', function () {
|
|
26
26
|
it('should include supplierLogo when passed', function () {
|
27
27
|
var logoTestId = 'supplier-logo';
|
28
28
|
var SupplierLogo = (0, jsx_runtime_1.jsx)("img", { "data-testid": logoTestId });
|
29
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { SupplierLogo: SupplierLogo, ctaText: ctaText, id: id })).getByTestId;
|
29
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { SupplierLogo: SupplierLogo, ctaText: ctaText, id: id, experimentName: "default" })).getByTestId;
|
30
30
|
expect(getByTestId(logoTestId)).toBeInTheDocument();
|
31
31
|
});
|
32
32
|
it('should include badge text when passed', function () {
|
33
33
|
var badgeText = 'Badge';
|
34
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { badgeText: badgeText, ctaText: ctaText, id: id })).getByText;
|
34
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { badgeText: badgeText, ctaText: ctaText, id: id, experimentName: "default" })).getByText;
|
35
35
|
expect(getByText(badgeText)).toBeInTheDocument();
|
36
36
|
});
|
37
37
|
it('should include cta icon when passed', function () {
|
38
38
|
var logoTestId = 'cta-icon';
|
39
39
|
var CtaIcon = (0, jsx_runtime_1.jsx)(icons_material_1.Phone, { "data-testid": logoTestId });
|
40
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { CtaIcon: CtaIcon, ctaText: ctaText, id: id })).getByTestId;
|
40
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { CtaIcon: CtaIcon, ctaText: ctaText, id: id, experimentName: "default" })).getByTestId;
|
41
41
|
expect(getByTestId(logoTestId)).toBeInTheDocument();
|
42
42
|
});
|
43
43
|
it('should show cta text within a button by default', function () {
|
44
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { ctaText: ctaText, id: id, dataTestId: testId })), getByRole = _a.getByRole, queryByTestId = _a.queryByTestId;
|
44
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { ctaText: ctaText, id: id, dataTestId: testId, experimentName: "default" })), getByRole = _a.getByRole, queryByTestId = _a.queryByTestId;
|
45
45
|
var button = getByRole('button');
|
46
46
|
expect(button).toHaveTextContent(ctaText);
|
47
47
|
expect(queryByTestId("".concat(testId, "-rightText"))).not.toBeInTheDocument();
|
48
48
|
});
|
49
49
|
it('should show cta text without a button if includeCta = false', function () {
|
50
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { ctaText: ctaText, id: id, includeCta: false, dataTestId: testId })), queryByRole = _a.queryByRole, getByTestId = _a.getByTestId;
|
50
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { ctaText: ctaText, id: id, includeCta: false, dataTestId: testId, experimentName: "default" })), queryByRole = _a.queryByRole, getByTestId = _a.getByTestId;
|
51
51
|
expect(queryByRole('button')).not.toBeInTheDocument();
|
52
52
|
expect(getByTestId("".concat(testId, "-rightText"))).toHaveTextContent(ctaText);
|
53
53
|
});
|
54
54
|
it('should include supplierName when passed', function () {
|
55
55
|
var supplierName = 'Supplier Name';
|
56
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { supplierName: supplierName, ctaText: ctaText, id: id })).getByText;
|
56
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { supplierName: supplierName, ctaText: ctaText, id: id, experimentName: "default" })).getByText;
|
57
57
|
expect(getByText(supplierName)).toBeInTheDocument();
|
58
58
|
});
|
59
59
|
it('Should trigger callbacks when clicking card without cta', function () {
|
60
60
|
var clickHandler = jest.fn();
|
61
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { onClick: clickHandler, id: id, dataTestId: testId, includeCta: false })).getByTestId;
|
61
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { onClick: clickHandler, id: id, dataTestId: testId, includeCta: false, experimentName: "default" })).getByTestId;
|
62
62
|
getByTestId(testId).click();
|
63
63
|
expect(clickHandler).toHaveBeenCalled();
|
64
64
|
});
|
65
65
|
describe('When selection is included', function () {
|
66
66
|
it('should show a selected checkbox within the cta', function () {
|
67
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: true, includeCheckbox: true, ctaText: ctaText, id: id })).getByRole;
|
67
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: true, includeCheckbox: true, ctaText: ctaText, id: id, experimentName: "default" })).getByRole;
|
68
68
|
var button = getByRole('button');
|
69
69
|
var checkbox = button.querySelector('input[type="checkbox"]');
|
70
70
|
expect(checkbox).toHaveAttribute('checked');
|
71
71
|
});
|
72
72
|
it('should show an unselected checkbox within the cta', function () {
|
73
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: false, includeCheckbox: true, ctaText: ctaText, id: id })).getByRole;
|
73
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: false, includeCheckbox: true, ctaText: ctaText, id: id, experimentName: "default" })).getByRole;
|
74
74
|
var button = getByRole('button');
|
75
75
|
var checkbox = button.querySelector('input[type="checkbox"]');
|
76
76
|
expect(checkbox).not.toHaveAttribute('checked');
|
77
77
|
});
|
78
78
|
it('should include checkboxes when there is no cta', function () {
|
79
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: true, includeCheckbox: true, id: id, includeCta: false })).getByRole;
|
79
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: true, includeCheckbox: true, id: id, includeCta: false, experimentName: "default" })).getByRole;
|
80
80
|
var checkbox = getByRole('checkbox');
|
81
81
|
expect(checkbox).toBeInTheDocument();
|
82
82
|
expect(checkbox).toHaveAttribute('checked');
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupplierCard.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AAEtC,sDAA4C;AAC5C,mGAA6E;AAC7E,gEAA0C;AAE1C,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,IAAM,OAAO,GAAG,UAAU,CAAC;IAC3B,IAAM,EAAE,GAAG,kBAAkB,CAAC;IAC9B,IAAM,MAAM,GAAG,uBAAuB,CAAC;IAEvC,EAAE,CAAC,qDAAqD,EAAE;QACxD,IAAM,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAClC,IAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE7B,IAAA,KAA6B,IAAA,6BAAmB,EACpD,uBAAC,sBAAY,IACX,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"SupplierCard.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AAEtC,sDAA4C;AAC5C,mGAA6E;AAC7E,gEAA0C;AAE1C,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,IAAM,OAAO,GAAG,UAAU,CAAC;IAC3B,IAAM,EAAE,GAAG,kBAAkB,CAAC;IAC9B,IAAM,MAAM,GAAG,uBAAuB,CAAC;IAEvC,EAAE,CAAC,qDAAqD,EAAE;QACxD,IAAM,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAClC,IAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE7B,IAAA,KAA6B,IAAA,6BAAmB,EACpD,uBAAC,sBAAY,IACX,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,MAAM,EAClB,cAAc,EAAC,SAAS,GACxB,CACH,EAVO,SAAS,eAAA,EAAE,WAAW,iBAU7B,CAAC;QAEF,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QAE9B,MAAM,CAAC,eAAe,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAC3C,MAAM,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAE5C,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACjD,MAAM,CAAC,gBAAgB,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAC5C,IAAM,UAAU,GAAG,eAAe,CAAC;QACnC,IAAM,YAAY,GAAG,+CAAkB,UAAU,GAAI,CAAC;QAE9C,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,sBAAY,IACX,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,cAAc,EAAC,SAAS,GACxB,CACH,YAPkB,CAOjB;QAEF,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE;QAC1C,IAAM,SAAS,GAAG,OAAO,CAAC;QAElB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,sBAAY,IACX,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;QAEF,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE;QACxC,IAAM,UAAU,GAAG,UAAU,CAAC;QAC9B,IAAM,OAAO,GAAG,uBAAC,sBAAK,mBAAc,UAAU,GAAI,CAAC;QAE3C,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,sBAAY,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,cAAc,EAAC,SAAS,GACxB,CACH,YAPkB,CAOjB;QAEF,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE;QAC9C,IAAA,KAA+B,IAAA,6BAAmB,EACtD,uBAAC,sBAAY,IACX,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,MAAM,EAClB,cAAc,EAAC,SAAS,GACxB,CACH,EAPO,SAAS,eAAA,EAAE,aAAa,mBAO/B,CAAC;QACF,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACnC,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,CAAC,aAAa,CAAC,UAAG,MAAM,eAAY,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE;QAC1D,IAAA,KAA+B,IAAA,6BAAmB,EACtD,uBAAC,sBAAY,IACX,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,MAAM,EAClB,cAAc,EAAC,SAAS,GACxB,CACH,EARO,WAAW,iBAAA,EAAE,WAAW,iBAQ/B,CAAC;QAEF,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACtD,MAAM,CAAC,WAAW,CAAC,UAAG,MAAM,eAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAC5C,IAAM,YAAY,GAAG,eAAe,CAAC;QAE7B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,sBAAY,IACX,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;QAEF,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QAC5D,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEvB,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,sBAAY,IACX,OAAO,EAAE,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAC,SAAS,GACxB,CACH,YARkB,CAQjB;QAEF,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,4BAA4B,EAAE;QACrC,EAAE,CAAC,gDAAgD,EAAE;YAC3C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,sBAAY,IACX,QAAQ,EAAE,IAAI,EACd,eAAe,EAAE,IAAI,EACrB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;YACF,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;YACnC,IAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;YAChE,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mDAAmD,EAAE;YAC9C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,sBAAY,IACX,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,IAAI,EACrB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;YACF,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;YACnC,IAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;YAChE,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gDAAgD,EAAE;YAC3C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,sBAAY,IACX,QAAQ,EAAE,IAAI,EACd,eAAe,EAAE,IAAI,EACrB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,KAAK,EACjB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;YACF,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;YACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAC;YACrC,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -31,7 +31,7 @@ var SupplierCardStory = function (_a) {
|
|
31
31
|
(0, react_1.useEffect)(function () {
|
32
32
|
setCurrentlySelected(selected);
|
33
33
|
}, [selected]);
|
34
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 668 }, children: (0, jsx_runtime_1.jsx)(SupplierCard_1.default, { badgeText: badgeText, SupplierLogo: SupplierLogo, supplierName: supplierNameText, CtaIcon: icons[ctaIcon], ctaText: ctaText, id: id, includeCta: includeCta, invertCtaColors: invertCtaColors, onClick: !disableClick ? handleClickCard : undefined, onClickCta: handleClickCta, selected: currentlySelected, includeCheckbox: includeCheckbox, children: (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: bulletList } }) }) }));
|
34
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 668 }, children: (0, jsx_runtime_1.jsx)(SupplierCard_1.default, { badgeText: badgeText, SupplierLogo: SupplierLogo, supplierName: supplierNameText, CtaIcon: icons[ctaIcon], ctaText: ctaText, id: id, includeCta: includeCta, invertCtaColors: invertCtaColors, onClick: !disableClick ? handleClickCard : undefined, onClickCta: handleClickCta, selected: currentlySelected, includeCheckbox: includeCheckbox, experimentName: "default", children: (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: bulletList } }) }) }));
|
35
35
|
};
|
36
36
|
exports.default = SupplierCardStory;
|
37
37
|
//# sourceMappingURL=SupplierCardStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupplierCardStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCardStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAClD,gEAA0C;AAE1C,+BAA4C;AAC5C,sDAAmD;AACnD,8FAAwE;AAExE,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;AAmBF,IAAM,iBAAiB,GAA0B,UAAC,EAejD;QAdC,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,OAAO,aAAA,EACP,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA;IAEN,IAAA,KAA4C,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAA7D,iBAAiB,QAAA,EAAE,oBAAoB,QAAsB,CAAC;IAErE,IAAM,eAAe,GAAG,UAAC,UAAuC;QAC9D,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;QACnC,IAAI,eAAe,EAAE,CAAC;YACpB,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,CAAC;IACF,IAAM,cAAc,GAAG;QACrB,IAAA,sBAAM,EAAC,aAAa,CAAC,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,gCAET,aAAa,8BACb,aAAa,8BACb,eAAe,yBAExB,CAAC;IAEF,IAAM,YAAY,GAChB,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,CAC5B,gCACE,GAAG,EAAE,eAAe,EACpB,GAAG,EAAE,uBAAa,CAAC,gBAAgB,CAAC,EACpC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC3C,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAA,iBAAS,EAAC;QACR,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC3B,uBAAC,sBAAY,IACX,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EACvB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EACpD,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,iBAAiB,EAC3B,eAAe,EAAE,eAAe,
|
1
|
+
{"version":3,"file":"SupplierCardStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCardStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAClD,gEAA0C;AAE1C,+BAA4C;AAC5C,sDAAmD;AACnD,8FAAwE;AAExE,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;AAmBF,IAAM,iBAAiB,GAA0B,UAAC,EAejD;QAdC,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,OAAO,aAAA,EACP,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA;IAEN,IAAA,KAA4C,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAA7D,iBAAiB,QAAA,EAAE,oBAAoB,QAAsB,CAAC;IAErE,IAAM,eAAe,GAAG,UAAC,UAAuC;QAC9D,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;QACnC,IAAI,eAAe,EAAE,CAAC;YACpB,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,CAAC;IACF,IAAM,cAAc,GAAG;QACrB,IAAA,sBAAM,EAAC,aAAa,CAAC,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,gCAET,aAAa,8BACb,aAAa,8BACb,eAAe,yBAExB,CAAC;IAEF,IAAM,YAAY,GAChB,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,CAC5B,gCACE,GAAG,EAAE,eAAe,EACpB,GAAG,EAAE,uBAAa,CAAC,gBAAgB,CAAC,EACpC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC3C,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAA,iBAAS,EAAC;QACR,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC3B,uBAAC,sBAAY,IACX,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EACvB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EACpD,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,iBAAiB,EAC3B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,YAExB,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAAI,GAC5C,GACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|