@mvf/external-components 3.31.0 → 3.31.1-dev.4
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.js +11 -22
- package/Assets/BrandLogos/ExpertMarketLogo.js.map +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.js +17 -28
- package/Assets/BrandLogos/ExpertReviewsLogo.js.map +1 -1
- package/Assets/BrandLogos/GoWizardLogo.js +10 -21
- package/Assets/BrandLogos/GoWizardLogo.js.map +1 -1
- package/Assets/BrandLogos/HearClearLogo.js +12 -23
- package/Assets/BrandLogos/HearClearLogo.js.map +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.js +101 -112
- package/Assets/BrandLogos/LasikEyesLogo.js.map +1 -1
- package/Assets/BrandLogos/StartupsLogo.js +2 -13
- package/Assets/BrandLogos/StartupsLogo.js.map +1 -1
- package/Assets/BrandLogos/TechcoLogo.js +3 -14
- package/Assets/BrandLogos/TechcoLogo.js.map +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.js +14 -25
- package/Assets/BrandLogos/TheEcoExpertsLogo.js.map +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js +26 -37
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js.map +1 -1
- package/Assets/BrandLogos/brandLogos.d.ts +0 -1
- package/Assets/CustomIcons/CheckboxIcon.d.ts +0 -1
- package/Assets/CustomIcons/CheckboxIcon.js +2 -13
- package/Assets/CustomIcons/CheckboxIcon.js.map +1 -1
- package/Assets/CustomIcons/RadioIcon.d.ts +0 -1
- package/Assets/CustomIcons/RadioIcon.js +2 -13
- package/Assets/CustomIcons/RadioIcon.js.map +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.d.ts +0 -1
- 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.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.js.map +1 -1
- package/Components/Atoms/Button/Button.js +2 -13
- package/Components/Atoms/Button/Button.js.map +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/CardButton/CardButton.js +18 -8
- 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.js +19 -20
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CircularProgress/CircularProgressStory.js +2 -13
- package/Components/Atoms/CircularProgress/CircularProgressStory.js.map +1 -1
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js +3 -14
- package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map +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.js +1 -12
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +18 -19
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +18 -19
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Components/Atoms/FormControl/FormControl.js +3 -1
- 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.js +1 -12
- package/Components/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Components/Atoms/FormControl/makeFormControlStyles.d.ts +3 -1
- package/Components/Atoms/FormControl/makeFormControlStyles.js +1 -2
- package/Components/Atoms/FormControl/makeFormControlStyles.js.map +1 -1
- package/Components/Atoms/IconButton/IComponentProps.d.ts +0 -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.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.js +18 -19
- package/Components/Atoms/InfoPanel/InfoPanelStory.js.map +1 -1
- package/Components/Atoms/Input/IInputProps.d.ts +5 -0
- package/Components/Atoms/Input/Input.js +22 -11
- package/Components/Atoms/Input/Input.js.map +1 -1
- package/Components/Atoms/Input/Input.test.js +1 -12
- package/Components/Atoms/Input/Input.test.js.map +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/InputLabel/InputLabel.test.js +1 -12
- package/Components/Atoms/InputLabel/InputLabel.test.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.js +1 -12
- package/Components/Atoms/InputLabel/InputLabelStory.js.map +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckbox.d.ts +0 -1
- package/Components/Atoms/Link/ILinkProps.d.ts +0 -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.js +1 -12
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js +1 -12
- package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js.map +1 -1
- package/Components/Atoms/Modal/IModalProps.d.ts +0 -1
- package/Components/Atoms/Modal/Modal.d.ts +0 -1
- 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 +0 -1
- package/Components/Atoms/Modal/ModalStory.js +1 -12
- package/Components/Atoms/Modal/ModalStory.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.js +1 -12
- package/Components/Atoms/ProgressBar/ProgressBar.js.map +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.js +2 -13
- package/Components/Atoms/Text/TextStory.js.map +1 -1
- package/Components/Atoms/Text/defaultProps.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +23 -24
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +11 -22
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +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/DatePicker/DatePicker.js +4 -4
- package/Components/Molecules/DatePicker/DatePicker.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.js +18 -19
- package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js +7 -18
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +2 -13
- 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.js +18 -19
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/defaultProps.d.ts +2 -2
- package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +0 -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 +17 -7
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +1 -12
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IComponentProps.d.ts +0 -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 +28 -29
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +18 -19
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBar.js +1 -12
- package/Components/Molecules/NavBar/NavBar.js.map +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/PhoneNumberTextField/CountryDropdown.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextField/CountryDropdown.js +146 -0
- package/Components/Molecules/PhoneNumberTextField/CountryDropdown.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/CountryDropdown.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextField/CountryDropdown.test.js +49 -0
- package/Components/Molecules/PhoneNumberTextField/CountryDropdown.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/CountryModal.d.ts +11 -0
- package/Components/Molecules/PhoneNumberTextField/CountryModal.js +180 -0
- package/Components/Molecules/PhoneNumberTextField/CountryModal.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/CountryModal.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextField/CountryModal.test.js +54 -0
- package/Components/Molecules/PhoneNumberTextField/CountryModal.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +7 -5
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +1 -12
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js +215 -0
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/countryData.d.ts +13 -0
- package/Components/Molecules/PhoneNumberTextField/countryData.js +743 -0
- package/Components/Molecules/PhoneNumberTextField/countryData.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/makePhoneInputStyles.d.ts +50 -0
- package/Components/Molecules/PhoneNumberTextField/makePhoneInputStyles.js +147 -0
- package/Components/Molecules/PhoneNumberTextField/makePhoneInputStyles.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/phoneNumberValidation.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextField/phoneNumberValidation.js +66 -0
- package/Components/Molecules/PhoneNumberTextField/phoneNumberValidation.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/phoneValidation.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextField/phoneValidation.js +71 -0
- package/Components/Molecules/PhoneNumberTextField/phoneValidation.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryDropdown.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryDropdown.js +206 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryDropdown.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryDropdown.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryDropdown.test.js +187 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryDropdown.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryModal.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryModal.js +229 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryModal.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryModal.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryModal.test.js +281 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountryModal.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountrySelector.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountrySelector.js +32 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/CountrySelector.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/ErrorDisplay.d.ts +9 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/ErrorDisplay.js +26 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/ErrorDisplay.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/FlagIcon.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/FlagIcon.js +114 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/FlagIcon.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.d.ts +57 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.js +3 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.d.ts +22 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.js +59 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.test.js +159 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.d.ts +33 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.js +3 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.d.ts +7 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js +195 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js +450 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextFieldRefactored.d.ts +37 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextFieldRefactored.js +154 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextFieldRefactored.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextFieldStory.d.ts +17 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextFieldStory.js +29 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextFieldStory.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.d.ts +11 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.js +34 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useDebouncedValidation.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useDebouncedValidation.js +70 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useDebouncedValidation.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.d.ts +32 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js +133 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/DebouncedValidationStory.d.ts +20 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/DebouncedValidationStory.js +60 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/DebouncedValidationStory.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.d.ts +18 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js +18 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/StrictModeStory.d.ts +18 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/StrictModeStory.js +101 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/StrictModeStory.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js +138 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js +509 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryDataFull.d.ts +13 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryDataFull.js +513 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryDataFull.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryDataOptimized.d.ts +0 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryDataOptimized.js +2 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryDataOptimized.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.d.ts +21 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js +33 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.d.ts +15 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js +120 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js +157 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/countryData.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/countryData.js +507 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/countryData.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.d.ts +21 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js +33 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/index.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/index.js +21 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/index.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/makeFormControlPhoneNumberStyling.d.ts +8 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/makeFormControlPhoneNumberStyling.js +139 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/makeFormControlPhoneNumberStyling.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/phoneValidation.d.ts +15 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/phoneValidation.js +120 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/phoneValidation.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/phoneValidation.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/phoneValidation.test.js +157 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/phoneValidation.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/useCountrySelector.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/useCountrySelector.js +34 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/useCountrySelector.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/usePhoneNumber.d.ts +31 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/usePhoneNumber.js +130 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/usePhoneNumber.js.map +1 -0
- package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +0 -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 +8 -19
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js +1 -12
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.js +18 -19
- package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js +6 -17
- 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.js +3 -14
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerTypes.d.ts +0 -1
- package/Components/Molecules/SupplierCard/ISupplierCardProps.d.ts +0 -1
- package/Components/Molecules/SupplierCard/SupplierCard.js +1 -12
- package/Components/Molecules/SupplierCard/SupplierCard.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.d.ts +0 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.js +1 -12
- package/Components/Molecules/SupplierCard/SupplierCardStory.js.map +1 -1
- package/Components/Molecules/SupplierCard/makeSupplierCardStyling.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/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 +0 -1
- 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 +0 -1
- 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/index.d.ts +1 -0
- package/Components/Molecules/index.js +3 -1
- package/Components/Molecules/index.js.map +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.js +1 -12
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Components/Organisms/ListLayout/defaultProps.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js +18 -19
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +8 -19
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +0 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +1 -12
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +18 -8
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +18 -8
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +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/__helpers__/Options.d.ts +3 -3
- package/Components/Organisms/__helpers__/Options.js +25 -15
- package/Components/Organisms/__helpers__/Options.js.map +1 -1
- 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/Experiments/CRO-582/Atoms/ProgressBar/ProgressBar.js +1 -12
- package/Experiments/CRO-582/Atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/Experiments/CRO-584/Atoms/CardButton/CardButton.js +18 -8
- package/Experiments/CRO-584/Atoms/CardButton/CardButton.js.map +1 -1
- package/Experiments/CRO-584/Atoms/CardButton/CardButton.test.js +3 -14
- package/Experiments/CRO-584/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Experiments/CRO-584/Atoms/CardButton/CardButtonStory.js +19 -20
- package/Experiments/CRO-584/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Experiments/CRO-584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +18 -19
- package/Experiments/CRO-584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Experiments/CRO-584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +18 -19
- package/Experiments/CRO-584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Experiments/CRO-584/Atoms/FormControl/FormControl.test.js +2 -13
- package/Experiments/CRO-584/Atoms/FormControl/FormControl.test.js.map +1 -1
- package/Experiments/CRO-584/Atoms/FormControl/FormControlStory.js +1 -12
- package/Experiments/CRO-584/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Experiments/CRO-584/Atoms/Input/Input.js +19 -9
- package/Experiments/CRO-584/Atoms/Input/Input.js.map +1 -1
- package/Experiments/CRO-584/Atoms/Input/Input.test.js +1 -12
- package/Experiments/CRO-584/Atoms/Input/Input.test.js.map +1 -1
- package/Experiments/CRO-584/Atoms/Input/InputStory.js +1 -12
- package/Experiments/CRO-584/Atoms/Input/InputStory.js.map +1 -1
- package/Experiments/CRO-584/Atoms/Input/icons.js +1 -12
- package/Experiments/CRO-584/Atoms/Input/icons.js.map +1 -1
- package/Experiments/CRO-584/Atoms/InputLabel/InputLabel.test.js +1 -12
- package/Experiments/CRO-584/Atoms/InputLabel/InputLabel.test.js.map +1 -1
- package/Experiments/CRO-584/Atoms/InputLabel/InputLabelStory.js +1 -12
- package/Experiments/CRO-584/Atoms/InputLabel/InputLabelStory.js.map +1 -1
- package/Experiments/CRO-584/Atoms/Text/Text.js +1 -12
- package/Experiments/CRO-584/Atoms/Text/Text.js.map +1 -1
- package/Experiments/CRO-584/Atoms/Text/Text.test.js +1 -12
- package/Experiments/CRO-584/Atoms/Text/Text.test.js.map +1 -1
- package/Experiments/CRO-584/Atoms/Text/TextStory.js +2 -13
- package/Experiments/CRO-584/Atoms/Text/TextStory.js.map +1 -1
- package/Experiments/CRO-584/Atoms/Text/defaultProps.d.ts +1 -1
- package/Experiments/CRO-584/Molecules/CheckBox/CheckBox.js +23 -24
- package/Experiments/CRO-584/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Experiments/CRO-584/Molecules/CheckBox/CheckBox.test.js +11 -22
- package/Experiments/CRO-584/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Experiments/CRO-584/Molecules/CheckBox/CheckBoxStory.js +1 -12
- package/Experiments/CRO-584/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Experiments/CRO-584/Molecules/CheckBox/ICheckboxProps.d.ts +0 -1
- package/Experiments/CRO-584/Molecules/IconTileCheckBox/IComponentProps.d.ts +0 -1
- package/Experiments/CRO-584/Molecules/IconTileCheckBox/IconTileCheckBox.js +1 -12
- package/Experiments/CRO-584/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Experiments/CRO-584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +17 -7
- package/Experiments/CRO-584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Experiments/CRO-584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +1 -12
- package/Experiments/CRO-584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Experiments/CRO-584/Molecules/IconTileRadioButton/IComponentProps.d.ts +0 -1
- package/Experiments/CRO-584/Molecules/IconTileRadioButton/IconTileRadioButton.js +2 -13
- package/Experiments/CRO-584/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Experiments/CRO-584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +28 -29
- package/Experiments/CRO-584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Experiments/CRO-584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +18 -19
- package/Experiments/CRO-584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Experiments/CRO-584/Molecules/RadioButton/IRadioButtonProps.d.ts +0 -1
- package/Experiments/CRO-584/Molecules/RadioButton/RadioButton.js +3 -14
- package/Experiments/CRO-584/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Experiments/CRO-584/Molecules/RadioButton/RadioButton.test.js +8 -19
- package/Experiments/CRO-584/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Experiments/CRO-584/Molecules/RadioButton/RadioButtonStory.js +1 -12
- package/Experiments/CRO-584/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Experiments/CRO-584/Molecules/TextField/TextField.js +1 -1
- package/Experiments/CRO-584/Molecules/TextField/TextField.js.map +1 -1
- package/Experiments/CRO-584/Molecules/TextField/TextFieldStory.js +1 -12
- package/Experiments/CRO-584/Molecules/TextField/TextFieldStory.js.map +1 -1
- package/Experiments/CRO-584/Molecules/TextField/defaultProps.d.ts +1 -1
- package/Experiments/CRO-584/Organisms/ListLayout/ListLayout.js +2 -13
- package/Experiments/CRO-584/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Experiments/CRO-584/Organisms/ListLayout/ListLayout.test.js +2 -13
- package/Experiments/CRO-584/Organisms/ListLayout/ListLayout.test.js.map +1 -1
- package/Experiments/CRO-584/Organisms/ListLayout/ListLayoutStory.js +1 -12
- package/Experiments/CRO-584/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Experiments/CRO-584/Organisms/ListLayout/defaultProps.d.ts +1 -1
- package/Experiments/CRO-584/Organisms/RadioGroup/RadioGroup.js +18 -19
- package/Experiments/CRO-584/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Experiments/CRO-584/Organisms/RadioGroup/RadioGroup.test.js +8 -19
- package/Experiments/CRO-584/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Experiments/CRO-584/Organisms/RadioGroup/RadioGroupContext.d.ts +0 -1
- package/Experiments/CRO-584/Organisms/RadioGroup/RadioGroupStory.js +1 -12
- package/Experiments/CRO-584/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Experiments/CRO-584/Organisms/TileLayout/IconTileCheckBoxStory.js +18 -8
- package/Experiments/CRO-584/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
- package/Experiments/CRO-584/Organisms/TileLayout/IconTileRadioButtonStory.js +18 -8
- package/Experiments/CRO-584/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
- package/Experiments/CRO-584/Organisms/TileLayout/TileLayout.js +2 -13
- package/Experiments/CRO-584/Organisms/TileLayout/TileLayout.js.map +1 -1
- package/Experiments/CRO-584/Organisms/TileLayout/TileLayout.test.js +1 -12
- package/Experiments/CRO-584/Organisms/TileLayout/TileLayout.test.js.map +1 -1
- package/Experiments/CRO-584/Organisms/__helpers__/Options.d.ts +3 -3
- package/Experiments/CRO-584/Organisms/__helpers__/Options.js +25 -15
- package/Experiments/CRO-584/Organisms/__helpers__/Options.js.map +1 -1
- package/Experiments/CRO-584/Organisms/__helpers__/generateMenuItems.js.map +1 -1
- package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.js +1 -12
- package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButton.js +18 -8
- 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.js +19 -20
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +18 -19
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +18 -19
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +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.js +1 -12
- package/Experiments/Example/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Experiments/Example/Atoms/Input/Input.js +19 -9
- package/Experiments/Example/Atoms/Input/Input.js.map +1 -1
- package/Experiments/Example/Atoms/Input/Input.test.js +1 -12
- package/Experiments/Example/Atoms/Input/Input.test.js.map +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/InputLabel/InputLabel.test.js +1 -12
- package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js.map +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/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.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/Molecules/CheckBox/CheckBox.js +21 -22
- package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js +10 -21
- package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js.map +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/TextField/TextField.js +1 -1
- package/Experiments/Example/Molecules/TextField/TextField.js.map +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/Experiments/GOLD-1420/Atoms/Button/Button.js +2 -13
- package/Experiments/GOLD-1420/Atoms/Button/Button.js.map +1 -1
- package/Experiments/GOLD-1420/Atoms/Button/ButtonStory.js +1 -12
- package/Experiments/GOLD-1420/Atoms/Button/ButtonStory.js.map +1 -1
- package/Experiments/GOLD-1420/Atoms/Button/IButtonProps.d.ts +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/defaultProps.d.ts +1 -1
- package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.js +2 -13
- package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.js.map +1 -1
- package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js +3 -14
- package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map +1 -1
- package/Experiments/GOLD-1420/Atoms/IconButton/IComponentProps.d.ts +0 -1
- package/Experiments/GOLD-1420/Atoms/IconButton/IconButtonStory.js +1 -12
- package/Experiments/GOLD-1420/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Experiments/GOLD-1420/Atoms/IconButton/makeIconButtonStyling.d.ts +1 -1
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.d.ts +0 -1
- package/Experiments/GOLD-1420/Molecules/NavBar/NavBar.js +1 -12
- package/Experiments/GOLD-1420/Molecules/NavBar/NavBar.js.map +1 -1
- package/Experiments/GOLD-1420/Molecules/NavBar/NavBarStory.js +1 -12
- package/Experiments/GOLD-1420/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Experiments/GOLD-1420/Molecules/NavBar/defaultProps.d.ts +1 -1
- package/Helpers/React/FunctionComponentWithDefaultProps.d.ts +0 -1
- package/Helpers/React/css.d.ts +0 -1
- package/Helpers/React/renderWithProviders.js +1 -12
- package/Helpers/React/renderWithProviders.js.map +1 -1
- package/Helpers/deviceSpecificHandlers.js.map +1 -1
- package/Helpers/useDidUpdate.js.map +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.js +1 -12
- package/Themes/StoryThemeWrapper.js.map +1 -1
- package/Themes/themes.js +17 -7
- package/Themes/themes.js.map +1 -1
- package/index.d.ts +1 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +4 -1
@@ -0,0 +1,450 @@
|
|
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
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
14
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
15
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
16
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
17
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
18
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
19
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
20
|
+
});
|
21
|
+
};
|
22
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
23
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
24
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
25
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
26
|
+
function step(op) {
|
27
|
+
if (f) throw new TypeError("Generator is already executing.");
|
28
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
29
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
30
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
31
|
+
switch (op[0]) {
|
32
|
+
case 0: case 1: t = op; break;
|
33
|
+
case 4: _.label++; return { value: op[1], done: false };
|
34
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
35
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
36
|
+
default:
|
37
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
38
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
39
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
40
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
41
|
+
if (t[2]) _.ops.pop();
|
42
|
+
_.trys.pop(); continue;
|
43
|
+
}
|
44
|
+
op = body.call(thisArg, _);
|
45
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
46
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
47
|
+
}
|
48
|
+
};
|
49
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
50
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
51
|
+
};
|
52
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
53
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
54
|
+
var react_1 = require("@testing-library/react");
|
55
|
+
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
56
|
+
var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
|
57
|
+
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
58
|
+
var countryData_1 = require("./__helpers__/utils/countryData");
|
59
|
+
describe('PhoneNumberTextField', function () {
|
60
|
+
var defaultProps = {
|
61
|
+
label: 'Phone Number',
|
62
|
+
id: 'phone-input',
|
63
|
+
experimentName: 'default',
|
64
|
+
value: '',
|
65
|
+
isAnswered: false,
|
66
|
+
disabled: false,
|
67
|
+
isSafari: false,
|
68
|
+
isAutoFilledActive: false,
|
69
|
+
type: 'tel',
|
70
|
+
onBlur: jest.fn(),
|
71
|
+
onClick: jest.fn(),
|
72
|
+
};
|
73
|
+
beforeEach(function () {
|
74
|
+
jest.clearAllMocks();
|
75
|
+
});
|
76
|
+
describe('Basic Rendering', function () {
|
77
|
+
it('should display PhoneNumberTextField Component with label', function () {
|
78
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
79
|
+
expect(react_1.screen.getByText('Phone Number')).toBeInTheDocument();
|
80
|
+
});
|
81
|
+
it('should render with default country (first in list)', function () {
|
82
|
+
var countries = (0, countryData_1.getCountryData)();
|
83
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
84
|
+
// Should show the first country's flag and example
|
85
|
+
var input = react_1.screen.getByRole('textbox');
|
86
|
+
expect(input).toHaveAttribute('placeholder', countries[0].example);
|
87
|
+
});
|
88
|
+
it('should render with specified initial country', function () {
|
89
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { initialCountry: "GB" })));
|
90
|
+
// Should show UK's example
|
91
|
+
var input = react_1.screen.getByRole('textbox');
|
92
|
+
var ukCountry = (0, countryData_1.getCountryData)().find(function (c) { return c.code === 'GB'; });
|
93
|
+
expect(input).toHaveAttribute('placeholder', ukCountry === null || ukCountry === void 0 ? void 0 : ukCountry.example);
|
94
|
+
});
|
95
|
+
it('should have tel input type by default', function () {
|
96
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
97
|
+
var input = react_1.screen.getByRole('textbox');
|
98
|
+
expect(input).toHaveAttribute('type', 'tel');
|
99
|
+
});
|
100
|
+
it('should accept custom input type', function () {
|
101
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { type: "text" })));
|
102
|
+
var input = react_1.screen.getByRole('textbox');
|
103
|
+
expect(input).toHaveAttribute('type', 'text');
|
104
|
+
});
|
105
|
+
});
|
106
|
+
describe('Phone Number Input and Formatting', function () {
|
107
|
+
it('should format phone number as user types', function () { return __awaiter(void 0, void 0, void 0, function () {
|
108
|
+
var input;
|
109
|
+
return __generator(this, function (_a) {
|
110
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
111
|
+
input = react_1.screen.getByRole('textbox');
|
112
|
+
// Type a US phone number
|
113
|
+
user_event_1.default.type(input, '2023456789');
|
114
|
+
// Should be formatted
|
115
|
+
expect(input).toHaveValue('(202) 345-6789');
|
116
|
+
return [2 /*return*/];
|
117
|
+
});
|
118
|
+
}); });
|
119
|
+
it('should handle international phone number input', function () { return __awaiter(void 0, void 0, void 0, function () {
|
120
|
+
var input;
|
121
|
+
return __generator(this, function (_a) {
|
122
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
123
|
+
input = react_1.screen.getByRole('textbox');
|
124
|
+
// Type an international number
|
125
|
+
user_event_1.default.type(input, '+441212345678');
|
126
|
+
// Should be formatted and country should change
|
127
|
+
expect(input.value).toContain('121 234 5678');
|
128
|
+
return [2 /*return*/];
|
129
|
+
});
|
130
|
+
}); });
|
131
|
+
it('should call phone number change callbacks', function () { return __awaiter(void 0, void 0, void 0, function () {
|
132
|
+
var mockOnPhoneNumberChange, mockOnValidationChange, mockOnFormattedValueChange, mockOnChange, input;
|
133
|
+
return __generator(this, function (_a) {
|
134
|
+
mockOnPhoneNumberChange = jest.fn();
|
135
|
+
mockOnValidationChange = jest.fn();
|
136
|
+
mockOnFormattedValueChange = jest.fn();
|
137
|
+
mockOnChange = jest.fn();
|
138
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { onPhoneNumberChange: mockOnPhoneNumberChange, onValidationChange: mockOnValidationChange, onFormattedValueChange: mockOnFormattedValueChange, onChange: mockOnChange })));
|
139
|
+
input = react_1.screen.getByRole('textbox');
|
140
|
+
user_event_1.default.type(input, '2023456789');
|
141
|
+
expect(mockOnPhoneNumberChange).toHaveBeenCalled();
|
142
|
+
expect(mockOnValidationChange).toHaveBeenCalled();
|
143
|
+
expect(mockOnFormattedValueChange).toHaveBeenCalled();
|
144
|
+
expect(mockOnChange).toHaveBeenCalled();
|
145
|
+
return [2 /*return*/];
|
146
|
+
});
|
147
|
+
}); });
|
148
|
+
it('should validate phone numbers correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
|
149
|
+
var mockOnValidationChange, input, calls;
|
150
|
+
return __generator(this, function (_a) {
|
151
|
+
switch (_a.label) {
|
152
|
+
case 0:
|
153
|
+
mockOnValidationChange = jest.fn();
|
154
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { onValidationChange: mockOnValidationChange })));
|
155
|
+
input = react_1.screen.getByRole('textbox');
|
156
|
+
// Type a US number
|
157
|
+
user_event_1.default.type(input, '2023456789');
|
158
|
+
// Should call validation callback for each digit
|
159
|
+
return [4 /*yield*/, (0, react_1.waitFor)(function () {
|
160
|
+
expect(mockOnValidationChange).toHaveBeenCalled();
|
161
|
+
})];
|
162
|
+
case 1:
|
163
|
+
// Should call validation callback for each digit
|
164
|
+
_a.sent();
|
165
|
+
calls = mockOnValidationChange.mock.calls;
|
166
|
+
expect(calls.length).toBeGreaterThan(0);
|
167
|
+
// Check that all calls have the expected structure
|
168
|
+
calls.forEach(function (call) {
|
169
|
+
expect(call[0]).toEqual(expect.objectContaining({
|
170
|
+
id: 'phone-input',
|
171
|
+
isValid: expect.any(Boolean),
|
172
|
+
phoneNumber: expect.any(String),
|
173
|
+
validationResult: expect.any(Object),
|
174
|
+
}));
|
175
|
+
});
|
176
|
+
return [2 /*return*/];
|
177
|
+
}
|
178
|
+
});
|
179
|
+
}); });
|
180
|
+
it('should show validation error for invalid numbers', function () { return __awaiter(void 0, void 0, void 0, function () {
|
181
|
+
var input;
|
182
|
+
return __generator(this, function (_a) {
|
183
|
+
switch (_a.label) {
|
184
|
+
case 0:
|
185
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
186
|
+
input = react_1.screen.getByRole('textbox');
|
187
|
+
// Type incomplete number
|
188
|
+
user_event_1.default.type(input, '555');
|
189
|
+
// Should show error
|
190
|
+
return [4 /*yield*/, (0, react_1.waitFor)(function () {
|
191
|
+
expect(react_1.screen.getByText('Please enter a valid phone number')).toBeInTheDocument();
|
192
|
+
})];
|
193
|
+
case 1:
|
194
|
+
// Should show error
|
195
|
+
_a.sent();
|
196
|
+
return [2 /*return*/];
|
197
|
+
}
|
198
|
+
});
|
199
|
+
}); });
|
200
|
+
});
|
201
|
+
describe('Country Selection', function () {
|
202
|
+
it('should show country selector when enableCountryChange is true (default)', function () {
|
203
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
204
|
+
var countrySelector = react_1.screen.getByRole('button', {
|
205
|
+
name: /select country/i,
|
206
|
+
});
|
207
|
+
expect(countrySelector).toBeInTheDocument();
|
208
|
+
expect(countrySelector).toHaveStyle('cursor: pointer');
|
209
|
+
});
|
210
|
+
it('should disable country selector when enableCountryChange is false', function () {
|
211
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { enableCountryChange: false })));
|
212
|
+
var countryDisplay = react_1.screen.getByLabelText(/country:/i);
|
213
|
+
expect(countryDisplay).toBeInTheDocument();
|
214
|
+
expect(countryDisplay).toHaveStyle('cursor: default');
|
215
|
+
});
|
216
|
+
it('should open country dropdown when country selector is clicked', function () { return __awaiter(void 0, void 0, void 0, function () {
|
217
|
+
var countrySelector;
|
218
|
+
return __generator(this, function (_a) {
|
219
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { useModalForCountrySelection: false })));
|
220
|
+
countrySelector = react_1.screen.getByRole('button', {
|
221
|
+
name: /select country/i,
|
222
|
+
});
|
223
|
+
user_event_1.default.click(countrySelector);
|
224
|
+
// Should open dropdown listbox
|
225
|
+
expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
|
226
|
+
return [2 /*return*/];
|
227
|
+
});
|
228
|
+
}); });
|
229
|
+
it('should open country modal when useModalForCountrySelection is true', function () { return __awaiter(void 0, void 0, void 0, function () {
|
230
|
+
var countrySelector;
|
231
|
+
return __generator(this, function (_a) {
|
232
|
+
switch (_a.label) {
|
233
|
+
case 0:
|
234
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { useModalForCountrySelection: true })));
|
235
|
+
countrySelector = react_1.screen.getByRole('button', {
|
236
|
+
name: /select country/i,
|
237
|
+
});
|
238
|
+
user_event_1.default.click(countrySelector);
|
239
|
+
// Should open modal
|
240
|
+
return [4 /*yield*/, (0, react_1.waitFor)(function () {
|
241
|
+
expect(react_1.screen.getByRole('dialog')).toBeInTheDocument();
|
242
|
+
})];
|
243
|
+
case 1:
|
244
|
+
// Should open modal
|
245
|
+
_a.sent();
|
246
|
+
expect(react_1.screen.getByText('Select Country')).toBeInTheDocument();
|
247
|
+
return [2 /*return*/];
|
248
|
+
}
|
249
|
+
});
|
250
|
+
}); });
|
251
|
+
it('should call onCountryChange when country is selected', function () { return __awaiter(void 0, void 0, void 0, function () {
|
252
|
+
var mockOnCountryChange, countrySelector, countries, targetCountry, countryOption;
|
253
|
+
return __generator(this, function (_a) {
|
254
|
+
mockOnCountryChange = jest.fn();
|
255
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { onCountryChange: mockOnCountryChange, useModalForCountrySelection: false })));
|
256
|
+
countrySelector = react_1.screen.getByRole('button', {
|
257
|
+
name: /select country/i,
|
258
|
+
});
|
259
|
+
user_event_1.default.click(countrySelector);
|
260
|
+
countries = (0, countryData_1.getCountryData)();
|
261
|
+
targetCountry = countries.find(function (c) { return c.code !== countries[0].code; });
|
262
|
+
if (targetCountry) {
|
263
|
+
countryOption = react_1.screen.getByRole('option', {
|
264
|
+
name: new RegExp(targetCountry.name),
|
265
|
+
});
|
266
|
+
user_event_1.default.click(countryOption);
|
267
|
+
expect(mockOnCountryChange).toHaveBeenCalledWith(expect.objectContaining({
|
268
|
+
selectedCountry: targetCountry,
|
269
|
+
previousCountry: countries[0],
|
270
|
+
id: 'phone-input',
|
271
|
+
}));
|
272
|
+
}
|
273
|
+
return [2 /*return*/];
|
274
|
+
});
|
275
|
+
}); });
|
276
|
+
it('should preserve and reformat phone number when country changes', function () { return __awaiter(void 0, void 0, void 0, function () {
|
277
|
+
var input, countrySelector, countries, targetCountry, countryOption;
|
278
|
+
return __generator(this, function (_a) {
|
279
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { useModalForCountrySelection: false })));
|
280
|
+
input = react_1.screen.getByRole('textbox');
|
281
|
+
// Type a number first
|
282
|
+
user_event_1.default.type(input, '2023456789');
|
283
|
+
expect(input).toHaveValue('(202) 345-6789');
|
284
|
+
countrySelector = react_1.screen.getByRole('button', {
|
285
|
+
name: /select country/i,
|
286
|
+
});
|
287
|
+
user_event_1.default.click(countrySelector);
|
288
|
+
countries = (0, countryData_1.getCountryData)();
|
289
|
+
targetCountry = countries.find(function (c) { return c.code !== countries[0].code; });
|
290
|
+
if (targetCountry) {
|
291
|
+
countryOption = react_1.screen.getByRole('option', {
|
292
|
+
name: new RegExp(targetCountry.name),
|
293
|
+
});
|
294
|
+
user_event_1.default.click(countryOption);
|
295
|
+
// Phone number should be preserved (though it may be reformatted for the new country)
|
296
|
+
expect(input).not.toHaveValue('');
|
297
|
+
// The original digits should still be present in some form
|
298
|
+
expect(input.value).toMatch(/2023456789/);
|
299
|
+
}
|
300
|
+
return [2 /*return*/];
|
301
|
+
});
|
302
|
+
}); });
|
303
|
+
});
|
304
|
+
describe('Error States', function () {
|
305
|
+
it('should display external error message', function () {
|
306
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { errorMessage: "This field is required" })));
|
307
|
+
expect(react_1.screen.getByText('This field is required')).toBeInTheDocument();
|
308
|
+
});
|
309
|
+
it('should prioritize external error over validation error', function () { return __awaiter(void 0, void 0, void 0, function () {
|
310
|
+
var input;
|
311
|
+
return __generator(this, function (_a) {
|
312
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { errorMessage: "This field is required" })));
|
313
|
+
input = react_1.screen.getByRole('textbox');
|
314
|
+
// Type invalid number (would normally show validation error)
|
315
|
+
user_event_1.default.type(input, '123');
|
316
|
+
// Should still show external error, not validation error
|
317
|
+
expect(react_1.screen.getByText('This field is required')).toBeInTheDocument();
|
318
|
+
expect(react_1.screen.queryByText('Please enter a valid phone number')).not.toBeInTheDocument();
|
319
|
+
return [2 /*return*/];
|
320
|
+
});
|
321
|
+
}); });
|
322
|
+
});
|
323
|
+
describe('Value Prop and Controlled State', function () {
|
324
|
+
it('should parse and display value with country code', function () {
|
325
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { value: "+441212345678" })));
|
326
|
+
var input = react_1.screen.getByRole('textbox');
|
327
|
+
// Should show formatted UK number
|
328
|
+
expect(input.value).toContain('0121 234 5678');
|
329
|
+
});
|
330
|
+
it('should detect country from international number', function () {
|
331
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { value: "+441212345678" })));
|
332
|
+
// Should detect UK and show UK flag (test indirectly via placeholder)
|
333
|
+
var input = react_1.screen.getByRole('textbox');
|
334
|
+
var ukCountry = (0, countryData_1.getCountryData)().find(function (c) { return c.code === 'GB'; });
|
335
|
+
expect(input).toHaveAttribute('placeholder', ukCountry === null || ukCountry === void 0 ? void 0 : ukCountry.example);
|
336
|
+
});
|
337
|
+
});
|
338
|
+
describe('Accessibility', function () {
|
339
|
+
it('should have proper ARIA labels', function () {
|
340
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
341
|
+
var input = react_1.screen.getByRole('textbox');
|
342
|
+
expect(input).toHaveAttribute('id', 'phone-input');
|
343
|
+
var label = react_1.screen.getByText('Phone Number');
|
344
|
+
expect(label).toHaveAttribute('for', 'phone-input');
|
345
|
+
});
|
346
|
+
it('should support keyboard navigation for country selector', function () { return __awaiter(void 0, void 0, void 0, function () {
|
347
|
+
var countrySelector;
|
348
|
+
return __generator(this, function (_a) {
|
349
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
350
|
+
countrySelector = react_1.screen.getByRole('button', {
|
351
|
+
name: /select country/i,
|
352
|
+
});
|
353
|
+
// Test Enter key
|
354
|
+
countrySelector.focus();
|
355
|
+
user_event_1.default.keyboard('{Enter}');
|
356
|
+
expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
|
357
|
+
return [2 /*return*/];
|
358
|
+
});
|
359
|
+
}); });
|
360
|
+
it('should support space key for country selector', function () { return __awaiter(void 0, void 0, void 0, function () {
|
361
|
+
var countrySelector;
|
362
|
+
return __generator(this, function (_a) {
|
363
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
364
|
+
countrySelector = react_1.screen.getByRole('button', {
|
365
|
+
name: /select country/i,
|
366
|
+
});
|
367
|
+
// Test Space key
|
368
|
+
countrySelector.focus();
|
369
|
+
user_event_1.default.keyboard(' ');
|
370
|
+
expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
|
371
|
+
return [2 /*return*/];
|
372
|
+
});
|
373
|
+
}); });
|
374
|
+
});
|
375
|
+
describe('Country Search Feature', function () {
|
376
|
+
it('should enable country search by default', function () { return __awaiter(void 0, void 0, void 0, function () {
|
377
|
+
var countrySelector;
|
378
|
+
return __generator(this, function (_a) {
|
379
|
+
switch (_a.label) {
|
380
|
+
case 0:
|
381
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { useModalForCountrySelection: true, enableCountrySearch: true })));
|
382
|
+
countrySelector = react_1.screen.getByRole('button', {
|
383
|
+
name: /select country/i,
|
384
|
+
});
|
385
|
+
user_event_1.default.click(countrySelector);
|
386
|
+
// Should show search input in modal
|
387
|
+
return [4 /*yield*/, (0, react_1.waitFor)(function () {
|
388
|
+
expect(react_1.screen.getByPlaceholderText('Search countries...')).toBeInTheDocument();
|
389
|
+
})];
|
390
|
+
case 1:
|
391
|
+
// Should show search input in modal
|
392
|
+
_a.sent();
|
393
|
+
return [2 /*return*/];
|
394
|
+
}
|
395
|
+
});
|
396
|
+
}); });
|
397
|
+
it('should disable country search when enableCountrySearch is false', function () { return __awaiter(void 0, void 0, void 0, function () {
|
398
|
+
var countrySelector;
|
399
|
+
return __generator(this, function (_a) {
|
400
|
+
switch (_a.label) {
|
401
|
+
case 0:
|
402
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { enableCountrySearch: false, useModalForCountrySelection: true })));
|
403
|
+
countrySelector = react_1.screen.getByRole('button', {
|
404
|
+
name: /select country/i,
|
405
|
+
});
|
406
|
+
user_event_1.default.click(countrySelector);
|
407
|
+
// Should not show search input in modal
|
408
|
+
return [4 /*yield*/, (0, react_1.waitFor)(function () {
|
409
|
+
expect(react_1.screen.queryByPlaceholderText('Search countries...')).not.toBeInTheDocument();
|
410
|
+
})];
|
411
|
+
case 1:
|
412
|
+
// Should not show search input in modal
|
413
|
+
_a.sent();
|
414
|
+
return [2 /*return*/];
|
415
|
+
}
|
416
|
+
});
|
417
|
+
}); });
|
418
|
+
});
|
419
|
+
describe('Edge Cases', function () {
|
420
|
+
it('should handle empty value gracefully', function () {
|
421
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { value: "" })));
|
422
|
+
var input = react_1.screen.getByRole('textbox');
|
423
|
+
expect(input).toHaveValue('');
|
424
|
+
});
|
425
|
+
it('should handle invalid initial country code', function () {
|
426
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { initialCountry: "INVALID" })));
|
427
|
+
// Should fallback to first country
|
428
|
+
var countries = (0, countryData_1.getCountryData)();
|
429
|
+
var input = react_1.screen.getByRole('textbox');
|
430
|
+
expect(input).toHaveAttribute('placeholder', countries[0].example);
|
431
|
+
});
|
432
|
+
it('should handle cursor position correctly during formatting', function () { return __awaiter(void 0, void 0, void 0, function () {
|
433
|
+
var input;
|
434
|
+
return __generator(this, function (_a) {
|
435
|
+
(0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
|
436
|
+
input = react_1.screen.getByRole('textbox');
|
437
|
+
// Type partial number
|
438
|
+
user_event_1.default.type(input, '202345');
|
439
|
+
// Set cursor in middle
|
440
|
+
input.setSelectionRange(3, 3);
|
441
|
+
// Type more digits
|
442
|
+
user_event_1.default.type(input, '9');
|
443
|
+
// Cursor should be in reasonable position (exact position may vary due to formatting)
|
444
|
+
expect(input.selectionStart).toBeGreaterThan(0);
|
445
|
+
return [2 /*return*/];
|
446
|
+
});
|
447
|
+
}); });
|
448
|
+
});
|
449
|
+
});
|
450
|
+
//# sourceMappingURL=PhoneNumberTextField.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
3
|
+
import WithExperimentName from '../../../@types/WithExperimentName';
|
4
|
+
import { PhoneNumberTextFieldCallbacks } from './PhoneNumberCallbacks';
|
5
|
+
interface IPhoneNumberTextFieldRefactoredProps extends PhoneNumberTextFieldCallbacks {
|
6
|
+
id: string;
|
7
|
+
value?: string;
|
8
|
+
label?: string;
|
9
|
+
errorMessage?: string;
|
10
|
+
disabled?: boolean;
|
11
|
+
placeholder?: string;
|
12
|
+
initialCountry?: string;
|
13
|
+
enableCountryChange?: boolean;
|
14
|
+
enableCountrySearch?: boolean;
|
15
|
+
useModalForCountrySelection?: boolean;
|
16
|
+
isAnswered?: boolean;
|
17
|
+
isSafari?: boolean;
|
18
|
+
isAutoFilledActive?: boolean;
|
19
|
+
onBlur?: () => void;
|
20
|
+
onClick?: React.MouseEventHandler<HTMLInputElement>;
|
21
|
+
}
|
22
|
+
declare const defaultProps: {
|
23
|
+
disabled: boolean;
|
24
|
+
isAnswered: boolean;
|
25
|
+
isSafari: boolean;
|
26
|
+
isAutoFilledActive: boolean;
|
27
|
+
enableCountryChange: boolean;
|
28
|
+
enableCountrySearch: boolean;
|
29
|
+
useModalForCountrySelection: boolean;
|
30
|
+
label: string;
|
31
|
+
value: string;
|
32
|
+
onBlur: () => void;
|
33
|
+
onClick: () => void;
|
34
|
+
};
|
35
|
+
export type PhoneNumberTextFieldRefactoredType = FunctionComponentWithDefaultProps<WithExperimentName<IPhoneNumberTextFieldRefactoredProps>, typeof defaultProps>;
|
36
|
+
declare const PhoneNumberTextFieldRefactored: PhoneNumberTextFieldRefactoredType;
|
37
|
+
export default PhoneNumberTextFieldRefactored;
|