@mvf/external-components 3.3.2 → 3.4.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 +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 +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 +8 -4
- 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 +8 -4
- 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 +6 -2
- 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 +1 -1
- 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/InfoPanel/IInfoPanelProps.d.ts +7 -0
- package/Components/Atoms/InfoPanel/IInfoPanelProps.js +3 -0
- package/Components/Atoms/InfoPanel/IInfoPanelProps.js.map +1 -0
- package/Components/Atoms/InfoPanel/InfoPanel.d.ts +7 -0
- package/Components/Atoms/InfoPanel/InfoPanel.js +29 -0
- package/Components/Atoms/InfoPanel/InfoPanel.js.map +1 -0
- package/Components/Atoms/InfoPanel/InfoPanel.test.d.ts +1 -0
- package/Components/Atoms/InfoPanel/InfoPanel.test.js +39 -0
- package/Components/Atoms/InfoPanel/InfoPanel.test.js.map +1 -0
- package/Components/Atoms/InfoPanel/InfoPanelStory.d.ts +11 -0
- package/Components/Atoms/InfoPanel/InfoPanelStory.js +50 -0
- package/Components/Atoms/InfoPanel/InfoPanelStory.js.map +1 -0
- package/Components/Atoms/InfoPanel/defaultProps.d.ts +6 -0
- package/Components/Atoms/InfoPanel/defaultProps.js +9 -0
- package/Components/Atoms/InfoPanel/defaultProps.js.map +1 -0
- package/Components/Atoms/InfoPanel/index.d.ts +1 -0
- package/Components/Atoms/InfoPanel/index.js +9 -0
- package/Components/Atoms/InfoPanel/index.js.map +1 -0
- package/Components/Atoms/InfoPanel/makeInfoPanelStyling.d.ts +8 -0
- package/Components/Atoms/InfoPanel/makeInfoPanelStyling.js +86 -0
- package/Components/Atoms/InfoPanel/makeInfoPanelStyling.js.map +1 -0
- package/Components/Atoms/Input/Input.d.ts +1 -1
- package/Components/Atoms/Input/Input.js +10 -6
- 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 +1 -1
- 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/makeTextStyling.js +3 -3
- package/Components/Atoms/Text/makeTextStyling.js.map +1 -1
- package/Components/Atoms/index.d.ts +1 -0
- package/Components/Atoms/index.js +3 -1
- package/Components/Atoms/index.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +9 -9
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +24 -24
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js +4 -4
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.js +1 -1
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -1
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.js +9 -9
- 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 +8 -4
- 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 +7 -3
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +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 +21 -17
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +3 -3
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js +1 -1
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/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 +19 -15
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +8 -4
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js +1 -1
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map +1 -1
- package/Components/Molecules/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 +1 -1
- 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/RadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +12 -12
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +14 -14
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js +4 -4
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.js +1 -1
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js +9 -9
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.js +15 -11
- 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/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 +4 -4
- 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 +1 -1
- package/Components/Organisms/ListLayout/ListLayoutStory.js +2 -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 +7 -3
- 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 +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +3 -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 +10 -6
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +10 -6
- 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.js +18 -14
- 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/Components/index.d.ts +1 -1
- package/Components/index.js +2 -1
- package/Components/index.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/index.d.ts +1 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,34 +9,34 @@ var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/rend
|
|
|
9
9
|
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
|
10
10
|
describe('PhoneNumberTextField', function () {
|
|
11
11
|
it('should display PhoneNumberTextField Component', function () {
|
|
12
|
-
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input" }
|
|
12
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input" })).getByText;
|
|
13
13
|
expect(getByText('Question')).toBeTruthy();
|
|
14
14
|
});
|
|
15
15
|
it('should be able to input values', function () {
|
|
16
|
-
var getByRole = renderWithProviders_1.default(jsx_runtime_1.jsx(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input" }
|
|
16
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input" })).getByRole;
|
|
17
17
|
user_event_1.default.type(getByRole('textbox'), '90210');
|
|
18
18
|
expect(getByRole('textbox')).toHaveValue('90210');
|
|
19
19
|
});
|
|
20
20
|
it('should have an input type of tel by default', function () {
|
|
21
21
|
var _a;
|
|
22
|
-
var container = renderWithProviders_1.default(jsx_runtime_1.jsx(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input" }
|
|
22
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input" })).container;
|
|
23
23
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
|
|
24
24
|
});
|
|
25
25
|
it('should pass text input type through', function () {
|
|
26
26
|
var _a;
|
|
27
|
-
var container = renderWithProviders_1.default(jsx_runtime_1.jsx(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text" }
|
|
27
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text" })).container;
|
|
28
28
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
|
29
29
|
});
|
|
30
30
|
it('should display validity icon on error', function () {
|
|
31
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message" }
|
|
31
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message" })).getByTestId;
|
|
32
32
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
33
33
|
});
|
|
34
34
|
it('should display validity icon on validation success', function () {
|
|
35
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true }
|
|
35
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true })).getByTestId;
|
|
36
36
|
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
|
37
37
|
});
|
|
38
38
|
it('should display error icon on validation success and error message', function () {
|
|
39
|
-
var _a = renderWithProviders_1.default(jsx_runtime_1.jsx(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message" }
|
|
39
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
|
40
40
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
41
41
|
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
|
42
42
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAoD;AACpD,mGAA6E;AAC7E,gFAA0D;AAE1D,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,+CAA+C,EAAE;QAC1C,IAAA,SAAS,GAAK,6BAAmB,
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ var addon_actions_1 = require("@storybook/addon-actions");
|
|
|
19
19
|
require("intl-tel-input/build/css/intlTelInput.css");
|
|
20
20
|
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
|
21
21
|
var getInput = function (id) {
|
|
22
|
-
return document.querySelector("#"
|
|
22
|
+
return document.querySelector("#".concat(id));
|
|
23
23
|
};
|
|
24
24
|
var getCountryCode = function (id) {
|
|
25
25
|
var input = getInput(id);
|
|
@@ -31,11 +31,11 @@ var getCountryCode = function (id) {
|
|
|
31
31
|
};
|
|
32
32
|
var handleChange = function (_a) {
|
|
33
33
|
var id = _a.id, value = _a.value;
|
|
34
|
-
addon_actions_1.action('Input Change')({ phone: value, countryCode: getCountryCode(id) });
|
|
34
|
+
(0, addon_actions_1.action)('Input Change')({ phone: value, countryCode: getCountryCode(id) });
|
|
35
35
|
};
|
|
36
36
|
var PhoneNumberTextFieldStory = function (_a) {
|
|
37
37
|
var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, parentContainerMaxWidth = _a.parentContainerMaxWidth, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive;
|
|
38
|
-
return (jsx_runtime_1.jsx("div", __assign({ style: { maxWidth: parentContainerMaxWidth } }, { children: jsx_runtime_1.jsx(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive }
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: parentContainerMaxWidth } }, { children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive }) })));
|
|
39
39
|
};
|
|
40
40
|
exports.default = PhoneNumberTextFieldStory;
|
|
41
41
|
//# sourceMappingURL=PhoneNumberTextFieldStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,qDAAmD;AAGnD,gFAA0D;AAc1D,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,qDAAmD;AAGnD,gFAA0D;AAc1D,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAU;IAChC,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3B,gJAAgJ;IAChJ,IAAM,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1D,gJAAgJ;IACxI,IAAA,IAAI,GAAK,GAAG,CAAC,sBAAsB,EAAE,KAAjC,CAAkC;IAC9C,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;QAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;IAC/B,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAAc,UAAC,EAU7C;QATC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,uBAAuB,6BAAA,EACvB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAElB,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,gBAC/C,uBAAC,8BAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,GACtC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
|
|
@@ -15,8 +15,8 @@ var react_1 = require("@emotion/react");
|
|
|
15
15
|
var material_1 = require("@mui/material");
|
|
16
16
|
var makeFormControlPhoneNumberStyling = function (_a) {
|
|
17
17
|
var isAnswered = _a.isAnswered;
|
|
18
|
-
var theme = react_1.useTheme();
|
|
19
|
-
return react_1.css({
|
|
18
|
+
var theme = (0, react_1.useTheme)();
|
|
19
|
+
return (0, react_1.css)({
|
|
20
20
|
width: '100%',
|
|
21
21
|
'& .MuiInputLabel-shrink': {
|
|
22
22
|
marginLeft: 87,
|
|
@@ -26,17 +26,17 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
26
26
|
width: 'calc(100% - 71px)',
|
|
27
27
|
paddingLeft: '1.2rem !important',
|
|
28
28
|
},
|
|
29
|
-
'& .iti__flag-container': __assign({ borderRight: theme.mvf.border.width.thin
|
|
29
|
+
'& .iti__flag-container': __assign({ borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerUnselectedColor), '& .iti__selected-flag': {
|
|
30
30
|
paddingLeft: theme.mvf.spacing.smedium,
|
|
31
31
|
paddingRight: theme.mvf.spacing.smedium,
|
|
32
32
|
} }, (isAnswered && {
|
|
33
|
-
borderRight: theme.mvf.border.width.thin
|
|
33
|
+
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerSelectedColor),
|
|
34
34
|
})),
|
|
35
35
|
'& .Mui-error .iti__flag-container': {
|
|
36
|
-
borderRight: theme.mvf.border.width.thin
|
|
36
|
+
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
|
|
37
37
|
},
|
|
38
38
|
'&:hover .Mui-error .iti__flag-container': {
|
|
39
|
-
borderRight: theme.mvf.border.width.thin
|
|
39
|
+
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
|
|
40
40
|
},
|
|
41
41
|
'& .Mui-focused .iti__flag-container': {
|
|
42
42
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
|
@@ -45,7 +45,7 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
45
45
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
|
46
46
|
},
|
|
47
47
|
'& .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag': {
|
|
48
|
-
backgroundColor: material_1.lighten(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
|
|
48
|
+
backgroundColor: (0, material_1.lighten)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
|
|
49
49
|
},
|
|
50
50
|
'& .MuiInputBase-root.MuiInputBase-formControl': {
|
|
51
51
|
width: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,gBAAQ,
|
|
1
|
+
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,wBAAwB,aACtB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE,EAC1G,uBAAuB,EAAE;gBACvB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;gBACtC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;aACxC,IACE,CAAC,UAAU,IAAI;YAChB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,CAAE;SACzG,CAAC,CACH;QACD,mCAAmC,EAAE;YACnC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,yCAAyC,EAAE;YACzC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,qCAAqC,EAAE;YACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,8BAA8B,EAAE;YAC9B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,uEAAuE,EAAE;YACvE,eAAe,EAAE,IAAA,kBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;SACF;QACD,+CAA+C,EAAE;YAC/C,KAAK,EAAE,MAAM;SACd;QACD,wBAAwB,EAAE;YACxB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;SAClB;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
|
|
2
2
|
import IComponentProps from './IRadioButtonProps';
|
|
3
3
|
import defaultProps from './defaultProps';
|
|
4
|
-
|
|
4
|
+
type RadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
5
5
|
declare const RadioButton: RadioButtonType;
|
|
6
6
|
export default RadioButton;
|
|
@@ -30,18 +30,18 @@ var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers"
|
|
|
30
30
|
var makeRadioButtonStyling_1 = __importDefault(require("./makeRadioButtonStyling"));
|
|
31
31
|
var RadioButton = function (_a) {
|
|
32
32
|
var Icon = _a.Icon, id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue;
|
|
33
|
-
var _b = react_1.useContext(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
|
|
34
|
-
var _c = react_1.useState(otherInputValue), otherValue = _c[0], setOtherValue = _c[1];
|
|
35
|
-
var _d = react_1.useState(false), isFocused = _d[0], setIsFocused = _d[1];
|
|
36
|
-
var otherInputRef = react_1.useRef(null);
|
|
33
|
+
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
|
|
34
|
+
var _c = (0, react_1.useState)(otherInputValue), otherValue = _c[0], setOtherValue = _c[1];
|
|
35
|
+
var _d = (0, react_1.useState)(false), isFocused = _d[0], setIsFocused = _d[1];
|
|
36
|
+
var otherInputRef = (0, react_1.useRef)(null);
|
|
37
37
|
var isSelected = id === selectedId;
|
|
38
|
-
var styles = makeRadioButtonStyling_1.default();
|
|
38
|
+
var styles = (0, makeRadioButtonStyling_1.default)();
|
|
39
39
|
var isTextfield = (isOtherOption && isFocused) || !!otherValue;
|
|
40
40
|
var isIconPresent = !!Icon;
|
|
41
41
|
var handleClick = function () {
|
|
42
42
|
onClick({ id: id });
|
|
43
|
-
if (browserAndDeviceDetection_1.isIOS() && !otherInputRef.current && isOtherOption) {
|
|
44
|
-
deviceSpecificHandlers_1.iosFocusHandler(otherInputRef);
|
|
43
|
+
if ((0, browserAndDeviceDetection_1.isIOS)() && !otherInputRef.current && isOtherOption) {
|
|
44
|
+
(0, deviceSpecificHandlers_1.iosFocusHandler)(otherInputRef);
|
|
45
45
|
}
|
|
46
46
|
if (otherInputRef.current) {
|
|
47
47
|
otherInputRef.current.focus();
|
|
@@ -73,8 +73,8 @@ var RadioButton = function (_a) {
|
|
|
73
73
|
setSelectedId(undefined);
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
|
-
react_1.useEffect(function () {
|
|
77
|
-
if (isSelected && otherInputRef.current && !browserAndDeviceDetection_1.isIOS()) {
|
|
76
|
+
(0, react_1.useEffect)(function () {
|
|
77
|
+
if (isSelected && otherInputRef.current && !(0, browserAndDeviceDetection_1.isIOS)()) {
|
|
78
78
|
otherInputRef.current.focus();
|
|
79
79
|
}
|
|
80
80
|
}, [isSelected]);
|
|
@@ -84,11 +84,11 @@ var RadioButton = function (_a) {
|
|
|
84
84
|
}
|
|
85
85
|
setIsFocused(false);
|
|
86
86
|
};
|
|
87
|
-
return (jsx_runtime_1.jsx(Grid_1.default, { children: jsx_runtime_1.jsx(CardButton_1.default, __assign({ selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, onBlur: handleBlur, "data-testid": "radioButtonCardButton", outlined: isSelected }, { children: jsx_runtime_1.jsx(Grid_1.default, __assign({ container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" }, { children: jsx_runtime_1.jsxs(Grid_1.default, __assign({ container: true, alignItems: "center", css: styles.innerGrid }, { children: [isIconPresent ? (jsx_runtime_1.jsx(Grid_1.default, __assign({ item: true, css: styles.icon }, { children: jsx_runtime_1.jsx("div", __assign({ css: styles.imgDiv, "data-testid": "radioIcon" }, { children: Icon })
|
|
87
|
+
return ((0, jsx_runtime_1.jsx)(Grid_1.default, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, onBlur: handleBlur, "data-testid": "radioButtonCardButton", outlined: isSelected }, { children: (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" }, { children: (0, jsx_runtime_1.jsxs)(Grid_1.default, __assign({ container: true, alignItems: "center", css: styles.innerGrid }, { children: [isIconPresent ? ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, css: styles.icon }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: styles.imgDiv, "data-testid": "radioIcon" }, { children: Icon })) }))) : ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(Radio_1.default, { icon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: true }), css: styles.radio, checked: isSelected,
|
|
88
88
|
// TODO there is no click handler on the radio button itself, add one so that the radio button can be selected by clicking on it
|
|
89
|
-
color: "primary", "data-testid": "toggle-"
|
|
89
|
+
color: "primary", "data-testid": "toggle-".concat(id), onMouseDown: function (event) { return event.preventDefault(); } }) }))), (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, css: styles.textGrid }, { children: isTextfield ? ((0, jsx_runtime_1.jsx)("div", __assign({ css: styles.otherInput }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherOptionTextfield:".concat(id), id: id, placeholder: text, onBlur: onBlur, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
|
|
90
90
|
enterKeyHint: 'go',
|
|
91
|
-
} }
|
|
91
|
+
} }) }))) : ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "listItem", align: "left" }, { children: text }))) }))] })) })) })) }));
|
|
92
92
|
};
|
|
93
93
|
RadioButton.defaultProps = defaultProps_1.default;
|
|
94
94
|
exports.default = RadioButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AACxC,8DAA0C;AAC1C,+BAAuE;AACvE,oFAA8D;AAG9D,iFAA2D;AAC3D,0DAAoC;AACpC,mGAA6E;AAC7E,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,oFAA8D;AAO9D,IAAM,WAAW,GAAoB,UAAC,EAWrC;QAVC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA;IAET,IAAA,KAAgC,kBAAU,
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,18 +24,18 @@ var RadioButton_1 = __importDefault(require("./RadioButton"));
|
|
|
24
24
|
var imageSrc = svgs_1.default.truck;
|
|
25
25
|
describe('<RadioButton />', function () {
|
|
26
26
|
it('should display radio button text', function () {
|
|
27
|
-
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioButton_1.default, { id: 'id', text: 'test' }
|
|
27
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test' })).getByText;
|
|
28
28
|
expect(getByText('test')).toBeTruthy();
|
|
29
29
|
});
|
|
30
30
|
it('should call onClick function if radio button is clicked', function () {
|
|
31
31
|
var callback = jest.fn();
|
|
32
|
-
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', onClick: callback }
|
|
32
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onClick: callback })).getByText;
|
|
33
33
|
getByText('test').click();
|
|
34
34
|
expect(callback).toHaveBeenCalled();
|
|
35
35
|
});
|
|
36
36
|
it('should call onKeyDown and blur the button when enter is pressed', function () {
|
|
37
37
|
var callback = jest.fn();
|
|
38
|
-
var getByRole = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value" }
|
|
38
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value" })).getByRole;
|
|
39
39
|
var textbox = getByRole('textbox');
|
|
40
40
|
var blurSpy = jest.spyOn(textbox, 'blur');
|
|
41
41
|
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
|
@@ -44,7 +44,7 @@ describe('<RadioButton />', function () {
|
|
|
44
44
|
});
|
|
45
45
|
it('should alter checked state based on context selectedId', function () {
|
|
46
46
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
47
|
-
var getByRole = renderWithProviders_1.default(jsx_runtime_1.jsxs(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: [jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test' }
|
|
47
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }), ","] }))).getByRole;
|
|
48
48
|
var radio = getByRole('radio');
|
|
49
49
|
expect(radio.checked).toBeTruthy();
|
|
50
50
|
});
|
|
@@ -54,13 +54,13 @@ describe('<RadioButton />', function () {
|
|
|
54
54
|
selectedId: undefined,
|
|
55
55
|
setSelectedId: callback,
|
|
56
56
|
};
|
|
57
|
-
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test' }
|
|
57
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }) }))).getByText;
|
|
58
58
|
getByText('test').click();
|
|
59
59
|
expect(callback).toHaveBeenCalled();
|
|
60
60
|
});
|
|
61
61
|
it('should not display otherInput unless specified', function () {
|
|
62
62
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
63
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test' }
|
|
63
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }) }))).getByTestId;
|
|
64
64
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
65
65
|
expect(input).toBeNull();
|
|
66
66
|
});
|
|
@@ -68,7 +68,7 @@ describe('<RadioButton />', function () {
|
|
|
68
68
|
var callback = jest.fn();
|
|
69
69
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
70
70
|
// GIVEN the other option is selected
|
|
71
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: "test value" }
|
|
71
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: "test value" }) }))).getByTestId;
|
|
72
72
|
var input = getByTestId('otherOptionTextfield:1').querySelector('input[type=text]');
|
|
73
73
|
// WHEN the input is updated
|
|
74
74
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
|
@@ -83,7 +83,7 @@ describe('<RadioButton />', function () {
|
|
|
83
83
|
it('should focus on OtherInput when clicked', function () {
|
|
84
84
|
var _a;
|
|
85
85
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
86
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true }
|
|
86
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true }) }))).getByTestId;
|
|
87
87
|
getByTestId('radioButtonCardButton').click();
|
|
88
88
|
var input = getByTestId('radioButtonCardButton');
|
|
89
89
|
var currentInput = input.querySelector('input[type=text]');
|
|
@@ -92,7 +92,7 @@ describe('<RadioButton />', function () {
|
|
|
92
92
|
});
|
|
93
93
|
it('should trigger onBlur when other input deselected', function () {
|
|
94
94
|
var callback = jest.fn();
|
|
95
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioButton_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback, otherInputValue: "test value" }
|
|
95
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback, otherInputValue: "test value" })).getByTestId;
|
|
96
96
|
var textfield = getByTestId('otherOptionTextfield:id').querySelector('input[type=text]');
|
|
97
97
|
var blurSpy = jest.spyOn(textfield, 'blur');
|
|
98
98
|
// WHEN enter is pressed
|
|
@@ -102,7 +102,7 @@ describe('<RadioButton />', function () {
|
|
|
102
102
|
});
|
|
103
103
|
it('should select the card component when a value for the other option is entered', function () {
|
|
104
104
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
105
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true }
|
|
105
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true }) }))).getByTestId;
|
|
106
106
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
|
107
107
|
radioButtonCardButton.click();
|
|
108
108
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
@@ -111,23 +111,23 @@ describe('<RadioButton />', function () {
|
|
|
111
111
|
});
|
|
112
112
|
it('should select the card component when a value for the other option is already present and the card is selected by default', function () {
|
|
113
113
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
114
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: true }
|
|
114
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: true }) }))).getByTestId;
|
|
115
115
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
|
116
116
|
expect(radioButtonCardButton.dataset.selected).toBe('true');
|
|
117
117
|
});
|
|
118
118
|
it('should select the card component on click when a value is already present and the card is not selected by default', function () {
|
|
119
119
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
|
120
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false }
|
|
120
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: providerProps }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false }) }))).getByTestId;
|
|
121
121
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
|
122
122
|
radioButtonCardButton.click();
|
|
123
123
|
expect(radioButtonCardButton.dataset.selected).toBe('true');
|
|
124
124
|
});
|
|
125
125
|
it('should not display an icon by default', function () {
|
|
126
|
-
var queryByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false }
|
|
126
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false })).queryByTestId;
|
|
127
127
|
expect(queryByTestId('radioIcon')).not.toBeInTheDocument();
|
|
128
128
|
});
|
|
129
129
|
it('should display a supplied Icon', function () {
|
|
130
|
-
var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, Icon: jsx_runtime_1.jsx("img", { src: imageSrc, alt: "optionImage" }
|
|
130
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }) })).getByTestId;
|
|
131
131
|
expect(getByTestId('radioIcon')).toBeInTheDocument();
|
|
132
132
|
});
|
|
133
133
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAmD;AACnD,mEAA6C;AAC7C,mGAA6E;AAC7E,mGAA6E;AAC7E,8DAAwC;AAExC,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;AAE5B,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,kCAAkC,EAAE;QAC7B,IAAA,SAAS,GAAK,6BAAmB,
|
|
1
|
+
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAmD;AACnD,mEAA6C;AAC7C,mGAA6E;AAC7E,mGAA6E;AAC7E,8DAAwC;AAExC,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;AAE5B,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,kCAAkC,EAAE;QAC7B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,qBAAW,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAI,CACxC,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QAC5D,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,qBAAW,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC1D,UAFgB,CAEf;QACF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE;QACpE,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,qBAAW,IACV,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,QAAQ,EACnB,aAAa,QACb,eAAe,EAAC,YAAY,GAC5B,CACH,UARgB,CAQf;QACF,IAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC5C,iBAAS,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAE5D,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE;QAC3D,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAE3D,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,wBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,aAAa,iBAC9C,uBAAC,qBAAW,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAI,UACX,CAC9B,UAJgB,CAIf;QACF,IAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAqB,CAAC;QAErD,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE;QACtD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAM,aAAa,GAAG;YACpB,UAAU,EAAE,SAAS;YACrB,aAAa,EAAE,QAAQ;SACxB,CAAC;QAEM,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,aAAa,gBAC9C,uBAAC,qBAAW,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAI,IACX,CAC9B,UAJgB,CAIf;QAEF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QACnD,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,aAAa,gBAC9C,uBAAC,qBAAW,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAI,IACX,CAC9B,YAJkB,CAIjB;QACF,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC,aAAa,CAC9D,kBAAkB,CACnB,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE;QACpD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QACnE,qCAAqC;QAC7B,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,aAAa,gBAC9C,uBAAC,qBAAW,IACV,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAC,YAAY,GAC5B,IACyB,CAC9B,YAVkB,CAUjB;QACF,IAAM,KAAK,GAAG,WAAW,CAAC,wBAAwB,CAAC,CAAC,aAAa,CAC/D,kBAAkB,CACC,CAAC;QACtB,4BAA4B;QAC5B,iBAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;QACvD,8BAA8B;QAC9B,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC;YACpC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,MAAM;SACd,CAAC,CAAC;QACH,iCAAiC;QACjC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;;QAC5C,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,aAAa,gBAC9C,uBAAC,qBAAW,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,GAAI,IAChC,CAC9B,YAJkB,CAIjB;QAEF,WAAW,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7C,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACnD,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC7D,IAAM,WAAW,GACf,MAAA,QAAQ,CAAC,aAAa,0CAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC5D,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE;QACtD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IACV,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,IAAI,EACnB,MAAM,EAAE,QAAQ,EAChB,eAAe,EAAC,YAAY,GAC5B,CACH,YATkB,CASjB;QACF,IAAM,SAAS,GAAG,WAAW,CAAC,yBAAyB,CAAC,CAAC,aAAa,CACpE,kBAAkB,CACC,CAAC;QACtB,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAC9C,wBAAwB;QACxB,iBAAS,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9D,0BAA0B;QAC1B,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE;QAClF,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,aAAa,gBAC9C,uBAAC,qBAAW,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,GAAI,IAChC,CAC9B,YAJkB,CAIjB;QAEF,IAAM,qBAAqB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACnE,qBAAqB,CAAC,KAAK,EAAE,CAAC;QAE9B,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC,aAAa,CAC9D,kBAAkB,CACC,CAAC;QACtB,iBAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;QAEvD,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2HAA2H,EAAE;QAC9H,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,aAAa,gBAC9C,uBAAC,qBAAW,IACV,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,IAAI,GACd,IACyB,CAC9B,YAVkB,CAUjB;QAEF,IAAM,qBAAqB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;QAEnE,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mHAAmH,EAAE;QACtH,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,aAAa,gBAC9C,uBAAC,qBAAW,IACV,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,KAAK,GACf,IACyB,CAC9B,YAVkB,CAUjB;QAEF,IAAM,qBAAqB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACnE,qBAAqB,CAAC,KAAK,EAAE,CAAC;QAE9B,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE;QAClC,IAAA,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,qBAAW,IACV,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,KAAK,GACf,CACH,cARoB,CAQnB;QAEF,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IACV,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,GAAG,GAC9C,CACH,YATkB,CASjB;QAEF,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ISvgs } from '../../../Assets/svgs/svgs';
|
|
3
|
-
|
|
3
|
+
type RadioButtonStoryType = React.FunctionComponent<{
|
|
4
4
|
error: boolean;
|
|
5
5
|
iconType: keyof ISvgs | 'none';
|
|
6
6
|
otherInputError: boolean;
|
|
@@ -26,14 +26,14 @@ var RadioButtonStory = function (_a) {
|
|
|
26
26
|
var _b = react_1.default.useState(undefined), selectedId = _b[0], setSelectedId = _b[1];
|
|
27
27
|
var handleClick = function (_a) {
|
|
28
28
|
var id = _a.id;
|
|
29
|
-
addon_actions_1.action('Clicked')(id);
|
|
29
|
+
(0, addon_actions_1.action)('Clicked')(id);
|
|
30
30
|
setSelectedId(id);
|
|
31
31
|
};
|
|
32
32
|
var handleKeyDown = function (event) {
|
|
33
|
-
addon_actions_1.action('Key down')(event);
|
|
33
|
+
(0, addon_actions_1.action)('Key down')(event);
|
|
34
34
|
};
|
|
35
|
-
var Icon = iconType === 'none' ? undefined : (jsx_runtime_1.jsx("img", { src: svgs_1.default[iconType], alt: "optionImage" }
|
|
36
|
-
return (jsx_runtime_1.jsx("div", __assign({ style: { width: ""
|
|
35
|
+
var Icon = iconType === 'none' ? undefined : ((0, jsx_runtime_1.jsx)("img", { src: svgs_1.default[iconType], alt: "optionImage" }));
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: "".concat(parentContainerWidth) } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, __assign({ errorMessage: error || otherInputError ? 'error' : undefined }, { children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: { selectedId: selectedId, setSelectedId: setSelectedId } }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { Icon: Icon, id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError }) })) })) })));
|
|
37
37
|
};
|
|
38
38
|
exports.default = RadioButtonStory;
|
|
39
39
|
//# sourceMappingURL=RadioButtonStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,gDAA0B;AAC1B,8FAA6F;AAC7F,mGAA6E;AAE7E,8DAAwC;AACxC,mEAAwD;AAWxD,IAAM,gBAAgB,GAAyB,UAAC,EAO/C;QANC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,oBAAoB,0BAAA;IAEd,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkC;YAAhC,EAAE,QAAA;QACvB,sBAAM,
|
|
1
|
+
{"version":3,"file":"RadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,gDAA0B;AAC1B,8FAA6F;AAC7F,mGAA6E;AAE7E,8DAAwC;AACxC,mEAAwD;AAWxD,IAAM,gBAAgB,GAAyB,UAAC,EAO/C;QANC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,oBAAoB,0BAAA;IAEd,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkC;YAAhC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;QACtB,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,IAAI,GACR,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAChC,gCAAK,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAC,aAAa,GAAG,CAC/C,CAAC;IAEJ,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,CAAE,EAAE,gBAC9C,uBAAC,2CAAoB,aACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBAE5D,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,gBAC9D,uBAAC,qBAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,IACyB,IACR,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -4,7 +4,7 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
4
4
|
var __1 = require("../..");
|
|
5
5
|
var renderRadioButton = function (_a) {
|
|
6
6
|
var Icon = _a.Icon, id = _a.id, text = _a.text, isOtherOption = _a.isOtherOption, otherInputValue = _a.otherInputValue;
|
|
7
|
-
return (jsx_runtime_1.jsx(__1.RadioButton, { Icon: Icon, id: id, text: text, isOtherOption: isOtherOption, otherInputValue: otherInputValue }, id));
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(__1.RadioButton, { Icon: Icon, id: id, text: text, isOtherOption: isOtherOption, otherInputValue: otherInputValue }, id));
|
|
8
8
|
};
|
|
9
9
|
exports.default = renderRadioButton;
|
|
10
10
|
//# sourceMappingURL=renderRadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderRadioButton.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/RadioButton/__helpers__/renderRadioButton.tsx"],"names":[],"mappings":";;;AAAA,2BAAoC;AAGpC,IAAM,iBAAiB,GAAG,UAAC,EAMR;QALjB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA;IACO,OAAA,CACtB,
|
|
1
|
+
{"version":3,"file":"renderRadioButton.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/RadioButton/__helpers__/renderRadioButton.tsx"],"names":[],"mappings":";;;AAAA,2BAAoC;AAGpC,IAAM,iBAAiB,GAAG,UAAC,EAMR;QALjB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA;IACO,OAAA,CACtB,uBAAC,eAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EAEV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,IAF3B,EAAE,CAGP,CACH;AATuB,CASvB,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|
|
@@ -4,14 +4,14 @@ var react_1 = require("@emotion/react");
|
|
|
4
4
|
var material_1 = require("@mui/material");
|
|
5
5
|
var makeRadioButtonStyling = function () {
|
|
6
6
|
var _a, _b;
|
|
7
|
-
var _c = react_1.useTheme(), breakpoints = _c.breakpoints, mvf = _c.mvf;
|
|
7
|
+
var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
|
|
8
8
|
var spacing = mvf.spacing, fontSize = mvf.fontSize, palette = mvf.palette;
|
|
9
9
|
return {
|
|
10
|
-
radio: react_1.css({
|
|
10
|
+
radio: (0, react_1.css)({
|
|
11
11
|
color: palette.component.answerUnselectedColor,
|
|
12
12
|
'&.MuiIconButton-root': {
|
|
13
13
|
'&:hover': {
|
|
14
|
-
backgroundColor: material_1.alpha(palette.component.answerSelectedColor, 0.04),
|
|
14
|
+
backgroundColor: (0, material_1.alpha)(palette.component.answerSelectedColor, 0.04),
|
|
15
15
|
},
|
|
16
16
|
},
|
|
17
17
|
'&.MuiRadio-root': (_a = {
|
|
@@ -25,12 +25,12 @@ var makeRadioButtonStyling = function () {
|
|
|
25
25
|
},
|
|
26
26
|
_a),
|
|
27
27
|
}),
|
|
28
|
-
grid: react_1.css({
|
|
28
|
+
grid: (0, react_1.css)({
|
|
29
29
|
height: '100%',
|
|
30
30
|
width: '100%',
|
|
31
31
|
minHeight: 48,
|
|
32
32
|
}),
|
|
33
|
-
icon: react_1.css({
|
|
33
|
+
icon: (0, react_1.css)({
|
|
34
34
|
marginTop: 9,
|
|
35
35
|
marginBottom: 9,
|
|
36
36
|
width: 100,
|
|
@@ -38,20 +38,20 @@ var makeRadioButtonStyling = function () {
|
|
|
38
38
|
height: 40,
|
|
39
39
|
},
|
|
40
40
|
}),
|
|
41
|
-
imgDiv: react_1.css({
|
|
41
|
+
imgDiv: (0, react_1.css)({
|
|
42
42
|
display: 'flex',
|
|
43
43
|
justifyContent: 'center',
|
|
44
44
|
}),
|
|
45
|
-
innerGrid: react_1.css({
|
|
45
|
+
innerGrid: (0, react_1.css)({
|
|
46
46
|
flexWrap: 'nowrap',
|
|
47
47
|
}),
|
|
48
|
-
textGrid: react_1.css({
|
|
48
|
+
textGrid: (0, react_1.css)({
|
|
49
49
|
overflowWrap: 'anywhere',
|
|
50
50
|
wordBreak: 'normal',
|
|
51
51
|
justifyContent: 'flex-start',
|
|
52
52
|
width: '85%',
|
|
53
53
|
}),
|
|
54
|
-
otherInput: react_1.css({
|
|
54
|
+
otherInput: (0, react_1.css)({
|
|
55
55
|
marginTop: -1,
|
|
56
56
|
marginRight: spacing.medium,
|
|
57
57
|
padding: spacing.tiny,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeRadioButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/makeRadioButtonStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,sBAAsB,GAAG;;IACvB,IAAA,KAAuB,gBAAQ,
|
|
1
|
+
{"version":3,"file":"makeRadioButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/makeRadioButtonStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,sBAAsB,GAAG;;IACvB,IAAA,KAAuB,IAAA,gBAAQ,GAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAwB,GAAG,QAA3B,EAAE,QAAQ,GAAc,GAAG,SAAjB,EAAE,OAAO,GAAK,GAAG,QAAR,CAAS;IAC3C,OAAO;QACL,KAAK,EAAE,IAAA,WAAG,EAAC;YACT,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,qBAAqB;YAC9C,sBAAsB,EAAE;gBACtB,SAAS,EAAE;oBACT,eAAe,EAAE,IAAA,gBAAK,EAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC;iBACpE;aACF;YACD,iBAAiB;oBACf,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;;gBAChB,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBAC/B,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;oBAChB,UAAU,EAAE,EAAE;iBACf;mBACF;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,EAAE;SACd,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;YACf,KAAK,EAAE,GAAG;YACV,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,CAAC;QACF,MAAM,EAAE,IAAA,WAAG,EAAC;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;QACF,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,QAAQ,EAAE,QAAQ;SACnB,CAAC;QACF,QAAQ,EAAE,IAAA,WAAG,EAAC;YACZ,YAAY,EAAE,UAAU;YACxB,SAAS,EAAE,QAAQ;YACnB,cAAc,EAAE,YAAY;YAC5B,KAAK,EAAE,KAAK;SACb,CAAC;QACF,UAAU,EAAE,IAAA,WAAG,EAAC;YACd,SAAS,EAAE,CAAC,CAAC;YACb,WAAW,EAAE,OAAO,CAAC,MAAM;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI;YACrB,4BAA4B;oBAC1B,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;;gBACvB,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBAChC,QAAQ,EAAE,QAAQ,CAAC,KAAK;iBACzB;gBACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBAC/B,QAAQ,EAAE,QAAQ,CAAC,OAAO;iBAC3B;mBACF;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
|
|
@@ -12,7 +12,11 @@ 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
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
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);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -49,14 +53,14 @@ var makeScrollContainerStyling_1 = __importStar(require("./makeScrollContainerSt
|
|
|
49
53
|
*/
|
|
50
54
|
var ScrollContainer = function (_a) {
|
|
51
55
|
var children = _a.children, maxWidth = _a.maxWidth;
|
|
52
|
-
var childRef = react_1.useRef(null);
|
|
53
|
-
var _b = react_1.useState(false), skipAllScrollUpdates = _b[0], setSkipAllScrollUpdates = _b[1];
|
|
54
|
-
var _c = react_1.useState(null), scrollDetails = _c[0], setScrollDetails = _c[1];
|
|
55
|
-
var _d = react_1.useState(false), isContentUpdated = _d[0], setContentUpdated = _d[1];
|
|
56
|
+
var childRef = (0, react_1.useRef)(null);
|
|
57
|
+
var _b = (0, react_1.useState)(false), skipAllScrollUpdates = _b[0], setSkipAllScrollUpdates = _b[1];
|
|
58
|
+
var _c = (0, react_1.useState)(null), scrollDetails = _c[0], setScrollDetails = _c[1];
|
|
59
|
+
var _d = (0, react_1.useState)(false), isContentUpdated = _d[0], setContentUpdated = _d[1];
|
|
56
60
|
var isScrollNeeded = scrollDetails !== null;
|
|
57
|
-
var scrollBufferOffset = ScrollContainerHelpers_1.getScrollBufferOffset(scrollDetails);
|
|
58
|
-
var scrollBufferOpacity = ScrollContainerHelpers_1.getScrollBufferOpacity(scrollDetails);
|
|
59
|
-
var styles = makeScrollContainerStyling_1.default({
|
|
61
|
+
var scrollBufferOffset = (0, ScrollContainerHelpers_1.getScrollBufferOffset)(scrollDetails);
|
|
62
|
+
var scrollBufferOpacity = (0, ScrollContainerHelpers_1.getScrollBufferOpacity)(scrollDetails);
|
|
63
|
+
var styles = (0, makeScrollContainerStyling_1.default)({
|
|
60
64
|
scrollBufferOffset: scrollBufferOffset,
|
|
61
65
|
scrollBufferOpacity: scrollBufferOpacity,
|
|
62
66
|
});
|
|
@@ -88,7 +92,7 @@ var ScrollContainer = function (_a) {
|
|
|
88
92
|
setScrollDetails(getScrollDetailsOrNull());
|
|
89
93
|
}
|
|
90
94
|
};
|
|
91
|
-
react_1.useEffect(function () {
|
|
95
|
+
(0, react_1.useEffect)(function () {
|
|
92
96
|
toggleScrollBuffer();
|
|
93
97
|
if (isContentUpdated) {
|
|
94
98
|
setContentUpdated(false);
|
|
@@ -99,7 +103,7 @@ var ScrollContainer = function (_a) {
|
|
|
99
103
|
};
|
|
100
104
|
// TODO isScrollNeeded - setting scroll details should be dependent on a change in clientHeight / scrollHeight, so they should be the arguments to this useEffect
|
|
101
105
|
}, [children, isScrollNeeded, isContentUpdated]);
|
|
102
|
-
react_1.useEffect(function () {
|
|
106
|
+
(0, react_1.useEffect)(function () {
|
|
103
107
|
window.addEventListener('resize', function () { return toggleScrollBuffer(); });
|
|
104
108
|
return function () {
|
|
105
109
|
window.removeEventListener('resize', function () { return toggleScrollBuffer(); });
|
|
@@ -120,7 +124,7 @@ var ScrollContainer = function (_a) {
|
|
|
120
124
|
*/
|
|
121
125
|
onContentMounting: function () { return setSkipAllScrollUpdates(true); },
|
|
122
126
|
});
|
|
123
|
-
return (jsx_runtime_1.jsxs("div", __assign({ css: styles.scrollBox, ref: childRef, onScroll: toggleScrollBuffer }, { children: [jsx_runtime_1.jsxs(Container_1.default, __assign({ maxWidth: maxWidth }, { children: [updatedChildren, isScrollNeeded && jsx_runtime_1.jsx("div", { css: styles.scrollPadding }
|
|
127
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.scrollBox, ref: childRef, onScroll: toggleScrollBuffer }, { children: [(0, jsx_runtime_1.jsxs)(Container_1.default, __assign({ maxWidth: maxWidth }, { children: [updatedChildren, isScrollNeeded && (0, jsx_runtime_1.jsx)("div", { css: styles.scrollPadding })] })), isScrollNeeded && ((0, jsx_runtime_1.jsx)("div", { css: styles.scrollBuffer, "data-testid": "scrollBuffer" }))] })));
|
|
124
128
|
};
|
|
125
129
|
exports.default = ScrollContainer;
|
|
126
130
|
//# sourceMappingURL=ScrollContainer.js.map
|