@mvf/external-components 3.0.0 → 3.3.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/Assets/BrandLogos/ExpertMarketLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertMarketLogo.js +11 -11
- package/Assets/BrandLogos/ExpertMarketLogo.js.map +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.js +17 -17
- package/Assets/BrandLogos/ExpertReviewsLogo.js.map +1 -1
- package/Assets/BrandLogos/GoWizardLogo.d.ts +1 -1
- package/Assets/BrandLogos/GoWizardLogo.js +10 -10
- package/Assets/BrandLogos/GoWizardLogo.js.map +1 -1
- package/Assets/BrandLogos/HearClearLogo.d.ts +1 -1
- package/Assets/BrandLogos/HearClearLogo.js +12 -12
- package/Assets/BrandLogos/HearClearLogo.js.map +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.d.ts +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.js +101 -101
- package/Assets/BrandLogos/LasikEyesLogo.js.map +1 -1
- package/Assets/BrandLogos/StartupsLogo.d.ts +1 -1
- package/Assets/BrandLogos/StartupsLogo.js +2 -2
- package/Assets/BrandLogos/StartupsLogo.js.map +1 -1
- package/Assets/BrandLogos/TechcoLogo.d.ts +1 -1
- package/Assets/BrandLogos/TechcoLogo.js +4 -4
- package/Assets/BrandLogos/TechcoLogo.js.map +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.js +14 -14
- package/Assets/BrandLogos/TheEcoExpertsLogo.js.map +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js +26 -26
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js.map +1 -1
- package/Assets/BrandLogos/brandLogos.d.ts +2 -1
- package/Assets/BrandLogos/brandLogos.js +1 -0
- package/Assets/BrandLogos/brandLogos.js.map +1 -1
- package/Assets/CustomIcons/CheckboxIcon.d.ts +1 -1
- package/Assets/CustomIcons/CheckboxIcon.js +2 -2
- package/Assets/CustomIcons/CheckboxIcon.js.map +1 -1
- package/Assets/CustomIcons/RadioIcon.d.ts +1 -1
- package/Assets/CustomIcons/RadioIcon.js +2 -2
- package/Assets/CustomIcons/RadioIcon.js.map +1 -1
- package/Assets/svgs/svgs.d.ts +2 -1
- package/Assets/svgs/svgs.js +2 -0
- package/Assets/svgs/svgs.js.map +1 -1
- package/Components/Atoms/Button/Button.d.ts +1 -1
- package/Components/Atoms/Button/Button.js +1 -1
- package/Components/Atoms/Button/Button.js.map +1 -1
- package/Components/Atoms/Button/Button.test.js +5 -5
- package/Components/Atoms/Button/Button.test.js.map +1 -1
- package/Components/Atoms/Button/ButtonStory.d.ts +1 -1
- package/Components/Atoms/Button/ButtonStory.js +1 -1
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/Button/makeButtonStyling.js +7 -7
- package/Components/Atoms/Button/makeButtonStyling.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.d.ts +1 -1
- package/Components/Atoms/CardButton/CardButton.js +4 -8
- 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 +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.js +4 -8
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/makeCardButtonStyling.js +5 -5
- package/Components/Atoms/CardButton/makeCardButtonStyling.js.map +1 -1
- package/Components/Atoms/CircularProgress/CircularProgress.js +1 -1
- package/Components/Atoms/CircularProgress/CircularProgress.js.map +1 -1
- package/Components/Atoms/CircularProgress/CircularProgressStory.js +2 -2
- package/Components/Atoms/CircularProgress/CircularProgressStory.js.map +1 -1
- package/Components/Atoms/CircularProgress/makeCircularProgressStyling.js +1 -1
- package/Components/Atoms/CircularProgress/makeCircularProgressStyling.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.js +3 -3
- package/Components/Atoms/ErrorMessage/ErrorMessage.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.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js.map +1 -1
- package/Components/Atoms/ErrorMessage/makeErrorMessageStyles.js +1 -1
- package/Components/Atoms/ErrorMessage/makeErrorMessageStyles.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +3 -3
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +2 -6
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +7 -7
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Components/Atoms/FormControl/FormControl.d.ts +1 -1
- package/Components/Atoms/FormControl/FormControl.js +1 -1
- 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.d.ts +2 -2
- package/Components/Atoms/FormControl/FormControlStory.js +1 -1
- package/Components/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Components/Atoms/FormControl/makeFormControlStyles.js +2 -2
- package/Components/Atoms/FormControl/makeFormControlStyles.js.map +1 -1
- package/Components/Atoms/IconButton/IconButton.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButton.js +2 -2
- package/Components/Atoms/IconButton/IconButton.js.map +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/IconButton/makeIconButtonStyling.js +2 -2
- package/Components/Atoms/IconButton/makeIconButtonStyling.js.map +1 -1
- package/Components/Atoms/Input/Input.d.ts +1 -1
- package/Components/Atoms/Input/Input.js +6 -10
- 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.d.ts +2 -2
- package/Components/Atoms/Input/InputStory.js +1 -1
- package/Components/Atoms/Input/InputStory.js.map +1 -1
- package/Components/Atoms/Input/icons.js +1 -1
- package/Components/Atoms/Input/icons.js.map +1 -1
- package/Components/Atoms/Input/makeInputStyles.js +5 -5
- package/Components/Atoms/Input/makeInputStyles.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabel.d.ts +1 -1
- package/Components/Atoms/InputLabel/InputLabel.js +1 -1
- 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.d.ts +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.js +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.js.map +1 -1
- package/Components/Atoms/InputLabel/makeInputLabelStyles.js +2 -2
- package/Components/Atoms/InputLabel/makeInputLabelStyles.js.map +1 -1
- package/Components/Atoms/Link/Link.d.ts +1 -1
- package/Components/Atoms/Link/Link.js +1 -1
- package/Components/Atoms/Link/Link.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.d.ts +1 -1
- package/Components/Atoms/Link/LinkStory.js +1 -1
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/Link/makeLinkStyling.js +2 -2
- package/Components/Atoms/Link/makeLinkStyling.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.d.ts +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.js +2 -2
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.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/LoadingIndicator/makeLinearProgressStyling.js +2 -2
- package/Components/Atoms/LoadingIndicator/makeLinearProgressStyling.js.map +1 -1
- package/Components/Atoms/Modal/Modal.d.ts +1 -1
- package/Components/Atoms/Modal/Modal.js +3 -3
- package/Components/Atoms/Modal/Modal.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.d.ts +1 -1
- package/Components/Atoms/Modal/ModalStory.js +2 -2
- package/Components/Atoms/Modal/ModalStory.js.map +1 -1
- package/Components/Atoms/Modal/makeModalStylings.js +4 -4
- package/Components/Atoms/Modal/makeModalStylings.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.d.ts +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.js +4 -4
- package/Components/Atoms/ProgressBar/ProgressBar.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/ProgressBarHelpers.test.js +4 -4
- package/Components/Atoms/ProgressBar/ProgressBarHelpers.test.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.d.ts +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.js +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.js.map +1 -1
- package/Components/Atoms/ProgressBar/makeProgressBarStyling.js +3 -3
- package/Components/Atoms/ProgressBar/makeProgressBarStyling.js.map +1 -1
- package/Components/Atoms/Text/Text.d.ts +1 -1
- package/Components/Atoms/Text/Text.js +2 -2
- package/Components/Atoms/Text/Text.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.d.ts +1 -1
- package/Components/Atoms/Text/TextStory.js +2 -2
- package/Components/Atoms/Text/TextStory.js.map +1 -1
- package/Components/Atoms/Text/defaultProps.d.ts +1 -1
- package/Components/Atoms/Text/makeTextStyling.js +3 -3
- package/Components/Atoms/Text/makeTextStyling.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +12 -10
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +43 -21
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +4 -2
- package/Components/Molecules/CheckBox/CheckBoxStory.js +6 -4
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +1 -0
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.d.ts +1 -1
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.js +2 -2
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -1
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.d.ts +3 -0
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.js +23 -16
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePicker.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePicker.js +4 -4
- package/Components/Molecules/DatePicker/DatePicker.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.js +4 -8
- package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePickerTextFieldType.d.ts +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js +6 -6
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
- package/Components/Molecules/DatePicker/makeDatePickerStyling.js +4 -4
- package/Components/Molecules/DatePicker/makeDatePickerStyling.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +6 -6
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js +3 -3
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +3 -7
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/defaultProps.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js +8 -8
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +9 -9
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +17 -21
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +3 -3
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js +2 -2
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +7 -7
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +11 -11
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +15 -19
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +2 -2
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +4 -8
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js +2 -2
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js +5 -5
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.d.ts +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 +1 -1
- package/Components/Molecules/NavBar/NavBar.test.js.map +1 -1
- package/Components/Molecules/NavBar/NavBarStory.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Components/Molecules/NavBar/makeNavBarStyles.js +5 -5
- package/Components/Molecules/NavBar/makeNavBarStyles.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.d.ts +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +7 -7
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js +7 -7
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +2 -2
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +3 -3
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js +7 -7
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js.map +1 -1
- package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +1 -0
- package/Components/Molecules/RadioButton/RadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +14 -13
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +22 -12
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.d.ts +4 -2
- package/Components/Molecules/RadioButton/RadioButtonStory.js +6 -4
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.js +2 -2
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.d.ts +2 -0
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js +19 -7
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.js +11 -15
- package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js +7 -7
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.test.js +5 -5
- package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.test.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.d.ts +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js +4 -4
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerTypes.d.ts +2 -2
- package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.js +5 -5
- package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.js.map +1 -1
- package/Components/Molecules/TextField/TextField.d.ts +1 -1
- package/Components/Molecules/TextField/TextField.js +1 -1
- 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.d.ts +1 -1
- package/Components/Molecules/TextField/TextFieldStory.js +1 -1
- package/Components/Molecules/TextField/TextFieldStory.js.map +1 -1
- package/Components/Molecules/TextField/defaultProps.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/IThankYouBannerProps.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js +2 -2
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js +19 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js +2 -2
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js +1 -1
- package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/makeThankYouBannerStyling.js +4 -4
- package/Components/Molecules/ThankYouBanner/makeThankYouBannerStyling.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.d.ts +1 -1
- package/Components/Organisms/ListLayout/ListLayout.js +3 -3
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.test.js +3 -3
- package/Components/Organisms/ListLayout/ListLayout.test.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayoutStory.d.ts +4 -2
- package/Components/Organisms/ListLayout/ListLayoutStory.js +5 -2
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Components/Organisms/ListLayout/makeListLayoutStyling.js +2 -2
- package/Components/Organisms/ListLayout/makeListLayoutStyling.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js +3 -7
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +10 -10
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.js +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts +4 -3
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +5 -3
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +6 -10
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +6 -10
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.d.ts +1 -1
- package/Components/Organisms/TileLayout/TileLayout.js +3 -3
- package/Components/Organisms/TileLayout/TileLayout.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/TileLayout/makeTileLayoutStyling.js +4 -4
- package/Components/Organisms/TileLayout/makeTileLayoutStyling.js.map +1 -1
- package/Components/Organisms/__helpers__/Options.d.ts +3 -1
- package/Components/Organisms/__helpers__/Options.js +19 -20
- package/Components/Organisms/__helpers__/Options.js.map +1 -1
- package/Components/Organisms/__helpers__/generateMenuItems.js +2 -2
- package/Components/Organisms/__helpers__/generateMenuItems.js.map +1 -1
- package/Helpers/React/FunctionComponentWithDefaultProps.d.ts +1 -1
- package/Helpers/React/css.d.ts +1 -1
- package/Helpers/React/renderWithProviders.js +1 -1
- package/Helpers/React/renderWithProviders.js.map +1 -1
- package/Helpers/icons.d.ts +1 -1
- package/Helpers/useDidUpdate.js +2 -2
- package/Helpers/useDidUpdate.js.map +1 -1
- package/Helpers/useThrottle.d.ts +1 -1
- package/Helpers/useThrottle.js +1 -1
- package/Helpers/useThrottle.js.map +1 -1
- package/Themes/StoryThemeWrapper.d.ts +1 -1
- package/Themes/StoryThemeWrapper.js +1 -1
- package/Themes/StoryThemeWrapper.js.map +1 -1
- package/Themes/atlanticTheme.js +1 -1
- package/Themes/atlanticTheme.js.map +1 -1
- package/Themes/chameleonTheme.js +1 -1
- package/Themes/chameleonTheme.js.map +1 -1
- package/Themes/gowizardTheme.js +1 -1
- package/Themes/gowizardTheme.js.map +1 -1
- package/Themes/indigoTheme.js +1 -1
- package/Themes/indigoTheme.js.map +1 -1
- package/Themes/rhubarbTheme.js +1 -1
- package/Themes/rhubarbTheme.js.map +1 -1
- package/Themes/themeCreator.js +6 -6
- package/Themes/themeCreator.js.map +1 -1
- package/Themes/themes.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
|
|
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);
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
5
|
}) : (function(o, m, k, k2) {
|
|
10
6
|
if (k2 === undefined) k2 = k;
|
|
11
7
|
o[k2] = m[k];
|
|
@@ -40,19 +36,19 @@ describe('IconTileCheckBox', function () {
|
|
|
40
36
|
jest.clearAllMocks();
|
|
41
37
|
});
|
|
42
38
|
it('should display text', function () {
|
|
43
|
-
var getByText =
|
|
39
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test' }, void 0)).getByText;
|
|
44
40
|
expect(getByText('test')).toBeTruthy();
|
|
45
41
|
});
|
|
46
42
|
it('should call onClick function if IconTileCheckBox is clicked', function () {
|
|
47
43
|
var callback = jest.fn();
|
|
48
|
-
var getByText =
|
|
44
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', onClick: callback }, void 0)).getByText;
|
|
49
45
|
getByText('test').click();
|
|
50
46
|
expect(callback).toHaveBeenCalled();
|
|
51
47
|
});
|
|
52
48
|
it('should call onKeyDown when enter is pressed', function () {
|
|
53
49
|
var callback = jest.fn();
|
|
54
50
|
// GIVEN the other option is enabled
|
|
55
|
-
var getByTestId =
|
|
51
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', onKeyDown: callback, isOtherOption: true }, void 0)).getByTestId;
|
|
56
52
|
// AND the textfield is focused
|
|
57
53
|
getByTestId('text').click();
|
|
58
54
|
var text = getByTestId('otherInputTextfield:1');
|
|
@@ -64,7 +60,7 @@ describe('IconTileCheckBox', function () {
|
|
|
64
60
|
it('should call blur when enter is pressed', function () {
|
|
65
61
|
var callback = jest.fn();
|
|
66
62
|
// GIVEN the other option is enabled
|
|
67
|
-
var _a =
|
|
63
|
+
var _a = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', onKeyDown: callback, isOtherOption: true }, void 0)), getByRole = _a.getByRole, getByTestId = _a.getByTestId;
|
|
68
64
|
getByTestId('text').click();
|
|
69
65
|
var textfield = getByRole('textbox');
|
|
70
66
|
var blurSpy = jest.spyOn(textfield, 'blur');
|
|
@@ -74,27 +70,27 @@ describe('IconTileCheckBox', function () {
|
|
|
74
70
|
expect(blurSpy).toHaveBeenCalled();
|
|
75
71
|
});
|
|
76
72
|
it('should begin unchecked and can be checked', function () {
|
|
77
|
-
var getByTestId =
|
|
73
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test' }, void 0)).getByTestId;
|
|
78
74
|
getByTestId('checkboxCardButton').click();
|
|
79
75
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
80
76
|
expect(checkbox).toBeChecked();
|
|
81
77
|
});
|
|
82
78
|
it('should begin checked and be unchecked', function () {
|
|
83
|
-
var _a =
|
|
79
|
+
var _a = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', selected: true }, void 0)), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
84
80
|
getByText('test').click();
|
|
85
81
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
86
82
|
expect(checkbox).not.toBeChecked();
|
|
87
83
|
});
|
|
88
84
|
it('should not display otherInput unless specified', function () {
|
|
89
|
-
var getByTestId =
|
|
85
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), selected: true }, void 0)).getByTestId;
|
|
90
86
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
91
87
|
expect(input).toBeNull();
|
|
92
88
|
});
|
|
93
89
|
it('should call onChange when otherInput is updated', function () {
|
|
94
90
|
var callback = jest.fn();
|
|
95
91
|
// GIVEN i have a IconTileCheckBox with isOtherOption true
|
|
96
|
-
var getByTestId =
|
|
97
|
-
})).getByTestId;
|
|
92
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'exampleId', text: 'exampleText', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), selected: true, isOtherOption: true, onChange: callback, otherInputValue: "startValue" // test this changes
|
|
93
|
+
}, void 0)).getByTestId;
|
|
98
94
|
// AND and the textfield is present
|
|
99
95
|
var textfield = getByTestId('otherInputTextfield:exampleId').querySelector('input[type=text]');
|
|
100
96
|
// WHEN the input is changed
|
|
@@ -108,7 +104,7 @@ describe('IconTileCheckBox', function () {
|
|
|
108
104
|
});
|
|
109
105
|
it('should focus on OtherInput when selected', function () {
|
|
110
106
|
// GIVEN isOtherOption is true
|
|
111
|
-
var getByTestId =
|
|
107
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), isOtherOption: true, selected: false }, void 0)).getByTestId;
|
|
112
108
|
// WHEN the checkbox is clicked
|
|
113
109
|
getByTestId('checkboxCardButton').click();
|
|
114
110
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
@@ -118,7 +114,7 @@ describe('IconTileCheckBox', function () {
|
|
|
118
114
|
expect(input).toBe(document.activeElement);
|
|
119
115
|
});
|
|
120
116
|
it('should not focus on OtherInput when unselected', function () {
|
|
121
|
-
var getByTestId =
|
|
117
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), isOtherOption: true, selected: true }, void 0)).getByTestId;
|
|
122
118
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
123
119
|
checkboxCardButton.click();
|
|
124
120
|
var input = checkboxCardButton.querySelector('input[type=text]');
|
|
@@ -126,7 +122,7 @@ describe('IconTileCheckBox', function () {
|
|
|
126
122
|
});
|
|
127
123
|
it('should select the card component when a value for the other option is entered', function () {
|
|
128
124
|
var callback = jest.fn();
|
|
129
|
-
var getByTestId =
|
|
125
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), isOtherOption: true, onChange: callback }, void 0)).getByTestId;
|
|
130
126
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
131
127
|
checkboxCardButton.click();
|
|
132
128
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
@@ -135,13 +131,13 @@ describe('IconTileCheckBox', function () {
|
|
|
135
131
|
});
|
|
136
132
|
it('should select the card component when a value for the other option is already present and the card is selected by default', function () {
|
|
137
133
|
var callback = jest.fn();
|
|
138
|
-
var getByTestId =
|
|
134
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: true }, void 0)).getByTestId;
|
|
139
135
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
140
136
|
expect(checkboxCardButton.dataset.selected).toBe('true');
|
|
141
137
|
});
|
|
142
138
|
it('should select the card component on click when a value is already present and the card is not selected by default', function () {
|
|
143
139
|
var callback = jest.fn();
|
|
144
|
-
var getByTestId =
|
|
140
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: false }, void 0)).getByTestId;
|
|
145
141
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
146
142
|
checkboxCardButton.click();
|
|
147
143
|
expect(checkboxCardButton.dataset.selected).toBe('true');
|
|
@@ -151,7 +147,7 @@ describe('IconTileCheckBox', function () {
|
|
|
151
147
|
var isIOSSpy = jest
|
|
152
148
|
.spyOn(browserAndDeviceDetection, 'isIOS')
|
|
153
149
|
.mockImplementationOnce(function () { return true; });
|
|
154
|
-
var getByText =
|
|
150
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'other-option', isOtherOption: true }, void 0)).getByText;
|
|
155
151
|
getByText('other-option').click();
|
|
156
152
|
expect(isIOSSpy).toHaveBeenCalled();
|
|
157
153
|
expect(iosFocusHandlerSpy).toHaveBeenCalled();
|
|
@@ -161,7 +157,7 @@ describe('IconTileCheckBox', function () {
|
|
|
161
157
|
var isIOSSpy = jest
|
|
162
158
|
.spyOn(browserAndDeviceDetection, 'isIOS')
|
|
163
159
|
.mockImplementationOnce(function () { return false; });
|
|
164
|
-
var getByText =
|
|
160
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'other-option', isOtherOption: true }, void 0)).getByText;
|
|
165
161
|
getByText('other-option').click();
|
|
166
162
|
expect(isIOSSpy).toHaveBeenCalled();
|
|
167
163
|
expect(iosFocusHandlerSpy).not.toHaveBeenCalled();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ISvgs } from '../../../Assets/svgs/svgs';
|
|
3
|
-
type IconTileCheckBoxStoryType = React.FunctionComponent<{
|
|
3
|
+
declare type IconTileCheckBoxStoryType = React.FunctionComponent<{
|
|
4
4
|
error: boolean;
|
|
5
5
|
iconType: keyof ISvgs;
|
|
6
6
|
isOtherOption: boolean;
|
|
@@ -8,7 +8,7 @@ type IconTileCheckBoxStoryType = React.FunctionComponent<{
|
|
|
8
8
|
otherInputError: boolean;
|
|
9
9
|
otherInputValue: string;
|
|
10
10
|
text: string;
|
|
11
|
-
parentContainerWidth:
|
|
11
|
+
parentContainerWidth: number;
|
|
12
12
|
parentContainerHeight: string;
|
|
13
13
|
}>;
|
|
14
14
|
declare const IconTileCheckBoxStory: IconTileCheckBoxStoryType;
|
|
@@ -23,13 +23,13 @@ var IconTileCheckBoxStory = function (_a) {
|
|
|
23
23
|
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, selected = _a.selected, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight;
|
|
24
24
|
var handleClick = function (_a) {
|
|
25
25
|
var id = _a.id;
|
|
26
|
-
|
|
26
|
+
addon_actions_1.action('Clicked')({ id: id, selected: selected });
|
|
27
27
|
};
|
|
28
28
|
var handleKeyDown = function (event) {
|
|
29
|
-
|
|
29
|
+
addon_actions_1.action('Key down')(event);
|
|
30
30
|
};
|
|
31
31
|
var imageSrc = svgs_1.default[iconType];
|
|
32
|
-
return (
|
|
32
|
+
return (jsx_runtime_1.jsx("div", __assign({ style: { width: parentContainerWidth, height: parentContainerHeight } }, { children: jsx_runtime_1.jsx(ErrorMessageProvider_1.ErrorMessageProvider, __assign({ errorMessage: error || otherInputError ? 'error' : undefined }, { children: jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: 'exampleId', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, alt: "optionImage" }, void 0), onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue }, void 0) }), void 0) }), void 0));
|
|
33
33
|
};
|
|
34
34
|
exports.default = IconTileCheckBoxStory;
|
|
35
35
|
//# sourceMappingURL=IconTileCheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAElD,mEAAwD;AACxD,8FAA6F;AAE7F,wEAAkD;AAclD,IAAM,qBAAqB,GAA8B,UAAC,EAUzD;QATC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA;IAErB,IAAM,WAAW,GAAG,UAAC,EAAuC;YAArC,EAAE,QAAA;QACvB,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAElD,mEAAwD;AACxD,8FAA6F;AAE7F,wEAAkD;AAclD,IAAM,qBAAqB,GAA8B,UAAC,EAUzD;QATC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA;IAErB,IAAM,WAAW,GAAG,UAAC,EAAuC;YAArC,EAAE,QAAA;QACvB,sBAAM,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,sBAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,oCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,qBAAqB,EAAE,gBACxE,kBAAC,2CAAoB,aACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBAE5D,kBAAC,0BAAgB,IACf,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,2BAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,WAAG,EAC9C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,WAChC,YACmB,YACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import IconTileCheckboxProps from '../../IconTileCheckBox//IComponentProps';
|
|
2
|
-
declare const renderIconTileCheckbox: ({ id, text, isOtherOption, otherInputValue, onClick, selected, }: IconTileCheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const renderIconTileCheckbox: ({ Icon, id, text, isOtherOption, otherInputValue, onClick, selected, }: IconTileCheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default renderIconTileCheckbox;
|
|
@@ -7,8 +7,8 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
7
7
|
var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
|
|
8
8
|
var IconTileCheckBox_1 = __importDefault(require("../IconTileCheckBox"));
|
|
9
9
|
var renderIconTileCheckbox = function (_a) {
|
|
10
|
-
var id = _a.id, text = _a.text, isOtherOption = _a.isOtherOption, otherInputValue = _a.otherInputValue, onClick = _a.onClick, selected = _a.selected;
|
|
11
|
-
return (
|
|
10
|
+
var Icon = _a.Icon, id = _a.id, text = _a.text, isOtherOption = _a.isOtherOption, otherInputValue = _a.otherInputValue, onClick = _a.onClick, selected = _a.selected;
|
|
11
|
+
return (jsx_runtime_1.jsx(IconTileCheckBox_1.default, { id: id, text: text, Icon: Icon ? Icon : jsx_runtime_1.jsx("img", { src: svgs_1.default.other, alt: "optionImage" }, void 0), isOtherOption: isOtherOption, otherInputValue: otherInputValue, onClick: onClick, selected: selected }, id));
|
|
12
12
|
};
|
|
13
13
|
exports.default = renderIconTileCheckbox;
|
|
14
14
|
//# sourceMappingURL=renderIconTileCheckbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderIconTileCheckbox.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,sEAAgD;AAEhD,yEAAmD;AAEnD,IAAM,sBAAsB,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"renderIconTileCheckbox.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,sEAAgD;AAEhD,yEAAmD;AAEnD,IAAM,sBAAsB,GAAG,UAAC,EAQR;QAPtB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,QAAQ,cAAA;IACmB,OAAA,CAC3B,kBAAC,0BAAgB,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,2BAAK,GAAG,EAAE,cAAI,CAAC,KAAK,EAAE,GAAG,EAAC,aAAa,WAAG,EAC9D,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IALb,EAAE,CAMP,CACH;AAX4B,CAW5B,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
|
|
@@ -4,10 +4,10 @@ var react_1 = require("@emotion/react");
|
|
|
4
4
|
var material_1 = require("@mui/material");
|
|
5
5
|
var makeIconTileCheckBoxStyling = function () {
|
|
6
6
|
var _a;
|
|
7
|
-
var _b =
|
|
7
|
+
var _b = react_1.useTheme(), breakpoints = _b.breakpoints, mvf = _b.mvf;
|
|
8
8
|
var palette = mvf.palette, spacing = mvf.spacing;
|
|
9
9
|
return {
|
|
10
|
-
container:
|
|
10
|
+
container: react_1.css({
|
|
11
11
|
display: 'flex',
|
|
12
12
|
alignItems: 'center',
|
|
13
13
|
justifyContent: 'center',
|
|
@@ -17,7 +17,7 @@ var makeIconTileCheckBoxStyling = function () {
|
|
|
17
17
|
marginBottom: 14,
|
|
18
18
|
},
|
|
19
19
|
}),
|
|
20
|
-
icon:
|
|
20
|
+
icon: react_1.css((_a = {
|
|
21
21
|
marginTop: 12,
|
|
22
22
|
marginBottom: 4,
|
|
23
23
|
'& img': {
|
|
@@ -50,7 +50,7 @@ var makeIconTileCheckBoxStyling = function () {
|
|
|
50
50
|
},
|
|
51
51
|
},
|
|
52
52
|
_a)),
|
|
53
|
-
checkbox:
|
|
53
|
+
checkbox: react_1.css({
|
|
54
54
|
color: palette.component.answerUnselectedColor,
|
|
55
55
|
position: 'absolute',
|
|
56
56
|
display: 'none',
|
|
@@ -59,11 +59,11 @@ var makeIconTileCheckBoxStyling = function () {
|
|
|
59
59
|
},
|
|
60
60
|
'&.MuiIconButton-root': {
|
|
61
61
|
'&:hover': {
|
|
62
|
-
backgroundColor:
|
|
62
|
+
backgroundColor: material_1.alpha(palette.component.answerSelectedColor, 0.04),
|
|
63
63
|
},
|
|
64
64
|
},
|
|
65
65
|
}),
|
|
66
|
-
otherInput:
|
|
66
|
+
otherInput: react_1.css({
|
|
67
67
|
marginLeft: spacing.small,
|
|
68
68
|
marginRight: spacing.small,
|
|
69
69
|
paddingBottom: spacing.small,
|
|
@@ -71,7 +71,7 @@ var makeIconTileCheckBoxStyling = function () {
|
|
|
71
71
|
boxShadow: 'none',
|
|
72
72
|
},
|
|
73
73
|
}),
|
|
74
|
-
imgDiv:
|
|
74
|
+
imgDiv: react_1.css({
|
|
75
75
|
display: 'flex',
|
|
76
76
|
justifyContent: 'center',
|
|
77
77
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeIconTileCheckBoxStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,2BAA2B,GAAG;;IAC5B,IAAA,KAAuB,
|
|
1
|
+
{"version":3,"file":"makeIconTileCheckBoxStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,2BAA2B,GAAG;;IAC5B,IAAA,KAAuB,gBAAQ,EAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAc,GAAG,QAAjB,EAAE,OAAO,GAAK,GAAG,QAAR,CAAS;IACjC,OAAO;QACL,SAAS,EAAE,WAAG,CAAC;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,MAAM;YACd,uBAAuB,EAAE;gBACvB,YAAY,EAAE,EAAE;aACjB;SACF,CAAC;QACF,IAAI,EAAE,WAAG;gBACP,SAAS,EAAE,EAAE;gBACb,YAAY,EAAE,CAAC;gBACf,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;gBACjC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;gBACD;QACF,QAAQ,EAAE,WAAG,CAAC;YACZ,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,qBAAqB;YAC9C,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,eAAe,EAAE;gBACf,OAAO,EAAE,aAAa;aACvB;YACD,sBAAsB,EAAE;gBACtB,SAAS,EAAE;oBACT,eAAe,EAAE,gBAAK,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC;iBACpE;aACF;SACF,CAAC;QACF,UAAU,EAAE,WAAG,CAAC;YACd,UAAU,EAAE,OAAO,CAAC,KAAK;YACzB,WAAW,EAAE,OAAO,CAAC,KAAK;YAC1B,aAAa,EAAE,OAAO,CAAC,KAAK;YAC5B,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;SACF,CAAC;QACF,MAAM,EAAE,WAAG,CAAC;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
|
|
2
2
|
import IComponentProps from './IComponentProps';
|
|
3
3
|
import defaultProps from './defaultProps';
|
|
4
|
-
type IconTileRadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
4
|
+
declare type IconTileRadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
5
5
|
declare const IconTileRadioButton: IconTileRadioButtonType;
|
|
6
6
|
export default IconTileRadioButton;
|
|
@@ -27,17 +27,17 @@ var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers"
|
|
|
27
27
|
var makeIconTileRadioButtonStyling_1 = __importDefault(require("./makeIconTileRadioButtonStyling"));
|
|
28
28
|
var IconTileRadioButton = function (_a) {
|
|
29
29
|
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
30
|
-
var _b =
|
|
31
|
-
var _c =
|
|
32
|
-
var _d =
|
|
33
|
-
var otherInputRef =
|
|
34
|
-
var styles =
|
|
30
|
+
var _b = react_1.useContext(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
|
|
31
|
+
var _c = react_1.useState(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
32
|
+
var _d = react_1.useState(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
|
|
33
|
+
var otherInputRef = react_1.useRef(null);
|
|
34
|
+
var styles = makeIconTileRadioButtonStyling_1.default();
|
|
35
35
|
var isSelected = id === selectedId;
|
|
36
36
|
var isTextfield = (isOtherOption && isFocused) || !!otherValue;
|
|
37
37
|
var handleClick = function () {
|
|
38
38
|
onClick({ id: id });
|
|
39
|
-
if (
|
|
40
|
-
|
|
39
|
+
if (browserAndDeviceDetection_1.isIOS() && !otherInputRef.current && isOtherOption) {
|
|
40
|
+
deviceSpecificHandlers_1.iosFocusHandler(otherInputRef);
|
|
41
41
|
}
|
|
42
42
|
if (otherInputRef.current) {
|
|
43
43
|
otherInputRef.current.focus();
|
|
@@ -69,8 +69,8 @@ var IconTileRadioButton = function (_a) {
|
|
|
69
69
|
otherInputRef.current.blur();
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
|
|
73
|
-
if (isSelected && otherInputRef.current && !
|
|
72
|
+
react_1.useEffect(function () {
|
|
73
|
+
if (isSelected && otherInputRef.current && !browserAndDeviceDetection_1.isIOS()) {
|
|
74
74
|
otherInputRef.current.focus();
|
|
75
75
|
}
|
|
76
76
|
}, [isSelected]);
|
|
@@ -80,9 +80,9 @@ var IconTileRadioButton = function (_a) {
|
|
|
80
80
|
}
|
|
81
81
|
setIsFocused(false);
|
|
82
82
|
};
|
|
83
|
-
return (
|
|
83
|
+
return (jsx_runtime_1.jsx(CardButton_1.default, __assign({ selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "radioButtonCardButton", outlined: isSelected, onBlur: handleBlur }, { children: jsx_runtime_1.jsxs("div", __assign({ css: styles.container }, { children: [jsx_runtime_1.jsx("div", __assign({ css: styles.icon }, { children: jsx_runtime_1.jsx("div", __assign({ css: styles.imgDiv }, { children: Icon }), void 0) }), void 0), isTextfield ? (jsx_runtime_1.jsx("div", __assign({ css: styles.otherInput }, { children: jsx_runtime_1.jsx(TextField_1.default, { "data-testid": "other-option-textfield", id: id, placeholder: text, onClick: handleClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
|
|
84
84
|
enterKeyHint: 'go',
|
|
85
|
-
} }) }))) : (
|
|
85
|
+
} }, void 0) }), void 0)) : (jsx_runtime_1.jsx(Text_1.default, __assign({ "data-testid": "text", variant: "tileItem" }, { children: text }), void 0))] }), void 0) }), void 0));
|
|
86
86
|
};
|
|
87
87
|
IconTileRadioButton.defaultProps = defaultProps_1.default;
|
|
88
88
|
exports.default = IconTileRadioButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAgE;AAGhE,iFAA2D;AAC3D,0DAAoC;AACpC,mGAA6E;AAC7E,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,oGAA8E;AAM9E,IAAM,mBAAmB,GAA4B,UAAC,EAUrD;QATC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAgC,
|
|
1
|
+
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,11 +12,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
20
16
|
}) : (function(o, m, k, k2) {
|
|
21
17
|
if (k2 === undefined) k2 = k;
|
|
22
18
|
o[k2] = m[k];
|
|
@@ -48,7 +44,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
48
44
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
49
45
|
function step(op) {
|
|
50
46
|
if (f) throw new TypeError("Generator is already executing.");
|
|
51
|
-
while (
|
|
47
|
+
while (_) try {
|
|
52
48
|
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;
|
|
53
49
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
54
50
|
switch (op[0]) {
|
|
@@ -88,12 +84,12 @@ describe('<IconTileRadioButton />', function () {
|
|
|
88
84
|
jest.clearAllMocks();
|
|
89
85
|
});
|
|
90
86
|
it('should display radio button text', function () {
|
|
91
|
-
var getByText =
|
|
87
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test' }, void 0)).getByText;
|
|
92
88
|
expect(getByText('test')).toBeTruthy();
|
|
93
89
|
});
|
|
94
90
|
it('should call onClick function if radio button is clicked', function () {
|
|
95
91
|
var callback = jest.fn();
|
|
96
|
-
var getByText =
|
|
92
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', onClick: callback }, void 0)).getByText;
|
|
97
93
|
getByText('test').click();
|
|
98
94
|
expect(callback).toHaveBeenCalled();
|
|
99
95
|
});
|
|
@@ -102,7 +98,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
102
98
|
return __generator(this, function (_a) {
|
|
103
99
|
callback = jest.fn();
|
|
104
100
|
providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
105
|
-
getByTestId =
|
|
101
|
+
getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', onKeyDown: callback, isOtherOption: true }, void 0) }), void 0)).getByTestId;
|
|
106
102
|
text = getByTestId('text');
|
|
107
103
|
// WHEN enter is pressed
|
|
108
104
|
react_1.fireEvent.keyDown(text, { key: 'Enter', code: 'Enter' });
|
|
@@ -115,7 +111,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
115
111
|
var callback = jest.fn();
|
|
116
112
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
117
113
|
// GIVEN the other option is enabled
|
|
118
|
-
var getByTestId =
|
|
114
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', onKeyDown: callback, isOtherOption: true }, void 0) }), void 0)).getByTestId;
|
|
119
115
|
getByTestId('text').click();
|
|
120
116
|
var textfield = getByTestId('other-option-textfield').querySelector('input[type=text]');
|
|
121
117
|
var blurSpy = jest.spyOn(textfield, 'blur');
|
|
@@ -130,7 +126,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
130
126
|
selectedId: undefined,
|
|
131
127
|
setSelectedId: callback,
|
|
132
128
|
};
|
|
133
|
-
var getByText =
|
|
129
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsxs(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: [jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test' }, void 0), ","] }), void 0)).getByText;
|
|
134
130
|
getByText('test').click();
|
|
135
131
|
expect(callback).toHaveBeenCalled();
|
|
136
132
|
});
|
|
@@ -138,7 +134,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
138
134
|
var callback = jest.fn();
|
|
139
135
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
140
136
|
// GIVEN the other option is enabled
|
|
141
|
-
var getByTestId =
|
|
137
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', isOtherOption: true, onChange: callback, otherInputValue: "test value" }, void 0) }), void 0)).getByTestId;
|
|
142
138
|
var input = getByTestId('other-option-textfield').querySelector('input[type=text]');
|
|
143
139
|
// WHEN the input is updated
|
|
144
140
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
|
@@ -152,14 +148,14 @@ describe('<IconTileRadioButton />', function () {
|
|
|
152
148
|
});
|
|
153
149
|
it('should not display otherInput unless specified', function () {
|
|
154
150
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
155
|
-
var getByTestId =
|
|
151
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test' }, void 0) }), void 0)).getByTestId;
|
|
156
152
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
157
153
|
expect(input).toBeNull();
|
|
158
154
|
});
|
|
159
155
|
it('should focus on OtherInput when clicked', function () {
|
|
160
156
|
var _a;
|
|
161
157
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
162
|
-
var getByTestId =
|
|
158
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', isOtherOption: true }, void 0) }), void 0)).getByTestId;
|
|
163
159
|
getByTestId('radioButtonCardButton').click();
|
|
164
160
|
var input = getByTestId('radioButtonCardButton');
|
|
165
161
|
var currentInput = input.querySelector('input[type=text]');
|
|
@@ -168,7 +164,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
168
164
|
});
|
|
169
165
|
it('should select the card component when a value for the other option is entered', function () {
|
|
170
166
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
171
|
-
var getByTestId =
|
|
167
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', isOtherOption: true }, void 0) }), void 0)).getByTestId;
|
|
172
168
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
|
173
169
|
radioButtonCardButton.click();
|
|
174
170
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
@@ -177,13 +173,13 @@ describe('<IconTileRadioButton />', function () {
|
|
|
177
173
|
});
|
|
178
174
|
it('should select the card component when a value for the other option is already present and the card is selected by default', function () {
|
|
179
175
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
180
|
-
var getByTestId =
|
|
176
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: true }, void 0) }), void 0)).getByTestId;
|
|
181
177
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
|
182
178
|
expect(radioButtonCardButton.dataset.selected).toBe('true');
|
|
183
179
|
});
|
|
184
180
|
it('should select the card component on click when a value is already present and the card is not selected by default', function () {
|
|
185
181
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
186
|
-
var getByTestId =
|
|
182
|
+
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false }, void 0) }), void 0)).getByTestId;
|
|
187
183
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
|
188
184
|
radioButtonCardButton.click();
|
|
189
185
|
expect(radioButtonCardButton.dataset.selected).toBe('true');
|
|
@@ -193,7 +189,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
193
189
|
var isIOSSpy = jest
|
|
194
190
|
.spyOn(browserAndDeviceDetection, 'isIOS')
|
|
195
191
|
.mockImplementationOnce(function () { return true; });
|
|
196
|
-
var getByText =
|
|
192
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'other-option', isOtherOption: true }, void 0)).getByText;
|
|
197
193
|
getByText('other-option').click();
|
|
198
194
|
expect(isIOSSpy).toHaveBeenCalled();
|
|
199
195
|
expect(iosFocusHandlerSpy).toHaveBeenCalled();
|
|
@@ -203,7 +199,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
203
199
|
var isIOSSpy = jest
|
|
204
200
|
.spyOn(browserAndDeviceDetection, 'isIOS')
|
|
205
201
|
.mockImplementationOnce(function () { return false; });
|
|
206
|
-
var getByText =
|
|
202
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(IconTileRadioButton_1.default, { id: '1', Icon: jsx_runtime_1.jsx("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }, void 0), text: 'other-option', isOtherOption: true }, void 0)).getByText;
|
|
207
203
|
getByText('other-option').click();
|
|
208
204
|
expect(isIOSSpy).toHaveBeenCalled();
|
|
209
205
|
expect(iosFocusHandlerSpy).not.toHaveBeenCalled();
|