@mvf/external-components 3.20.0 → 3.21.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/Components/Atoms/CardButton/CardButton.js +17 -7
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.js +17 -7
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +17 -7
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +17 -7
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Components/Atoms/InfoPanel/InfoPanelStory.js +17 -7
- package/Components/Atoms/InfoPanel/InfoPanelStory.js.map +1 -1
- package/Components/Atoms/Input/Input.js +17 -7
- package/Components/Atoms/Input/Input.js.map +1 -1
- package/Components/Atoms/Input/makeInputStyles.js +12 -6
- package/Components/Atoms/Input/makeInputStyles.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +17 -7
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.js +17 -7
- package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
- package/Components/Molecules/DatePicker/makeDatePickerStyling.js +7 -5
- package/Components/Molecules/DatePicker/makeDatePickerStyling.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +17 -7
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js +8 -4
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +17 -7
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +4 -2
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +17 -7
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +17 -7
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js +4 -2
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.js +17 -7
- package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js +17 -7
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +17 -7
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +17 -7
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Organisms/__helpers__/Options.js +19 -7
- package/Components/Organisms/__helpers__/Options.js.map +1 -1
- package/Experiments/CRO584/Atoms/CardButton/CardButton.d.ts +7 -0
- package/Experiments/CRO584/Atoms/CardButton/CardButton.js +81 -0
- package/Experiments/CRO584/Atoms/CardButton/CardButton.js.map +1 -0
- package/Experiments/CRO584/Atoms/CardButton/CardButton.test.d.ts +1 -0
- package/Experiments/CRO584/Atoms/CardButton/CardButton.test.js +24 -0
- package/Experiments/CRO584/Atoms/CardButton/CardButton.test.js.map +1 -0
- package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.d.ts +7 -0
- package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.js +57 -0
- package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.js.map +1 -0
- package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.d.ts +11 -0
- package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.js +3 -0
- package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/CardButton/defaultProps.d.ts +4 -0
- package/Experiments/CRO584/Atoms/CardButton/defaultProps.js +7 -0
- package/Experiments/CRO584/Atoms/CardButton/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/CardButton/index.d.ts +1 -0
- package/Experiments/CRO584/Atoms/CardButton/index.js +9 -0
- package/Experiments/CRO584/Atoms/CardButton/index.js.map +1 -0
- package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.d.ts +12 -0
- package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.js +58 -0
- package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.js.map +1 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +15 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +57 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.d.ts +1 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +74 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.d.ts +1 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.js +10 -0
- package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.js.map +1 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControl.d.ts +7 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControl.js +39 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControl.js.map +1 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControl.test.d.ts +1 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js +21 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js.map +1 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControlStory.d.ts +7 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js +15 -0
- package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js.map +1 -0
- package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.d.ts +6 -0
- package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js +3 -0
- package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/FormControl/defaultProps.d.ts +2 -0
- package/Experiments/CRO584/Atoms/FormControl/defaultProps.js +5 -0
- package/Experiments/CRO584/Atoms/FormControl/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/FormControl/index.d.ts +1 -0
- package/Experiments/CRO584/Atoms/FormControl/index.js +9 -0
- package/Experiments/CRO584/Atoms/FormControl/index.js.map +1 -0
- package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.d.ts +5 -0
- package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js +57 -0
- package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js.map +1 -0
- package/Experiments/CRO584/Atoms/Input/IInputProps.d.ts +26 -0
- package/Experiments/CRO584/Atoms/Input/IInputProps.js +3 -0
- package/Experiments/CRO584/Atoms/Input/IInputProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/Input/Input.d.ts +7 -0
- package/Experiments/CRO584/Atoms/Input/Input.js +103 -0
- package/Experiments/CRO584/Atoms/Input/Input.js.map +1 -0
- package/Experiments/CRO584/Atoms/Input/Input.test.d.ts +1 -0
- package/Experiments/CRO584/Atoms/Input/Input.test.js +79 -0
- package/Experiments/CRO584/Atoms/Input/Input.test.js.map +1 -0
- package/Experiments/CRO584/Atoms/Input/InputStory.d.ts +18 -0
- package/Experiments/CRO584/Atoms/Input/InputStory.js +15 -0
- package/Experiments/CRO584/Atoms/Input/InputStory.js.map +1 -0
- package/Experiments/CRO584/Atoms/Input/defaultProps.d.ts +12 -0
- package/Experiments/CRO584/Atoms/Input/defaultProps.js +21 -0
- package/Experiments/CRO584/Atoms/Input/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/Input/icons.d.ts +29 -0
- package/Experiments/CRO584/Atoms/Input/icons.js +32 -0
- package/Experiments/CRO584/Atoms/Input/icons.js.map +1 -0
- package/Experiments/CRO584/Atoms/Input/index.d.ts +1 -0
- package/Experiments/CRO584/Atoms/Input/index.js +9 -0
- package/Experiments/CRO584/Atoms/Input/index.js.map +1 -0
- package/Experiments/CRO584/Atoms/Input/makeInputStyles.d.ts +14 -0
- package/Experiments/CRO584/Atoms/Input/makeInputStyles.js +129 -0
- package/Experiments/CRO584/Atoms/Input/makeInputStyles.js.map +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.d.ts +7 -0
- package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js +3 -0
- package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabel.d.ts +7 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js +39 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js.map +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.d.ts +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js +18 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js.map +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.d.ts +4 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js +12 -0
- package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js.map +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/defaultProps.d.ts +2 -0
- package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js +5 -0
- package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/index.d.ts +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/index.js +9 -0
- package/Experiments/CRO584/Atoms/InputLabel/index.js.map +1 -0
- package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.d.ts +5 -0
- package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js +33 -0
- package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js.map +1 -0
- package/Experiments/CRO584/Atoms/Text/ITextProps.d.ts +8 -0
- package/Experiments/CRO584/Atoms/Text/ITextProps.js +3 -0
- package/Experiments/CRO584/Atoms/Text/ITextProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/Text/Text.d.ts +7 -0
- package/Experiments/CRO584/Atoms/Text/Text.js +30 -0
- package/Experiments/CRO584/Atoms/Text/Text.js.map +1 -0
- package/Experiments/CRO584/Atoms/Text/Text.test.d.ts +1 -0
- package/Experiments/CRO584/Atoms/Text/Text.test.js +15 -0
- package/Experiments/CRO584/Atoms/Text/Text.test.js.map +1 -0
- package/Experiments/CRO584/Atoms/Text/TextStory.d.ts +8 -0
- package/Experiments/CRO584/Atoms/Text/TextStory.js +15 -0
- package/Experiments/CRO584/Atoms/Text/TextStory.js.map +1 -0
- package/Experiments/CRO584/Atoms/Text/defaultProps.d.ts +4 -0
- package/Experiments/CRO584/Atoms/Text/defaultProps.js +7 -0
- package/Experiments/CRO584/Atoms/Text/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Atoms/Text/index.d.ts +1 -0
- package/Experiments/CRO584/Atoms/Text/index.js +9 -0
- package/Experiments/CRO584/Atoms/Text/index.js.map +1 -0
- package/Experiments/CRO584/Atoms/Text/makeTextStyling.d.ts +5 -0
- package/Experiments/CRO584/Atoms/Text/makeTextStyling.js +227 -0
- package/Experiments/CRO584/Atoms/Text/makeTextStyling.js.map +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBox.d.ts +7 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBox.js +129 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBox.js.map +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.d.ts +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.js +279 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.js.map +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.d.ts +17 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.js +25 -0
- package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.js.map +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.d.ts +22 -0
- package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.js +3 -0
- package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.d.ts +3 -0
- package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.js +13 -0
- package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/defaultProps.d.ts +14 -0
- package/Experiments/CRO584/Molecules/CheckBox/defaultProps.js +25 -0
- package/Experiments/CRO584/Molecules/CheckBox/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/index.d.ts +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/index.js +9 -0
- package/Experiments/CRO584/Molecules/CheckBox/index.js.map +1 -0
- package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.d.ts +13 -0
- package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.js +100 -0
- package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.d.ts +21 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js +3 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +7 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js +93 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.d.ts +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +188 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +18 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +24 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.d.ts +3 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js +14 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.d.ts +12 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js +21 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/index.d.ts +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js +9 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts +10 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +91 -0
- package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.d.ts +16 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js +3 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +7 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.js +80 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.d.ts +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +211 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +14 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +60 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.d.ts +3 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js +14 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.d.ts +9 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.js +18 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/index.d.ts +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/index.js +9 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/index.js.map +1 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts +7 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js +71 -0
- package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js.map +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.d.ts +17 -0
- package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js +3 -0
- package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButton.d.ts +7 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js +86 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js.map +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.d.ts +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.js +123 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.js.map +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.d.ts +12 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js +28 -0
- package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js.map +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.d.ts +3 -0
- package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js +13 -0
- package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js.map +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/defaultProps.d.ts +10 -0
- package/Experiments/CRO584/Molecules/RadioButton/defaultProps.js +21 -0
- package/Experiments/CRO584/Molecules/RadioButton/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/index.d.ts +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/index.js +9 -0
- package/Experiments/CRO584/Molecules/RadioButton/index.js.map +1 -0
- package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.d.ts +10 -0
- package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js +76 -0
- package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -0
- package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.d.ts +25 -0
- package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.js +3 -0
- package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/TextField/TextField.d.ts +7 -0
- package/Experiments/CRO584/Molecules/TextField/TextField.js +40 -0
- package/Experiments/CRO584/Molecules/TextField/TextField.js.map +1 -0
- package/Experiments/CRO584/Molecules/TextField/TextField.test.d.ts +1 -0
- package/Experiments/CRO584/Molecules/TextField/TextField.test.js +63 -0
- package/Experiments/CRO584/Molecules/TextField/TextField.test.js.map +1 -0
- package/Experiments/CRO584/Molecules/TextField/TextFieldStory.d.ts +17 -0
- package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js +13 -0
- package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js.map +1 -0
- package/Experiments/CRO584/Molecules/TextField/defaultProps.d.ts +16 -0
- package/Experiments/CRO584/Molecules/TextField/defaultProps.js +25 -0
- package/Experiments/CRO584/Molecules/TextField/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Molecules/TextField/index.d.ts +1 -0
- package/Experiments/CRO584/Molecules/TextField/index.js +9 -0
- package/Experiments/CRO584/Molecules/TextField/index.js.map +1 -0
- package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.d.ts +5 -0
- package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js +3 -0
- package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js.map +1 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayout.d.ts +7 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js +19 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js.map +1 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.d.ts +1 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js +26 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js.map +1 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.d.ts +12 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js +16 -0
- package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js.map +1 -0
- package/Experiments/CRO584/Organisms/ListLayout/index.d.ts +1 -0
- package/Experiments/CRO584/Organisms/ListLayout/index.js +9 -0
- package/Experiments/CRO584/Organisms/ListLayout/index.js.map +1 -0
- package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.d.ts +5 -0
- package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js +21 -0
- package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js.map +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.d.ts +7 -0
- package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js +3 -0
- package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js.map +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.d.ts +7 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js +57 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js.map +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.d.ts +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js +103 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js.map +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.d.ts +6 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js +9 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js.map +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.d.ts +13 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.js +20 -0
- package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.js.map +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.d.ts +4 -0
- package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.js +9 -0
- package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.js.map +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/index.d.ts +1 -0
- package/Experiments/CRO584/Organisms/RadioGroup/index.js +9 -0
- package/Experiments/CRO584/Organisms/RadioGroup/index.js.map +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.d.ts +5 -0
- package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.js +3 -0
- package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.js.map +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +9 -0
- package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js +80 -0
- package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +9 -0
- package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js +83 -0
- package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/TileLayout.d.ts +6 -0
- package/Experiments/CRO584/Organisms/TileLayout/TileLayout.js +19 -0
- package/Experiments/CRO584/Organisms/TileLayout/TileLayout.js.map +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.d.ts +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.js +22 -0
- package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.js.map +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/index.d.ts +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/index.js +9 -0
- package/Experiments/CRO584/Organisms/TileLayout/index.js.map +1 -0
- package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.d.ts +9 -0
- package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.js +129 -0
- package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.js.map +1 -0
- package/Experiments/CRO584/Organisms/__helpers__/Options.d.ts +10 -0
- package/Experiments/CRO584/Organisms/__helpers__/Options.js +142 -0
- package/Experiments/CRO584/Organisms/__helpers__/Options.js.map +1 -0
- package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.d.ts +6 -0
- package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.js +15 -0
- package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.js.map +1 -0
- package/Experiments/Example/Atoms/CardButton/CardButton.js +17 -7
- package/Experiments/Example/Atoms/CardButton/CardButton.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.js +17 -7
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +17 -7
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +17 -7
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Experiments/Example/Atoms/Input/Input.js +17 -7
- package/Experiments/Example/Atoms/Input/Input.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBox.js +17 -7
- package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Interfaces/Molecules/CheckBox/CheckBox.js +3 -0
- package/Interfaces/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Interfaces/Molecules/RadioButton/RadioButton.js +3 -0
- package/Interfaces/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Themes/themeCreator.js +4 -2
- package/Themes/themeCreator.js.map +1 -1
- package/Themes/themes.js +17 -7
- package/Themes/themes.js.map +1 -1
- package/package.json +1 -1
@@ -0,0 +1,129 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
17
|
+
});
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
26
|
+
};
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
35
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
36
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
37
|
+
};
|
38
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
39
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
40
|
+
/** @jsxImportSource @emotion/react */
|
41
|
+
var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
|
42
|
+
var Grid_1 = __importDefault(require("@mui/material/Grid"));
|
43
|
+
var Box_1 = __importDefault(require("@mui/material/Box"));
|
44
|
+
var react_1 = require("react");
|
45
|
+
var CheckboxIcon_1 = __importDefault(require("../../../../Assets/CustomIcons/CheckboxIcon"));
|
46
|
+
var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
|
47
|
+
var Text_1 = __importDefault(require("../../Atoms/Text"));
|
48
|
+
var TextField_1 = __importDefault(require("../TextField/TextField"));
|
49
|
+
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
50
|
+
var browserAndDeviceDetection_1 = require("../../../../Helpers/browserAndDeviceDetection");
|
51
|
+
var deviceSpecificHandlers_1 = require("../../../../Helpers/deviceSpecificHandlers");
|
52
|
+
var makeCheckBoxStyling_1 = __importStar(require("./makeCheckBoxStyling"));
|
53
|
+
var CheckBox = function (_a) {
|
54
|
+
var showText = _a.showText, Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, text = _a.text, textAlign = _a.textAlign, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled;
|
55
|
+
var _b = (0, react_1.useState)(selected), isSelected = _b[0], setIsSelected = _b[1];
|
56
|
+
var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
|
57
|
+
var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
|
58
|
+
var styles = (0, makeCheckBoxStyling_1.default)();
|
59
|
+
var otherInputRef = (0, react_1.useRef)(null);
|
60
|
+
var isIconPresent = !!Icon;
|
61
|
+
var isOtherInputPresent = (isOtherOption && isFocused) || !!otherValue;
|
62
|
+
var textAlignBasedOnCheckbox = hideCheckbox ? 'center' : textAlign;
|
63
|
+
var handleBlur = function (event) {
|
64
|
+
if (event) {
|
65
|
+
event.stopPropagation();
|
66
|
+
}
|
67
|
+
if (!isSelected) {
|
68
|
+
setIsFocused(false);
|
69
|
+
if (!otherValue) {
|
70
|
+
setIsSelected(false);
|
71
|
+
}
|
72
|
+
}
|
73
|
+
if (isSelected && isFocused && !otherValue) {
|
74
|
+
setTimeout(function () {
|
75
|
+
setIsSelected(false);
|
76
|
+
setIsFocused(false);
|
77
|
+
}, 100);
|
78
|
+
}
|
79
|
+
};
|
80
|
+
var handleClick = function () {
|
81
|
+
onClick({ id: id, selected: !selected });
|
82
|
+
if (!isSelected && (0, browserAndDeviceDetection_1.isIOS)() && isOtherOption) {
|
83
|
+
(0, deviceSpecificHandlers_1.iosFocusHandler)(otherInputRef);
|
84
|
+
}
|
85
|
+
setIsSelected(!isSelected);
|
86
|
+
setIsFocused(true);
|
87
|
+
};
|
88
|
+
var handleInputClick = function (e) {
|
89
|
+
var _a;
|
90
|
+
e.stopPropagation();
|
91
|
+
(_a = otherInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
92
|
+
setIsSelected(true);
|
93
|
+
onClick({ id: id, selected: true });
|
94
|
+
};
|
95
|
+
var handleKeyDown = function (event) {
|
96
|
+
if (event) {
|
97
|
+
onKeyDown(event);
|
98
|
+
if (event.key === 'Enter' && otherInputRef.current) {
|
99
|
+
if (!otherValue) {
|
100
|
+
setIsSelected(false);
|
101
|
+
setIsFocused(false);
|
102
|
+
}
|
103
|
+
otherInputRef.current.blur();
|
104
|
+
}
|
105
|
+
}
|
106
|
+
};
|
107
|
+
var onOtherTextFieldChange = function (inputChangeEvent) {
|
108
|
+
onChange(inputChangeEvent);
|
109
|
+
setOtherValue(inputChangeEvent.value);
|
110
|
+
setIsSelected(!!inputChangeEvent.value);
|
111
|
+
};
|
112
|
+
(0, react_1.useEffect)(function () {
|
113
|
+
if (isSelected && otherInputRef.current) {
|
114
|
+
otherInputRef.current.focus();
|
115
|
+
}
|
116
|
+
}, [isSelected]);
|
117
|
+
var renderOtherInput = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, children: (0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.otherInput, marginRight: isIconPresent ? '45px' : '1.2rem', children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, experimentName: experimentName, disabled: hideCheckbox }) }) })); };
|
118
|
+
var renderTextContent = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, "data-testid": "".concat(textAlign, "Text:").concat(id), children: (0, jsx_runtime_1.jsx)(Box_1.default, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { variant: "listItem", align: textAlignBasedOnCheckbox, experimentName: experimentName, children: text }) }) })); };
|
119
|
+
var renderIcon = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'center' ? styles.centerIcon : styles.leftIcon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, "data-testid": "".concat(location, "CheckboxIcon"), children: Icon }) })); };
|
120
|
+
var renderCheckbox = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'right' && styles.checkboxContainerRight, children: !hideCheckbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "checkbox-".concat(id), css: location === 'left' && styles.checkbox, checked: isSelected, onClick: function (event) { return event.preventDefault(); }, color: "primary", "data-testid": "".concat(location, "Checkbox:").concat(id), icon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: true }), onMouseDown: function (event) { return event.preventDefault(); }, disabled: disabled })) })); };
|
121
|
+
var renderRightPlaceholder = function () {
|
122
|
+
return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: (0, makeCheckBoxStyling_1.getPlaceholderStyles)(textAlign === 'center', isIconPresent) }));
|
123
|
+
};
|
124
|
+
return ((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled: disabled, children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap", children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, alignItems: "center", css: styles.innerGrid, children: showText ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isIconPresent ? renderIcon('left') : renderCheckbox('left'), isOtherInputPresent ? renderOtherInput() : renderTextContent(), (textAlign === 'center' || isIconPresent) &&
|
125
|
+
renderRightPlaceholder()] })) : (renderIcon('center')) }), isIconPresent && isSelected && renderCheckbox('right')] }) }));
|
126
|
+
};
|
127
|
+
CheckBox.defaultProps = defaultProps_1.default;
|
128
|
+
exports.default = CheckBox;
|
129
|
+
//# sourceMappingURL=CheckBox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,279 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
9
|
+
});
|
10
|
+
};
|
11
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
12
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
13
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
14
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
15
|
+
function step(op) {
|
16
|
+
if (f) throw new TypeError("Generator is already executing.");
|
17
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
18
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
19
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
20
|
+
switch (op[0]) {
|
21
|
+
case 0: case 1: t = op; break;
|
22
|
+
case 4: _.label++; return { value: op[1], done: false };
|
23
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
24
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
25
|
+
default:
|
26
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
27
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
28
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
29
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
30
|
+
if (t[2]) _.ops.pop();
|
31
|
+
_.trys.pop(); continue;
|
32
|
+
}
|
33
|
+
op = body.call(thisArg, _);
|
34
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
35
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
36
|
+
}
|
37
|
+
};
|
38
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
39
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
40
|
+
};
|
41
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
42
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
43
|
+
/** @jsxImportSource @emotion/react */
|
44
|
+
var react_1 = require("@testing-library/react");
|
45
|
+
var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
|
46
|
+
var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
|
47
|
+
var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
|
48
|
+
var CheckBox_1 = __importDefault(require("./CheckBox"));
|
49
|
+
var imageSrc = svgs_1.default.truck;
|
50
|
+
describe('<CheckBox />', function () {
|
51
|
+
describe('isOtherOption', function () {
|
52
|
+
describe('props', function () {
|
53
|
+
it('should be selected by prop', function () {
|
54
|
+
var callback = jest.fn();
|
55
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: true, experimentName: "default" })).getByTestId;
|
56
|
+
var checkboxCardButton = getByTestId('checkboxCardButton');
|
57
|
+
expect(checkboxCardButton.dataset.selected).toBe('true');
|
58
|
+
});
|
59
|
+
it('should be checked by prop', function () {
|
60
|
+
var callback = jest.fn();
|
61
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'exampleId', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: true, experimentName: "default" }));
|
62
|
+
var checkbox = react_1.screen.getByRole('checkbox');
|
63
|
+
expect(checkbox).toBeChecked();
|
64
|
+
});
|
65
|
+
});
|
66
|
+
describe('clicks', function () {
|
67
|
+
it('should call onClick function if checkbox is clicked', function () {
|
68
|
+
var callback = jest.fn();
|
69
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', onClick: callback, experimentName: "default" })).getByText;
|
70
|
+
getByText('test').click();
|
71
|
+
expect(callback).toHaveBeenCalled();
|
72
|
+
});
|
73
|
+
it('should add a check mark when card is clicked and maintain it when given an input value', function () {
|
74
|
+
var callback = jest.fn();
|
75
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, selected: false, experimentName: "default" })).getByTestId;
|
76
|
+
var checkboxCardButton = getByTestId('checkboxCardButton');
|
77
|
+
checkboxCardButton.click();
|
78
|
+
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
79
|
+
expect(checkbox).toBeChecked();
|
80
|
+
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
81
|
+
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
82
|
+
expect(checkbox).toBeChecked();
|
83
|
+
});
|
84
|
+
it('should focus on textfield when it the card is clicked', function () {
|
85
|
+
var _a;
|
86
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, experimentName: "default" })).getByTestId;
|
87
|
+
getByTestId('checkboxCardButton').click();
|
88
|
+
var input = getByTestId('checkboxCardButton');
|
89
|
+
var currentInput = input.querySelector('input[type=text]');
|
90
|
+
var activeInput = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.querySelector('input[type=text]');
|
91
|
+
expect(currentInput).toBe(activeInput);
|
92
|
+
});
|
93
|
+
it('should un-focus the component when checkbox directly clicked', function () {
|
94
|
+
// GIVEN the checkbox is clicked and no value is entered to the textfield
|
95
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, experimentName: "default" }));
|
96
|
+
react_1.screen.getByRole('checkbox').click();
|
97
|
+
var component = react_1.screen.getByTestId('checkboxCardButton');
|
98
|
+
var input = react_1.screen.getByPlaceholderText('test');
|
99
|
+
expect(input).toHaveFocus();
|
100
|
+
// WHEN the checkbox is clicked again
|
101
|
+
react_1.screen.getByRole('checkbox').click();
|
102
|
+
// THEN the checkbox is unchecked
|
103
|
+
expect(component).not.toHaveFocus();
|
104
|
+
});
|
105
|
+
it('should un-check the checkbox when checkbox is clicked', function () {
|
106
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, selected: true, otherInputValue: "test value", experimentName: "default" })), getByRole = _a.getByRole, getByTestId = _a.getByTestId;
|
107
|
+
getByRole('checkbox').click();
|
108
|
+
var checkbox = getByTestId('leftCheckbox:id');
|
109
|
+
expect(checkbox).not.toBeChecked();
|
110
|
+
});
|
111
|
+
it('should un-check the checkbox when card is clicked', function () {
|
112
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, selected: true, otherInputValue: "test value", experimentName: "default" })).getByTestId;
|
113
|
+
var checkbox = getByTestId('leftCheckbox:id');
|
114
|
+
if (checkbox) {
|
115
|
+
checkbox.click();
|
116
|
+
}
|
117
|
+
expect(checkbox).not.toBeChecked();
|
118
|
+
});
|
119
|
+
it('should focus the textfield when the checkbox is clicked', function () {
|
120
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, experimentName: "default" })), getByRole = _a.getByRole, getByTestId = _a.getByTestId;
|
121
|
+
getByRole('checkbox').click();
|
122
|
+
var textbox = getByTestId('otherInputTextfield:id');
|
123
|
+
var input = textbox.querySelector('input');
|
124
|
+
expect(input).toHaveFocus();
|
125
|
+
expect(textbox).toBeInTheDocument();
|
126
|
+
expect(document.activeElement).toBe(input);
|
127
|
+
});
|
128
|
+
});
|
129
|
+
describe('when textfield is updated', function () {
|
130
|
+
it('should call onChange', function () {
|
131
|
+
var callback = jest.fn();
|
132
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'test id', text: 'test', selected: true, isOtherOption: true, onChange: callback, otherInputValue: "test value", experimentName: "default" })).getByTestId;
|
133
|
+
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
134
|
+
react_1.fireEvent.change(input, { target: { value: 'New value' } });
|
135
|
+
expect(callback).toHaveBeenCalledWith({
|
136
|
+
id: 'test id',
|
137
|
+
value: 'New value',
|
138
|
+
});
|
139
|
+
expect(input.value).toEqual('New value');
|
140
|
+
});
|
141
|
+
it('should select the card component', function () {
|
142
|
+
var callback = jest.fn();
|
143
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, experimentName: "default" })).getByTestId;
|
144
|
+
var checkboxCardButton = getByTestId('checkboxCardButton');
|
145
|
+
checkboxCardButton.click();
|
146
|
+
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
147
|
+
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
148
|
+
expect(checkboxCardButton.dataset.selected).toBe('true');
|
149
|
+
});
|
150
|
+
});
|
151
|
+
it('should call onKeyDown and blur the input when enter is pressed', function () {
|
152
|
+
var callback = jest.fn();
|
153
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value", experimentName: "default" })).getByRole;
|
154
|
+
var textbox = getByRole('textbox');
|
155
|
+
var blurSpy = jest.spyOn(textbox, 'blur');
|
156
|
+
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
157
|
+
expect(callback).toHaveBeenCalled();
|
158
|
+
expect(blurSpy).toHaveBeenCalled();
|
159
|
+
});
|
160
|
+
it('should select the card component on click when a value is already present and the card is not selected by default', function () {
|
161
|
+
var callback = jest.fn();
|
162
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: false, experimentName: "default" })).getByTestId;
|
163
|
+
var checkboxCardButton = getByTestId('checkboxCardButton');
|
164
|
+
checkboxCardButton.click();
|
165
|
+
expect(checkboxCardButton.dataset.selected).toBe('true');
|
166
|
+
});
|
167
|
+
it('should select the card component when the other option is clicked', function () {
|
168
|
+
var callback = jest.fn();
|
169
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, experimentName: "default" })).getByTestId;
|
170
|
+
var checkboxCardButton = getByTestId('checkboxCardButton');
|
171
|
+
checkboxCardButton.click();
|
172
|
+
expect(checkboxCardButton.dataset.selected).toBe('true');
|
173
|
+
});
|
174
|
+
it('should lose a check mark when input value is undefined and field is blurred', function () { return __awaiter(void 0, void 0, void 0, function () {
|
175
|
+
var callback, getByTestId, checkboxCardButton, checkbox, input;
|
176
|
+
return __generator(this, function (_a) {
|
177
|
+
switch (_a.label) {
|
178
|
+
case 0:
|
179
|
+
callback = jest.fn();
|
180
|
+
getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, selected: false, experimentName: "default" })).getByTestId;
|
181
|
+
checkboxCardButton = getByTestId('checkboxCardButton');
|
182
|
+
checkboxCardButton.click();
|
183
|
+
checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
184
|
+
expect(checkbox).toBeChecked();
|
185
|
+
input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
186
|
+
react_1.fireEvent.change(input, { target: { value: undefined } });
|
187
|
+
expect(checkbox).toBeChecked();
|
188
|
+
react_1.fireEvent.blur(input);
|
189
|
+
return [4 /*yield*/, (0, react_1.waitFor)(function () {
|
190
|
+
expect(checkbox).not.toBeChecked();
|
191
|
+
})];
|
192
|
+
case 1:
|
193
|
+
_a.sent();
|
194
|
+
return [2 /*return*/];
|
195
|
+
}
|
196
|
+
});
|
197
|
+
}); });
|
198
|
+
});
|
199
|
+
describe('not other option', function () {
|
200
|
+
describe('when no icon is present', function () {
|
201
|
+
it('should display left aligned checkbox text by default', function () {
|
202
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', experimentName: "default" }) })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
203
|
+
expect(getByText('test')).toBeTruthy();
|
204
|
+
expect(getByTestId('leftText:id')).toBeInTheDocument();
|
205
|
+
});
|
206
|
+
it('should display center aligned checkbox text', function () {
|
207
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', textAlign: "center", experimentName: "default" }) })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
208
|
+
expect(getByText('test')).toBeTruthy();
|
209
|
+
expect(getByTestId('centerText:id')).toBeInTheDocument();
|
210
|
+
});
|
211
|
+
it('should hide checkbox text when showText is false', function () {
|
212
|
+
var queryByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', showText: false, experimentName: "default" }) })).queryByText;
|
213
|
+
expect(queryByText('test')).not.toBeTruthy();
|
214
|
+
});
|
215
|
+
it('should hide checkbox when hideCheckbox is true', function () {
|
216
|
+
var queryByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', hideCheckbox: true, experimentName: "default" }) })).queryByText;
|
217
|
+
expect(queryByText('test')).toBeTruthy();
|
218
|
+
});
|
219
|
+
it('should begin unchecked and can be checked', function () {
|
220
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', experimentName: "default" })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
221
|
+
getByText('test').click();
|
222
|
+
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
223
|
+
expect(checkbox).toBeChecked();
|
224
|
+
});
|
225
|
+
it('should begin checked and be unchecked', function () {
|
226
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: true, experimentName: "default" })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
227
|
+
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
228
|
+
expect(checkbox).toBeChecked();
|
229
|
+
getByText('test').click();
|
230
|
+
expect(checkbox).not.toBeChecked();
|
231
|
+
});
|
232
|
+
it('should not display textfield unless specified', function () {
|
233
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: true, experimentName: "default" })).getByTestId;
|
234
|
+
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
235
|
+
expect(input).toBeNull();
|
236
|
+
});
|
237
|
+
it('should not display an icon by default', function () {
|
238
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
239
|
+
expect(queryByTestId('checkboxIcon')).not.toBeInTheDocument();
|
240
|
+
// The checkbox should be left justified if there is no Icon
|
241
|
+
expect(getByTestId('leftCheckbox:id')).toBeInTheDocument();
|
242
|
+
expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
|
243
|
+
});
|
244
|
+
});
|
245
|
+
describe('when an icon is present', function () {
|
246
|
+
it('should display a supplied Icon with left aligned text', function () {
|
247
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
248
|
+
expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
|
249
|
+
// The checkbox should not be present if the checkbox is unselected
|
250
|
+
expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
|
251
|
+
expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
|
252
|
+
expect(getByTestId('leftText:id')).toBeInTheDocument();
|
253
|
+
});
|
254
|
+
it('should display a supplied Icon with centrally aligned text', function () {
|
255
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), textAlign: "center", experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
256
|
+
expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
|
257
|
+
// The checkbox should not be present if the checkbox is unselected
|
258
|
+
expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
|
259
|
+
expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
|
260
|
+
expect(getByTestId('centerText:id')).toBeInTheDocument();
|
261
|
+
});
|
262
|
+
it('should display a left justified Icon and a right justified checkbox if selected', function () {
|
263
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), selected: true, experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
264
|
+
expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
|
265
|
+
expect(queryByTestId('centerCheckboxIcon')).not.toBeInTheDocument();
|
266
|
+
expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
|
267
|
+
expect(getByTestId('rightCheckbox:id')).toBeInTheDocument();
|
268
|
+
});
|
269
|
+
it('should display a centralised Icon when showText is false', function () {
|
270
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), showText: false, selected: true, experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
271
|
+
expect(getByTestId('centerCheckboxIcon')).toBeInTheDocument();
|
272
|
+
expect(queryByTestId('leftCheckboxIcon')).not.toBeInTheDocument();
|
273
|
+
expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
|
274
|
+
expect(getByTestId('rightCheckbox:id')).toBeInTheDocument();
|
275
|
+
});
|
276
|
+
});
|
277
|
+
});
|
278
|
+
});
|
279
|
+
//# sourceMappingURL=CheckBox.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CheckBox.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { ISvgs } from '../../../../Assets/svgs/svgs';
|
3
|
+
type CheckBoxStoryType = React.FunctionComponent<{
|
4
|
+
error: boolean;
|
5
|
+
showText: boolean;
|
6
|
+
iconType: keyof ISvgs | 'none';
|
7
|
+
isOtherOption: boolean;
|
8
|
+
otherInputError: boolean;
|
9
|
+
text: string;
|
10
|
+
parentContainerWidth: number;
|
11
|
+
selected: boolean;
|
12
|
+
textAlign: 'left' | 'center';
|
13
|
+
hideCheckbox: boolean;
|
14
|
+
disabled: boolean;
|
15
|
+
}>;
|
16
|
+
declare const CheckBoxStory: CheckBoxStoryType;
|
17
|
+
export default CheckBoxStory;
|
@@ -0,0 +1,25 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
+
var Grid_1 = __importDefault(require("@mui/material/Grid"));
|
8
|
+
var addon_actions_1 = require("@storybook/addon-actions");
|
9
|
+
var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
|
10
|
+
var CheckBox_1 = __importDefault(require("./CheckBox"));
|
11
|
+
var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
|
12
|
+
var CheckBoxStory = function (_a) {
|
13
|
+
var error = _a.error, showText = _a.showText, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, text = _a.text, parentContainerWidth = _a.parentContainerWidth, selected = _a.selected, textAlign = _a.textAlign, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled;
|
14
|
+
var handleClick = function (_a) {
|
15
|
+
var id = _a.id;
|
16
|
+
(0, addon_actions_1.action)('Click')({ id: id, selected: selected });
|
17
|
+
};
|
18
|
+
var handleKeyDown = function (event) {
|
19
|
+
(0, addon_actions_1.action)('Key down')(event);
|
20
|
+
};
|
21
|
+
var Icon = iconType === 'none' ? undefined : ((0, jsx_runtime_1.jsx)("img", { src: svgs_1.default[iconType], alt: "optionImage" }));
|
22
|
+
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)(Grid_1.default, { item: true, children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { showText: showText, Icon: Icon, id: 'id', experimentName: "default", onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError, textAlign: textAlign, hideCheckbox: hideCheckbox, disabled: disabled }) }) }) }));
|
23
|
+
};
|
24
|
+
exports.default = CheckBoxStory;
|
25
|
+
//# sourceMappingURL=CheckBoxStory.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAyC;AACzC,0DAAkD;AAElD,+GAAyF;AACzF,wDAAkC;AAElC,sEAA2D;AAgB3D,IAAM,aAAa,GAAsB,UAAC,EAYzC;QAXC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,UAAC,EAA+B;YAA7B,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IACpC,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,cAAO,IAAC,IAAI,kBACX,uBAAC,kBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,cAAc,EAAC,SAAS,EACxB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,GACM,GACW,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { IInputCallbackParams } from '../../../CRO584/Atoms/Input/IInputProps';
|
2
|
+
export interface ICheckBoxCallbackParams {
|
3
|
+
id: string;
|
4
|
+
selected: boolean;
|
5
|
+
}
|
6
|
+
interface ICheckboxProps {
|
7
|
+
showText: boolean;
|
8
|
+
hideCheckbox?: boolean;
|
9
|
+
disabled?: boolean;
|
10
|
+
Icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
|
11
|
+
id: string;
|
12
|
+
isOtherOption: boolean;
|
13
|
+
onClick: (item: ICheckBoxCallbackParams) => void;
|
14
|
+
onChange: (item: IInputCallbackParams) => void;
|
15
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
16
|
+
otherInputError?: boolean;
|
17
|
+
selected: boolean;
|
18
|
+
text: string;
|
19
|
+
otherInputValue: string;
|
20
|
+
textAlign: 'left' | 'center';
|
21
|
+
}
|
22
|
+
export default ICheckboxProps;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ICheckboxProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
+
var CheckBox_1 = __importDefault(require("../CheckBox"));
|
8
|
+
var renderCheckBox = function (_a) {
|
9
|
+
var Icon = _a.Icon, id = _a.id, text = _a.text, selected = _a.selected, onClick = _a.onClick, isOtherOption = _a.isOtherOption;
|
10
|
+
return ((0, jsx_runtime_1.jsx)(CheckBox_1.default, { Icon: Icon, id: id, onClick: onClick, text: text, selected: selected, isOtherOption: isOtherOption, experimentName: "default" }, id));
|
11
|
+
};
|
12
|
+
exports.default = renderCheckBox;
|
13
|
+
//# sourceMappingURL=renderCheckbox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"renderCheckbox.js","sourceRoot":"","sources":["../../../../../../src/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,yDAAmC;AAGnC,IAAM,cAAc,GAAG,UAAC,EAOP;QANf,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,aAAa,mBAAA;IACO,OAAA,CACpB,uBAAC,kBAAQ,IACP,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAElB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAC,SAAS,IAFnB,EAAE,CAGP,CACH;AAXqB,CAWrB,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
declare const defaultProps: {
|
2
|
+
showText: boolean;
|
3
|
+
isOtherOption: boolean;
|
4
|
+
onBlur: () => void;
|
5
|
+
onClick: () => void;
|
6
|
+
onChange: () => void;
|
7
|
+
onKeyDown: () => void;
|
8
|
+
otherInputValue: string;
|
9
|
+
selected: boolean;
|
10
|
+
textAlign: "left" | "center";
|
11
|
+
hideCheckbox: boolean;
|
12
|
+
disabled: boolean;
|
13
|
+
};
|
14
|
+
export default defaultProps;
|
@@ -0,0 +1,25 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
var defaultProps = {
|
4
|
+
showText: true,
|
5
|
+
isOtherOption: false,
|
6
|
+
onBlur: function () {
|
7
|
+
/* do nothing */
|
8
|
+
},
|
9
|
+
onClick: function () {
|
10
|
+
/* do nothing */
|
11
|
+
},
|
12
|
+
onChange: function () {
|
13
|
+
/* do nothing */
|
14
|
+
},
|
15
|
+
onKeyDown: function () {
|
16
|
+
/* do nothing */
|
17
|
+
},
|
18
|
+
otherInputValue: '',
|
19
|
+
selected: false,
|
20
|
+
textAlign: 'left',
|
21
|
+
hideCheckbox: false,
|
22
|
+
disabled: false,
|
23
|
+
};
|
24
|
+
exports.default = defaultProps;
|
25
|
+
//# sourceMappingURL=defaultProps.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,MAA2B;IACtC,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './CheckBox';
|