@mvf/external-components 3.14.1-dev.4 → 3.14.1-dev.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@types/WithExperimentName.d.ts +2 -2
- package/Assets/BrandLogos/ExpertMarketLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertMarketLogo.js +11 -22
- package/Assets/BrandLogos/ExpertMarketLogo.js.map +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.js +17 -28
- package/Assets/BrandLogos/ExpertReviewsLogo.js.map +1 -1
- package/Assets/BrandLogos/GoWizardLogo.d.ts +1 -1
- package/Assets/BrandLogos/GoWizardLogo.js +10 -21
- package/Assets/BrandLogos/GoWizardLogo.js.map +1 -1
- package/Assets/BrandLogos/HearClearLogo.d.ts +1 -1
- package/Assets/BrandLogos/HearClearLogo.js +12 -23
- package/Assets/BrandLogos/HearClearLogo.js.map +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.d.ts +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.js +101 -112
- package/Assets/BrandLogos/LasikEyesLogo.js.map +1 -1
- package/Assets/BrandLogos/StartupsLogo.d.ts +1 -1
- package/Assets/BrandLogos/StartupsLogo.js +2 -13
- package/Assets/BrandLogos/StartupsLogo.js.map +1 -1
- package/Assets/BrandLogos/TechcoLogo.d.ts +1 -1
- package/Assets/BrandLogos/TechcoLogo.js +3 -14
- package/Assets/BrandLogos/TechcoLogo.js.map +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.js +14 -25
- package/Assets/BrandLogos/TheEcoExpertsLogo.js.map +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js +26 -37
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js.map +1 -1
- package/Assets/BrandLogos/brandLogos.d.ts +1 -2
- package/Assets/CustomIcons/CheckboxIcon.d.ts +1 -2
- package/Assets/CustomIcons/CheckboxIcon.js +2 -13
- package/Assets/CustomIcons/CheckboxIcon.js.map +1 -1
- package/Assets/CustomIcons/RadioIcon.d.ts +1 -2
- package/Assets/CustomIcons/RadioIcon.js +2 -13
- package/Assets/CustomIcons/RadioIcon.js.map +1 -1
- package/Assets/svgs/svgs.d.ts +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.d.ts +1 -2
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.js +2 -13
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.js.map +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js +6 -17
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js.map +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.d.ts +3 -2
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js +1 -12
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js.map +1 -1
- package/Components/Atoms/AnimationWrapper/IAnimationWrapperProps.d.ts +0 -1
- package/Components/Atoms/AnimationWrapper/makeAnimationWrapperStyling.d.ts +1 -1
- package/Components/Atoms/AnimationWrapper/makeAnimationWrapperStyling.js.map +1 -1
- package/Components/Atoms/Button/Button.d.ts +1 -1
- package/Components/Atoms/Button/Button.js +4 -15
- package/Components/Atoms/Button/Button.js.map +1 -1
- package/Components/Atoms/Button/Button.test.js +9 -9
- package/Components/Atoms/Button/Button.test.js.map +1 -1
- package/Components/Atoms/Button/ButtonStory.d.ts +1 -1
- package/Components/Atoms/Button/ButtonStory.js +1 -12
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/Button/IButtonProps.d.ts +0 -1
- package/Components/Atoms/Button/defaultProps.d.ts +1 -1
- package/Components/Atoms/Button/makeButtonStyling.d.ts +1 -1
- package/Components/Atoms/CardButton/CardButton.d.ts +1 -1
- package/Components/Atoms/CardButton/CardButton.js +2 -2
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.test.js +3 -14
- package/Components/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.d.ts +3 -2
- package/Components/Atoms/CardButton/CardButtonStory.js +2 -13
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/makeCardButtonStyling.d.ts +2 -2
- package/Components/Atoms/CircularProgress/CircularProgress.d.ts +1 -1
- package/Components/Atoms/CircularProgress/CircularProgressStory.js +2 -13
- package/Components/Atoms/CircularProgress/CircularProgressStory.js.map +1 -1
- package/Components/Atoms/CircularProgress/makeCircularProgressStyling.d.ts +1 -1
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.d.ts +1 -1
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js +3 -14
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map +1 -1
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js +1 -1
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.js +1 -12
- package/Components/Atoms/ErrorMessage/ErrorMessage.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js +2 -13
- 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 -12
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js.map +1 -1
- package/Components/Atoms/ErrorMessage/makeErrorMessageStyles.d.ts +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +3 -3
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +1 -12
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +1 -12
- 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 +2 -2
- package/Components/Atoms/FormControl/FormControl.js.map +1 -1
- package/Components/Atoms/FormControl/FormControl.test.js +2 -13
- 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 -12
- package/Components/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Components/Atoms/FormControl/makeFormControlStyles.d.ts +1 -1
- package/Components/Atoms/IconButton/IComponentProps.d.ts +0 -1
- package/Components/Atoms/IconButton/IconButton.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +1 -12
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/IconButton/makeIconButtonStyling.d.ts +1 -1
- package/Components/Atoms/InfoPanel/InfoPanel.d.ts +1 -1
- package/Components/Atoms/InfoPanel/InfoPanel.js +1 -12
- package/Components/Atoms/InfoPanel/InfoPanel.js.map +1 -1
- package/Components/Atoms/InfoPanel/InfoPanel.test.js +3 -14
- package/Components/Atoms/InfoPanel/InfoPanel.test.js.map +1 -1
- package/Components/Atoms/InfoPanel/InfoPanelStory.d.ts +1 -1
- package/Components/Atoms/InfoPanel/InfoPanelStory.js +1 -12
- package/Components/Atoms/InfoPanel/InfoPanelStory.js.map +1 -1
- package/Components/Atoms/InfoPanel/makeInfoPanelStyling.d.ts +5 -5
- package/Components/Atoms/Input/Input.d.ts +1 -1
- package/Components/Atoms/Input/Input.js +4 -4
- package/Components/Atoms/Input/Input.js.map +1 -1
- package/Components/Atoms/Input/Input.test.js +12 -23
- 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 -12
- package/Components/Atoms/Input/InputStory.js.map +1 -1
- package/Components/Atoms/Input/icons.js +1 -12
- package/Components/Atoms/Input/icons.js.map +1 -1
- package/Components/Atoms/Input/makeInputStyles.d.ts +4 -4
- package/Components/Atoms/Input/makeInputStyles.js +11 -7
- package/Components/Atoms/Input/makeInputStyles.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabel.d.ts +1 -1
- package/Components/Atoms/InputLabel/InputLabel.js +2 -2
- package/Components/Atoms/InputLabel/InputLabel.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabel.test.js +1 -12
- 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 -12
- package/Components/Atoms/InputLabel/InputLabelStory.js.map +1 -1
- package/Components/Atoms/InputLabel/makeInputLabelStyles.d.ts +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckbox.d.ts +2 -3
- package/Components/Atoms/InsetCheckbox/InsetCheckbox.test.js +2 -2
- package/Components/Atoms/InsetCheckbox/InsetCheckbox.test.js.map +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckboxStory.d.ts +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckboxStory.js +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckboxStory.js.map +1 -1
- package/Components/Atoms/Link/ILinkProps.d.ts +0 -1
- package/Components/Atoms/Link/Link.d.ts +1 -1
- package/Components/Atoms/Link/Link.js +1 -12
- package/Components/Atoms/Link/Link.js.map +1 -1
- package/Components/Atoms/Link/Link.test.js +2 -13
- 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 -12
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/Link/makeLinkStyling.d.ts +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.d.ts +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 -12
- package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/makeLinearProgressStyling.d.ts +1 -1
- package/Components/Atoms/Modal/IModalProps.d.ts +0 -1
- package/Components/Atoms/Modal/Modal.d.ts +1 -2
- package/Components/Atoms/Modal/Modal.js +1 -12
- package/Components/Atoms/Modal/Modal.js.map +1 -1
- package/Components/Atoms/Modal/Modal.test.js +2 -13
- package/Components/Atoms/Modal/Modal.test.js.map +1 -1
- package/Components/Atoms/Modal/ModalStory.d.ts +1 -2
- package/Components/Atoms/Modal/ModalStory.js +1 -12
- package/Components/Atoms/Modal/ModalStory.js.map +1 -1
- package/Components/Atoms/Modal/makeModalStylings.d.ts +3 -3
- package/Components/Atoms/ProgressBar/ProgressBar.d.ts +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.js +1 -12
- 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/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.d.ts +3 -3
- package/Components/Atoms/Text/Text.d.ts +1 -1
- package/Components/Atoms/Text/Text.js +1 -12
- package/Components/Atoms/Text/Text.js.map +1 -1
- package/Components/Atoms/Text/Text.test.js +1 -12
- 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 -13
- package/Components/Atoms/Text/TextStory.js.map +1 -1
- package/Components/Atoms/Text/defaultProps.d.ts +1 -1
- package/Components/Atoms/Text/makeTextStyling.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBox.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +7 -18
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +29 -40
- 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 +1 -12
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +0 -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.d.ts +10 -10
- 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 +2 -13
- 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 +9 -21
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
- package/Components/Molecules/DatePicker/makeDatePickerStyling.d.ts +3 -3
- package/Components/Molecules/DropDownSelect/DropDownSelect.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +4 -15
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js +2 -13
- 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 +1 -12
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/defaultProps.d.ts +2 -2
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.d.ts +3 -3
- package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +0 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +2 -13
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +16 -16
- 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 +1 -12
- 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.d.ts +5 -5
- package/Components/Molecules/IconTileRadioButton/IComponentProps.d.ts +0 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +3 -14
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +16 -27
- 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 +1 -12
- 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.d.ts +4 -4
- package/Components/Molecules/NavBar/NavBar.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBar.js +2 -13
- package/Components/Molecules/NavBar/NavBar.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.test.js +4 -4
- package/Components/Molecules/NavBar/NavBar.test.js.map +1 -1
- package/Components/Molecules/NavBar/NavBarStory.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js +1 -12
- package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Components/Molecules/NavBar/defaultProps.d.ts +1 -1
- package/Components/Molecules/NavBar/makeNavBarStyles.d.ts +4 -4
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.d.ts +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +3 -3
- 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 +1 -12
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.d.ts +1 -1
- package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +0 -1
- package/Components/Molecules/RadioButton/RadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +4 -15
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +14 -25
- 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 +1 -12
- 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.d.ts +7 -7
- package/Components/Molecules/ScrollContainer/ScrollContainer.js +1 -12
- package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js +7 -18
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.test.js +2 -2
- 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 +3 -14
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerTypes.d.ts +2 -3
- package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.d.ts +3 -3
- package/Components/Molecules/SupplierCard/ISupplierCardProps.d.ts +0 -1
- package/Components/Molecules/SupplierCard/SupplierCard.d.ts +1 -1
- package/Components/Molecules/SupplierCard/SupplierCard.js +2 -13
- package/Components/Molecules/SupplierCard/SupplierCard.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCard.test.js +11 -11
- package/Components/Molecules/SupplierCard/SupplierCard.test.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.d.ts +1 -2
- package/Components/Molecules/SupplierCard/SupplierCardStory.js +1 -12
- package/Components/Molecules/SupplierCard/SupplierCardStory.js.map +1 -1
- package/Components/Molecules/SupplierCard/makeSupplierCardStyling.d.ts +13 -13
- package/Components/Molecules/TextField/TextField.d.ts +1 -1
- package/Components/Molecules/TextField/TextField.js +2 -2
- package/Components/Molecules/TextField/TextField.js.map +1 -1
- package/Components/Molecules/TextField/TextField.test.js +11 -11
- package/Components/Molecules/TextField/TextField.test.js.map +1 -1
- package/Components/Molecules/TextField/TextFieldStory.d.ts +1 -1
- package/Components/Molecules/TextField/TextFieldStory.js +1 -12
- 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 +0 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.d.ts +1 -2
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js +1 -12
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js +4 -15
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.d.ts +1 -2
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js +2 -13
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js +1 -12
- package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/makeThankYouBannerStyling.d.ts +2 -2
- package/Components/Organisms/ListLayout/ListLayout.d.ts +1 -1
- package/Components/Organisms/ListLayout/ListLayout.js +2 -13
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.test.js +2 -13
- 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 +1 -12
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Components/Organisms/ListLayout/makeListLayoutStyling.d.ts +2 -2
- package/Components/Organisms/RadioGroup/RadioGroup.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js +1 -12
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +9 -20
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +1 -2
- package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +1 -12
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +2 -2
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +2 -2
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.d.ts +1 -1
- package/Components/Organisms/TileLayout/TileLayout.js +2 -13
- package/Components/Organisms/TileLayout/TileLayout.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js +1 -12
- package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -1
- package/Components/Organisms/TileLayout/makeTileLayoutStyling.d.ts +3 -3
- package/Components/Organisms/__helpers__/Options.d.ts +3 -3
- package/Components/Organisms/__helpers__/Options.js +9 -7
- package/Components/Organisms/__helpers__/Options.js.map +1 -1
- package/Components/Organisms/__helpers__/generateMenuItems.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButton.d.ts +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButton.js +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButton.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButton.test.js +3 -14
- package/Experiments/Example/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.d.ts +3 -2
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.js +2 -13
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/makeCardButtonStyling.d.ts +2 -2
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +3 -3
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +1 -12
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +1 -12
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Experiments/Example/Atoms/FormControl/FormControl.d.ts +1 -1
- package/Experiments/Example/Atoms/FormControl/FormControl.test.js +2 -13
- package/Experiments/Example/Atoms/FormControl/FormControl.test.js.map +1 -1
- package/Experiments/Example/Atoms/FormControl/FormControlStory.d.ts +1 -1
- package/Experiments/Example/Atoms/FormControl/FormControlStory.js +1 -12
- package/Experiments/Example/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.d.ts +1 -1
- package/Experiments/Example/Atoms/Input/Input.d.ts +1 -1
- package/Experiments/Example/Atoms/Input/Input.js +2 -2
- package/Experiments/Example/Atoms/Input/Input.js.map +1 -1
- package/Experiments/Example/Atoms/Input/Input.test.js +12 -23
- package/Experiments/Example/Atoms/Input/Input.test.js.map +1 -1
- package/Experiments/Example/Atoms/Input/InputStory.d.ts +1 -1
- package/Experiments/Example/Atoms/Input/InputStory.js +1 -12
- package/Experiments/Example/Atoms/Input/InputStory.js.map +1 -1
- package/Experiments/Example/Atoms/Input/icons.js +1 -12
- package/Experiments/Example/Atoms/Input/icons.js.map +1 -1
- package/Experiments/Example/Atoms/Input/makeInputStyles.d.ts +4 -4
- package/Experiments/Example/Atoms/Input/makeInputStyles.js +6 -4
- package/Experiments/Example/Atoms/Input/makeInputStyles.js.map +1 -1
- package/Experiments/Example/Atoms/InputLabel/InputLabel.d.ts +1 -1
- package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js +1 -12
- package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js.map +1 -1
- package/Experiments/Example/Atoms/InputLabel/InputLabelStory.d.ts +1 -1
- package/Experiments/Example/Atoms/InputLabel/InputLabelStory.js +1 -12
- package/Experiments/Example/Atoms/InputLabel/InputLabelStory.js.map +1 -1
- package/Experiments/Example/Atoms/InputLabel/makeInputLabelStyles.d.ts +1 -1
- package/Experiments/Example/Atoms/Text/Text.d.ts +1 -1
- package/Experiments/Example/Atoms/Text/Text.js +1 -12
- package/Experiments/Example/Atoms/Text/Text.js.map +1 -1
- package/Experiments/Example/Atoms/Text/Text.test.js +1 -12
- package/Experiments/Example/Atoms/Text/Text.test.js.map +1 -1
- package/Experiments/Example/Atoms/Text/TextStory.d.ts +1 -1
- package/Experiments/Example/Atoms/Text/TextStory.js +2 -13
- package/Experiments/Example/Atoms/Text/TextStory.js.map +1 -1
- package/Experiments/Example/Atoms/Text/defaultProps.d.ts +1 -1
- package/Experiments/Example/Atoms/Text/makeTextStyling.d.ts +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBox.d.ts +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBox.js +4 -15
- package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js +29 -40
- package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.d.ts +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js +1 -12
- package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/ICheckboxProps.d.ts +0 -1
- package/Experiments/Example/Molecules/CheckBox/__helpers__/renderCheckbox.js +1 -1
- package/Experiments/Example/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/makeCheckBoxStyling.d.ts +10 -10
- package/Experiments/Example/Molecules/TextField/TextField.d.ts +1 -1
- package/Experiments/Example/Molecules/TextField/TextField.js +1 -1
- package/Experiments/Example/Molecules/TextField/TextField.js.map +1 -1
- package/Experiments/Example/Molecules/TextField/TextField.test.js +11 -11
- package/Experiments/Example/Molecules/TextField/TextField.test.js.map +1 -1
- package/Experiments/Example/Molecules/TextField/TextFieldStory.d.ts +1 -1
- package/Experiments/Example/Molecules/TextField/TextFieldStory.js +1 -12
- package/Experiments/Example/Molecules/TextField/TextFieldStory.js.map +1 -1
- package/Experiments/Example/Molecules/TextField/defaultProps.d.ts +1 -1
- package/Helpers/React/FunctionComponentWithDefaultProps.d.ts +1 -2
- package/Helpers/React/css.d.ts +1 -2
- package/Helpers/React/renderWithProviders.js +1 -12
- package/Helpers/React/renderWithProviders.js.map +1 -1
- package/Helpers/deviceSpecificHandlers.js.map +1 -1
- package/Helpers/icons.d.ts +1 -1
- package/Helpers/useDidUpdate.js.map +1 -1
- package/Helpers/useThrottle.d.ts +1 -1
- package/Interfaces/Atoms/AnimationWrapper/AnimationWrapper.js.map +1 -1
- package/Interfaces/Atoms/Button/Button.js.map +1 -1
- package/Interfaces/Atoms/CircularProgress/CircularProgress.js.map +1 -1
- package/Interfaces/Atoms/ErrorMessage/ErrorMessage.js.map +1 -1
- package/Interfaces/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Interfaces/Atoms/IconButton/IconButton.js.map +1 -1
- package/Interfaces/Atoms/InfoPanel/InfoPanel.js.map +1 -1
- package/Interfaces/Atoms/Modal/Modal.js.map +1 -1
- package/Interfaces/Atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/Interfaces/Atoms/Text/Text.js.map +1 -1
- package/Interfaces/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Interfaces/Molecules/DatePicker/DatePicker.js.map +1 -1
- package/Interfaces/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Interfaces/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Interfaces/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Interfaces/Molecules/NavBar/NavBar.js.map +1 -1
- package/Interfaces/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Interfaces/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Interfaces/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
- package/Interfaces/Molecules/SupplierCard/SupplierCard.js.map +1 -1
- package/Interfaces/Molecules/TextField/TextField.js.map +1 -1
- package/Interfaces/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
- package/Interfaces/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Interfaces/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Interfaces/Organisms/TileLayout/TileLayout.js.map +1 -1
- package/Themes/StoryThemeWrapper.d.ts +1 -1
- package/Themes/StoryThemeWrapper.js +1 -12
- package/Themes/StoryThemeWrapper.js.map +1 -1
- package/Themes/themes.d.ts +2 -2
- package/Themes/themes.js.map +1 -1
- package/package.json +13 -10
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,mEAAwD;AACxD,+GAAyF;AACzF,mGAA6E;AAE7E,8EAAwD;AAaxD,IAAM,wBAAwB,GAAiC,UAAC,EAS/D;QARC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA;IAEf,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAA0C;YAAxC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,qBAAqB,EAAE,YACxE,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YAE5D,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,YAC9D,uBAAC,6BAAmB,IAClB,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,GAChC,GACyB,GACR,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
|
@@ -8,7 +8,7 @@ var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
|
|
8
8
|
var IconTileRadioButton_1 = __importDefault(require("../../IconTileRadioButton/IconTileRadioButton"));
|
9
9
|
var renderIconTileRadioButton = function (_a) {
|
10
10
|
var Icon = _a.Icon, id = _a.id, text = _a.text, isOtherOption = _a.isOtherOption, otherInputValue = _a.otherInputValue;
|
11
|
-
return ((0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: id, text: text, Icon: Icon ? Icon : (0, jsx_runtime_1.jsx)("img", { src: svgs_1.default.other, alt: "optionImage" }), isOtherOption: isOtherOption, otherInputValue: otherInputValue
|
11
|
+
return ((0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: id, text: text, Icon: Icon ? Icon : (0, jsx_runtime_1.jsx)("img", { src: svgs_1.default.other, alt: "optionImage" }), isOtherOption: isOtherOption, otherInputValue: otherInputValue }, id));
|
12
12
|
};
|
13
13
|
exports.default = renderIconTileRadioButton;
|
14
14
|
//# sourceMappingURL=renderIconTileRadioButton.js.map
|
package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"renderIconTileRadioButton.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sEAAgD;AAEhD,sGAA+F;AAE/F,IAAM,yBAAyB,GAAG,UAAC,EAMR;QALzB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA;IACe,OAAA,CAC9B,uBAAC,6BAAmB,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAE,cAAI,CAAC,KAAK,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9D,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,
|
1
|
+
{"version":3,"file":"renderIconTileRadioButton.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sEAAgD;AAEhD,sGAA+F;AAE/F,IAAM,yBAAyB,GAAG,UAAC,EAMR;QALzB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA;IACe,OAAA,CAC9B,uBAAC,6BAAmB,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAE,cAAI,CAAC,KAAK,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9D,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,IAH3B,EAAE,CAIP,CACH;AAT+B,CAS/B,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
declare const makeIconTileRadioButtonStyling: () => {
|
2
|
-
container: import("@emotion/
|
3
|
-
icon: import("@emotion/
|
4
|
-
otherInput: import("@emotion/
|
5
|
-
imgDiv: import("@emotion/
|
2
|
+
container: import("@emotion/react").SerializedStyles;
|
3
|
+
icon: import("@emotion/react").SerializedStyles;
|
4
|
+
otherInput: import("@emotion/react").SerializedStyles;
|
5
|
+
imgDiv: import("@emotion/react").SerializedStyles;
|
6
6
|
};
|
7
7
|
export default makeIconTileRadioButtonStyling;
|
@@ -2,6 +2,6 @@ import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/Functi
|
|
2
2
|
import defaultProps from './defaultProps';
|
3
3
|
import IComponentProps from './IComponentProps';
|
4
4
|
import WithExperimentName from '../../../@types/WithExperimentName';
|
5
|
-
export
|
5
|
+
export type NavBarType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
|
6
6
|
declare const NavBar: NavBarType;
|
7
7
|
export default NavBar;
|
@@ -1,15 +1,4 @@
|
|
1
1
|
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
4
|
};
|
@@ -23,9 +12,9 @@ var IconButton_1 = __importDefault(require("../../Atoms/IconButton/IconButton"))
|
|
23
12
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
24
13
|
var makeNavBarStyles_1 = __importDefault(require("./makeNavBarStyles"));
|
25
14
|
var NavBar = function (_a) {
|
26
|
-
var buttonDisabled = _a.buttonDisabled, buttonLabel = _a.buttonLabel, disabled = _a.disabled, loading = _a.loading, onClickBack = _a.onClickBack, onClickContinue = _a.onClickContinue, _b = _a.textOverflowHandling, textOverflowHandling = _b === void 0 ? 'none' : _b, continueButtonHidden = _a.continueButtonHidden
|
15
|
+
var buttonDisabled = _a.buttonDisabled, buttonLabel = _a.buttonLabel, disabled = _a.disabled, loading = _a.loading, onClickBack = _a.onClickBack, onClickContinue = _a.onClickContinue, _b = _a.textOverflowHandling, textOverflowHandling = _b === void 0 ? 'none' : _b, continueButtonHidden = _a.continueButtonHidden;
|
27
16
|
var styles = (0, makeNavBarStyles_1.default)();
|
28
|
-
return ((0, jsx_runtime_1.jsxs)(Box_1.default,
|
17
|
+
return ((0, jsx_runtime_1.jsxs)(Box_1.default, { css: styles.container, children: [(0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.backButton, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { disabled: disabled, icon: (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}), onClick: onClickBack, dataTestId: "backcta" }) }), (0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.space, children: "\u00A0" }), (0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.continueButton, sx: { display: continueButtonHidden ? 'none' : 'block' }, children: (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: buttonDisabled, onClick: onClickContinue, label: buttonLabel, loading: loading, dataTestId: "continuecta", textOverflowHandling: textOverflowHandling }) })] }));
|
29
18
|
};
|
30
19
|
NavBar.defaultProps = defaultProps_1.default;
|
31
20
|
exports.default = NavBar;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,0DAAsC;AACtC,4FAAsE;AAEtE,qEAA+C;AAC/C,iFAA2D;AAC3D,gEAA0C;AAE1C,wEAAkD;AAQlD,IAAM,MAAM,GAAe,UAAC,EAS3B;QARC,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,4BAA6B,EAA7B,oBAAoB,mBAAG,MAAM,KAAA,EAC7B,oBAAoB,0BAAA;IAEpB,IAAM,MAAM,GAAG,IAAA,0BAAgB,GAAE,CAAC;IAClC,OAAO,CACL,wBAAC,aAAK,IAAC,GAAG,EAAE,MAAM,CAAC,SAAS,aAC1B,uBAAC,aAAK,IAAC,GAAG,EAAE,MAAM,CAAC,UAAU,YAC3B,uBAAC,oBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,uBAAC,2BAAiB,KAAG,EAC3B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAC,SAAS,GACpB,GACI,EACR,uBAAC,aAAK,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,uBAAgB,EACxC,uBAAC,aAAK,IACJ,GAAG,EAAE,MAAM,CAAC,cAAc,EAC1B,EAAE,EAAE,EAAE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YAExD,uBAAC,gBAAM,IACL,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,aAAa,EACxB,oBAAoB,EAAE,oBAAoB,GAC1C,GACI,IACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
|
@@ -9,25 +9,25 @@ var NavBar_1 = __importDefault(require("./NavBar"));
|
|
9
9
|
var react_1 = require("@testing-library/react");
|
10
10
|
describe('<NavBar />', function () {
|
11
11
|
it('should display button component', function () {
|
12
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: 'Continue'
|
12
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: 'Continue' })).getByText;
|
13
13
|
expect(getByText('Continue')).toBeTruthy();
|
14
14
|
});
|
15
15
|
});
|
16
16
|
describe('<NavBar />', function () {
|
17
17
|
it('should display button component when a textOverflowHandling is passed', function () {
|
18
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: 'Continue', textOverflowHandling: 'dynamicFontSize'
|
18
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: 'Continue', textOverflowHandling: 'dynamicFontSize' })).getByText;
|
19
19
|
expect(getByText('Continue')).toBeTruthy();
|
20
20
|
});
|
21
21
|
});
|
22
22
|
describe('NavBar', function () {
|
23
23
|
describe('continueButtonHidden prop', function () {
|
24
24
|
it('should hide continue button when continueButtonHidden is true', function () {
|
25
|
-
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: true
|
25
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: true }));
|
26
26
|
var continueButton = react_1.screen.getByTestId('continuecta').parentElement;
|
27
27
|
expect(continueButton).toHaveStyle({ display: 'none' });
|
28
28
|
});
|
29
29
|
it('should show continue button when continueButtonHidden is false', function () {
|
30
|
-
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: false
|
30
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: false }));
|
31
31
|
var continueButton = react_1.screen.getByTestId('continuecta').parentElement;
|
32
32
|
expect(continueButton).toHaveStyle({ display: 'block' });
|
33
33
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NavBar.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.test.tsx"],"names":[],"mappings":";;;;;;AAAA,mGAA6E;AAC7E,oDAA8B;AAC9B,gDAAgD;AAEhD,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IAAC,WAAW,EAAE,UAAU,
|
1
|
+
{"version":3,"file":"NavBar.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.test.tsx"],"names":[],"mappings":";;;;;;AAAA,mGAA6E;AAC7E,oDAA8B;AAC9B,gDAAgD;AAEhD,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IAAC,WAAW,EAAE,UAAU,GAAI,CACpC,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,uEAAuE,EAAE;QAClE,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,WAAW,EAAE,UAAU,EACvB,oBAAoB,EAAE,iBAAiB,GACvC,CACH,UALgB,CAKf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,QAAQ,EAAE;IACjB,QAAQ,CAAC,2BAA2B,EAAE;QACpC,EAAE,CAAC,+DAA+D,EAAE;YAClE,IAAA,6BAAmB,EACjB,uBAAC,gBAAM,IACL,WAAW,EAAC,UAAU,EACtB,WAAW,EAAE,cAAO,CAAC,EACrB,eAAe,EAAE,cAAO,CAAC,EACzB,oBAAoB,EAAE,IAAI,GAC1B,CACH,CAAC;YAEF,IAAM,cAAc,GAAG,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC;YACvE,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gEAAgE,EAAE;YACnE,IAAA,6BAAmB,EACjB,uBAAC,gBAAM,IACL,WAAW,EAAC,UAAU,EACtB,WAAW,EAAE,cAAO,CAAC,EACrB,eAAe,EAAE,cAAO,CAAC,EACzB,oBAAoB,EAAE,KAAK,GAC3B,CACH,CAAC;YAEF,IAAM,cAAc,GAAG,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC;YACvE,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -1,15 +1,4 @@
|
|
1
1
|
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
4
|
};
|
@@ -19,7 +8,7 @@ var addon_actions_1 = require("@storybook/addon-actions");
|
|
19
8
|
var NavBar_1 = __importDefault(require("./NavBar"));
|
20
9
|
var NavBarStory = function (_a) {
|
21
10
|
var disabled = _a.disabled, buttonDisabled = _a.buttonDisabled, buttonLabel = _a.buttonLabel, buttonVariant = _a.buttonVariant, loading = _a.loading, textOverflowHandling = _a.textOverflowHandling, continueButtonHidden = _a.continueButtonHidden;
|
22
|
-
return ((0, jsx_runtime_1.jsx)("div",
|
11
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '460px' }, children: (0, jsx_runtime_1.jsx)(NavBar_1.default, { disabled: disabled, onClickBack: (0, addon_actions_1.action)('Icon Button Clicked'), buttonDisabled: buttonDisabled, buttonLabel: buttonLabel, onClickContinue: (0, addon_actions_1.action)('Button Clicked'), buttonVariant: buttonVariant, loading: loading, textOverflowHandling: textOverflowHandling, continueButtonHidden: continueButtonHidden }) }));
|
23
12
|
};
|
24
13
|
exports.default = NavBarStory;
|
25
14
|
//# sourceMappingURL=NavBarStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NavBarStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBarStory.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"NavBarStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBarStory.tsx"],"names":[],"mappings":";;;;;;AACA,0DAAkD;AAClD,oDAA8B;AAY9B,IAAM,WAAW,GAAoB,UAAC,EAQrC;QAPC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,oBAAoB,0BAAA;IAChB,OAAA,CACJ,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,uBAAC,gBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,IAAA,sBAAM,EAAC,qBAAqB,CAAC,EAC1C,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,IAAA,sBAAM,EAAC,gBAAgB,CAAC,EACzC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,GAC1C,GACE,CACP;AAdK,CAcL,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
declare const makeNavBarStyles: () => {
|
2
|
-
container: import("@emotion/
|
3
|
-
space: import("@emotion/
|
4
|
-
continueButton: import("@emotion/
|
5
|
-
backButton: import("@emotion/
|
2
|
+
container: import("@emotion/react").SerializedStyles;
|
3
|
+
space: import("@emotion/react").SerializedStyles;
|
4
|
+
continueButton: import("@emotion/react").SerializedStyles;
|
5
|
+
backButton: import("@emotion/react").SerializedStyles;
|
6
6
|
};
|
7
7
|
export default makeNavBarStyles;
|
@@ -2,6 +2,6 @@ import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
|
2
2
|
import IPhoneNumberTextFieldProps from './IPhoneNumberTextFieldProps';
|
3
3
|
import defaultProps from './defaultProps';
|
4
4
|
import WithExperimentName from '../../../@types/WithExperimentName';
|
5
|
-
export
|
5
|
+
export type PhoneNumberTextFieldType = FunctionComponentWithDefaultProps<WithExperimentName<IPhoneNumberTextFieldProps>, typeof defaultProps>;
|
6
6
|
declare const PhoneNumberTextField: PhoneNumberTextFieldType;
|
7
7
|
export default PhoneNumberTextField;
|
@@ -61,7 +61,7 @@ var initIntlTelInput = function (input) {
|
|
61
61
|
setUserAgent(initialUserAgent);
|
62
62
|
};
|
63
63
|
var PhoneNumberTextField = function (_a) {
|
64
|
-
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive,
|
64
|
+
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "label", "isSafari", "isAutoFilledActive"]);
|
65
65
|
(0, react_1.useEffect)(function () {
|
66
66
|
var input = getInput(id);
|
67
67
|
initIntlTelInput(input);
|
@@ -71,10 +71,10 @@ var PhoneNumberTextField = function (_a) {
|
|
71
71
|
onChange({ id: id, value: e.target.value });
|
72
72
|
});
|
73
73
|
}, []);
|
74
|
-
return ((0, jsx_runtime_1.jsxs)(FormControl_1.default,
|
74
|
+
return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { variant: "standard", error: !!errorMessage, fullWidth: true, css: [
|
75
75
|
(0, makeFormControlPhoneNumberStyling_1.default)({ isAnswered: isAnswered }),
|
76
76
|
(0, makeFormControlStyles_1.default)(),
|
77
|
-
]
|
77
|
+
], children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: id, shrink: true, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, onChange: onChange, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
|
78
78
|
};
|
79
79
|
PhoneNumberTextField.defaultProps = defaultProps_1.default;
|
80
80
|
exports.default = PhoneNumberTextField;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAoD;AACpD,gFAA0D;AAC1D,kEAA0C;AAC1C,+BAAkC;AAClC,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0GAAoF;AACpF,sHAAgG;AAQhG,IAAM,YAAY,GAAG,UAAC,SAAiB;IACrC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE;QAC5C,GAAG;YACD,OAAO,SAAS,CAAC,CAAC,wBAAwB;QAC5C,CAAC;QACD,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,KAAc;IACtC,6BAA6B;IAC7B,IAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;IAE7C,iCAAiC;IACjC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEvB,cAAc;IACd,6DAA6D;IAC7D,IAAA,wBAAY,EAAC,KAAK,EAAE;QAClB,WAAW,EACT,+EAA+E;KAClF,CAAC,CAAC;IAEH,gCAAgC;IAChC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA6B,UAAC,
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAoD;AACpD,gFAA0D;AAC1D,kEAA0C;AAC1C,+BAAkC;AAClC,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0GAAoF;AACpF,sHAAgG;AAQhG,IAAM,YAAY,GAAG,UAAC,SAAiB;IACrC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE;QAC5C,GAAG;YACD,OAAO,SAAS,CAAC,CAAC,wBAAwB;QAC5C,CAAC;QACD,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,KAAc;IACtC,6BAA6B;IAC7B,IAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;IAE7C,iCAAiC;IACjC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEvB,cAAc;IACd,6DAA6D;IAC7D,IAAA,wBAAY,EAAC,KAAK,EAAE;QAClB,WAAW,EACT,+EAA+E;KAClF,CAAC,CAAC;IAEH,gCAAgC;IAChC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA6B,UAAC,EAUvD;IATC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EACf,KAAK,cAT8C,oGAUvD,CADS;IAER,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,KAAK,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAC,CAAC;YACxC,6DAA6D;YAC7D,aAAa;YACb,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAgB,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,qBAAW,IACV,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE;YACH,IAAA,2CAAiC,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC;YACjD,IAAA,+BAAqB,GAAE;SACxB,aAEA,KAAK,IAAI,CACR,uBAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kBACpD,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,IAClC,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjD,kBAAe,oBAAoB,CAAC"}
|
@@ -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 = (0, renderWithProviders_1.default)((0, 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 = (0, renderWithProviders_1.default)((0, 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 = (0, renderWithProviders_1.default)((0, 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 = (0, renderWithProviders_1.default)((0, 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 = (0, renderWithProviders_1.default)((0, 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 = (0, renderWithProviders_1.default)((0, 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 = (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"
|
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,IAAA,6BAAmB,EACvC,uBAAC,8BAAoB,
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
|
@@ -1,15 +1,4 @@
|
|
1
1
|
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
4
|
};
|
@@ -35,7 +24,7 @@ var handleChange = function (_a) {
|
|
35
24
|
};
|
36
25
|
var PhoneNumberTextFieldStory = function (_a) {
|
37
26
|
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 ((0, jsx_runtime_1.jsx)("div",
|
27
|
+
return ((0, jsx_runtime_1.jsx)("div", { 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
28
|
};
|
40
29
|
exports.default = PhoneNumberTextFieldStory;
|
41
30
|
//# sourceMappingURL=PhoneNumberTextFieldStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":"
|
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,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,YAC/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,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
interface IMakeFormControlPhoneNumberStylingProps {
|
2
2
|
isAnswered: boolean;
|
3
3
|
}
|
4
|
-
declare const makeFormControlPhoneNumberStyling: ({ isAnswered, }: IMakeFormControlPhoneNumberStylingProps) => import("@emotion/
|
4
|
+
declare const makeFormControlPhoneNumberStyling: ({ isAnswered, }: IMakeFormControlPhoneNumberStylingProps) => import("@emotion/react").SerializedStyles;
|
5
5
|
export default makeFormControlPhoneNumberStyling;
|
@@ -2,6 +2,6 @@ import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/Functi
|
|
2
2
|
import IComponentProps from './IRadioButtonProps';
|
3
3
|
import defaultProps from './defaultProps';
|
4
4
|
import WithExperimentName from '../../../@types/WithExperimentName';
|
5
|
-
export
|
5
|
+
export type RadioButtonType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
|
6
6
|
declare const RadioButton: RadioButtonType;
|
7
7
|
export default RadioButton;
|
@@ -1,15 +1,4 @@
|
|
1
1
|
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
4
|
};
|
@@ -29,7 +18,7 @@ var browserAndDeviceDetection_1 = require("../../../Helpers/browserAndDeviceDete
|
|
29
18
|
var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers");
|
30
19
|
var makeRadioButtonStyling_1 = __importDefault(require("./makeRadioButtonStyling"));
|
31
20
|
var RadioButton = function (_a) {
|
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
|
21
|
+
var Icon = _a.Icon, id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue;
|
33
22
|
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
|
34
23
|
var _c = (0, react_1.useState)(otherInputValue), otherValue = _c[0], setOtherValue = _c[1];
|
35
24
|
var _d = (0, react_1.useState)(false), isFocused = _d[0], setIsFocused = _d[1];
|
@@ -84,11 +73,11 @@ var RadioButton = function (_a) {
|
|
84
73
|
}
|
85
74
|
setIsFocused(false);
|
86
75
|
};
|
87
|
-
return ((0, jsx_runtime_1.jsx)(Grid_1.default, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default,
|
76
|
+
return ((0, jsx_runtime_1.jsx)(Grid_1.default, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, onBlur: handleBlur, "data-testid": "radioButtonCardButton", outlined: isSelected, children: (0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap", children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, alignItems: "center", css: styles.innerGrid, children: [isIconPresent ? ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.icon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, "data-testid": "radioIcon", children: Icon }) })) : ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, children: (0, jsx_runtime_1.jsx)(Radio_1.default, { id: "radio-".concat(id), icon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: true }), css: styles.radio, checked: isSelected,
|
88
77
|
// 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-".concat(id), onMouseDown: function (event) { return event.preventDefault(); } }) }))
|
78
|
+
color: "primary", "data-testid": "toggle-".concat(id), onMouseDown: function (event) { return event.preventDefault(); } }) })), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, children: isTextfield ? ((0, jsx_runtime_1.jsx)("div", { css: styles.otherInput, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherOptionTextfield:".concat(id), id: id, placeholder: text, onBlur: onBlur, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
|
90
79
|
enterKeyHint: 'go',
|
91
|
-
}
|
80
|
+
} }) })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { variant: "listItem", align: "left", children: text })) })] }) }) }) }));
|
92
81
|
};
|
93
82
|
RadioButton.defaultProps = defaultProps_1.default;
|
94
83
|
exports.default = RadioButton;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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"}
|
@@ -1,15 +1,4 @@
|
|
1
1
|
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
4
|
};
|
@@ -24,18 +13,18 @@ var RadioButton_1 = __importDefault(require("./RadioButton"));
|
|
24
13
|
var imageSrc = svgs_1.default.truck;
|
25
14
|
describe('<RadioButton />', function () {
|
26
15
|
it('should display radio button text', function () {
|
27
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test'
|
16
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test' })).getByText;
|
28
17
|
expect(getByText('test')).toBeTruthy();
|
29
18
|
});
|
30
19
|
it('should call onClick function if radio button is clicked', function () {
|
31
20
|
var callback = jest.fn();
|
32
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onClick: callback
|
21
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onClick: callback })).getByText;
|
33
22
|
getByText('test').click();
|
34
23
|
expect(callback).toHaveBeenCalled();
|
35
24
|
});
|
36
25
|
it('should call onKeyDown and blur the button when enter is pressed', function () {
|
37
26
|
var callback = jest.fn();
|
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"
|
27
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value" })).getByRole;
|
39
28
|
var textbox = getByRole('textbox');
|
40
29
|
var blurSpy = jest.spyOn(textbox, 'blur');
|
41
30
|
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
@@ -44,7 +33,7 @@ describe('<RadioButton />', function () {
|
|
44
33
|
});
|
45
34
|
it('should alter checked state based on context selectedId', function () {
|
46
35
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
47
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroupContext_1.default.Provider,
|
36
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroupContext_1.default.Provider, { value: providerProps, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }), ","] })).getByRole;
|
48
37
|
var radio = getByRole('radio');
|
49
38
|
expect(radio.checked).toBeTruthy();
|
50
39
|
});
|
@@ -54,13 +43,13 @@ describe('<RadioButton />', function () {
|
|
54
43
|
selectedId: undefined,
|
55
44
|
setSelectedId: callback,
|
56
45
|
};
|
57
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider,
|
46
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }) })).getByText;
|
58
47
|
getByText('test').click();
|
59
48
|
expect(callback).toHaveBeenCalled();
|
60
49
|
});
|
61
50
|
it('should not display otherInput unless specified', function () {
|
62
51
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
63
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider,
|
52
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test' }) })).getByTestId;
|
64
53
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
65
54
|
expect(input).toBeNull();
|
66
55
|
});
|
@@ -68,7 +57,7 @@ describe('<RadioButton />', function () {
|
|
68
57
|
var callback = jest.fn();
|
69
58
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
70
59
|
// GIVEN the other option is selected
|
71
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider,
|
60
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: "test value" }) })).getByTestId;
|
72
61
|
var input = getByTestId('otherOptionTextfield:1').querySelector('input[type=text]');
|
73
62
|
// WHEN the input is updated
|
74
63
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
@@ -83,7 +72,7 @@ describe('<RadioButton />', function () {
|
|
83
72
|
it('should focus on OtherInput when clicked', function () {
|
84
73
|
var _a;
|
85
74
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
86
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider,
|
75
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true }) })).getByTestId;
|
87
76
|
getByTestId('radioButtonCardButton').click();
|
88
77
|
var input = getByTestId('radioButtonCardButton');
|
89
78
|
var currentInput = input.querySelector('input[type=text]');
|
@@ -92,7 +81,7 @@ describe('<RadioButton />', function () {
|
|
92
81
|
});
|
93
82
|
it('should trigger onBlur when other input deselected', function () {
|
94
83
|
var callback = jest.fn();
|
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"
|
84
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback, otherInputValue: "test value" })).getByTestId;
|
96
85
|
var textfield = getByTestId('otherOptionTextfield:id').querySelector('input[type=text]');
|
97
86
|
var blurSpy = jest.spyOn(textfield, 'blur');
|
98
87
|
// WHEN enter is pressed
|
@@ -102,7 +91,7 @@ describe('<RadioButton />', function () {
|
|
102
91
|
});
|
103
92
|
it('should select the card component when a value for the other option is entered', function () {
|
104
93
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
105
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider,
|
94
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true }) })).getByTestId;
|
106
95
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
107
96
|
radioButtonCardButton.click();
|
108
97
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
@@ -111,23 +100,23 @@ describe('<RadioButton />', function () {
|
|
111
100
|
});
|
112
101
|
it('should select the card component when a value for the other option is already present and the card is selected by default', function () {
|
113
102
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
114
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider,
|
103
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: true }) })).getByTestId;
|
115
104
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
116
105
|
expect(radioButtonCardButton.dataset.selected).toBe('true');
|
117
106
|
});
|
118
107
|
it('should select the card component on click when a value is already present and the card is not selected by default', function () {
|
119
108
|
var providerProps = { selectedId: '1', setSelectedId: function () { } };
|
120
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider,
|
109
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false }) })).getByTestId;
|
121
110
|
var radioButtonCardButton = getByTestId('radioButtonCardButton');
|
122
111
|
radioButtonCardButton.click();
|
123
112
|
expect(radioButtonCardButton.dataset.selected).toBe('true');
|
124
113
|
});
|
125
114
|
it('should not display an icon by default', function () {
|
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
|
115
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false })).queryByTestId;
|
127
116
|
expect(queryByTestId('radioIcon')).not.toBeInTheDocument();
|
128
117
|
});
|
129
118
|
it('should display a supplied Icon', function () {
|
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" })
|
119
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }) })).getByTestId;
|
131
120
|
expect(getByTestId('radioIcon')).toBeInTheDocument();
|
132
121
|
});
|
133
122
|
});
|