@mvf/external-components 3.14.1-dev.3 → 3.14.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/@types/WithExperimentName.d.ts +2 -2
- package/Assets/BrandLogos/ExpertMarketLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertMarketLogo.js +22 -11
- package/Assets/BrandLogos/ExpertMarketLogo.js.map +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.js +28 -17
- package/Assets/BrandLogos/ExpertReviewsLogo.js.map +1 -1
- package/Assets/BrandLogos/GoWizardLogo.d.ts +1 -1
- package/Assets/BrandLogos/GoWizardLogo.js +21 -10
- package/Assets/BrandLogos/GoWizardLogo.js.map +1 -1
- package/Assets/BrandLogos/HearClearLogo.d.ts +1 -1
- package/Assets/BrandLogos/HearClearLogo.js +23 -12
- package/Assets/BrandLogos/HearClearLogo.js.map +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.d.ts +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.js +112 -101
- package/Assets/BrandLogos/LasikEyesLogo.js.map +1 -1
- package/Assets/BrandLogos/StartupsLogo.d.ts +1 -1
- package/Assets/BrandLogos/StartupsLogo.js +13 -2
- package/Assets/BrandLogos/StartupsLogo.js.map +1 -1
- package/Assets/BrandLogos/TechcoLogo.d.ts +1 -1
- package/Assets/BrandLogos/TechcoLogo.js +14 -3
- package/Assets/BrandLogos/TechcoLogo.js.map +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.js +25 -14
- package/Assets/BrandLogos/TheEcoExpertsLogo.js.map +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js +37 -26
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js.map +1 -1
- package/Assets/BrandLogos/brandLogos.d.ts +2 -1
- package/Assets/CustomIcons/CheckboxIcon.d.ts +2 -1
- package/Assets/CustomIcons/CheckboxIcon.js +13 -2
- package/Assets/CustomIcons/CheckboxIcon.js.map +1 -1
- package/Assets/CustomIcons/RadioIcon.d.ts +2 -1
- package/Assets/CustomIcons/RadioIcon.js +13 -2
- package/Assets/CustomIcons/RadioIcon.js.map +1 -1
- package/Assets/svgs/svgs.d.ts +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.d.ts +2 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.js +13 -2
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.js.map +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js +17 -6
- package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js.map +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.d.ts +2 -3
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js +12 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js.map +1 -1
- package/Components/Atoms/AnimationWrapper/IAnimationWrapperProps.d.ts +1 -0
- 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 +15 -4
- 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 +12 -1
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/Button/IButtonProps.d.ts +1 -0
- 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 +14 -3
- package/Components/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.d.ts +2 -3
- package/Components/Atoms/CardButton/CardButtonStory.js +13 -2
- 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 +13 -2
- 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 +14 -3
- 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 +12 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js +13 -2
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js +12 -1
- 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 +12 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +12 -1
- 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 +13 -2
- package/Components/Atoms/FormControl/FormControl.test.js.map +1 -1
- package/Components/Atoms/FormControl/FormControlStory.d.ts +1 -1
- package/Components/Atoms/FormControl/FormControlStory.js +12 -1
- 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 +1 -0
- package/Components/Atoms/IconButton/IconButton.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +12 -1
- 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 +12 -1
- package/Components/Atoms/InfoPanel/InfoPanel.js.map +1 -1
- package/Components/Atoms/InfoPanel/InfoPanel.test.js +14 -3
- 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 +12 -1
- 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 +23 -12
- package/Components/Atoms/Input/Input.test.js.map +1 -1
- package/Components/Atoms/Input/InputStory.d.ts +1 -1
- package/Components/Atoms/Input/InputStory.js +12 -1
- package/Components/Atoms/Input/InputStory.js.map +1 -1
- package/Components/Atoms/Input/icons.js +12 -1
- package/Components/Atoms/Input/icons.js.map +1 -1
- package/Components/Atoms/Input/makeInputStyles.d.ts +4 -4
- package/Components/Atoms/Input/makeInputStyles.js +4 -6
- 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 +12 -1
- package/Components/Atoms/InputLabel/InputLabel.test.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.d.ts +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.js +12 -1
- 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 +3 -2
- 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 +1 -0
- package/Components/Atoms/Link/Link.d.ts +1 -1
- package/Components/Atoms/Link/Link.js +12 -1
- package/Components/Atoms/Link/Link.js.map +1 -1
- package/Components/Atoms/Link/Link.test.js +13 -2
- package/Components/Atoms/Link/Link.test.js.map +1 -1
- package/Components/Atoms/Link/LinkStory.d.ts +1 -1
- package/Components/Atoms/Link/LinkStory.js +12 -1
- 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 +12 -1
- 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 +1 -0
- package/Components/Atoms/Modal/Modal.d.ts +2 -1
- package/Components/Atoms/Modal/Modal.js +12 -1
- package/Components/Atoms/Modal/Modal.js.map +1 -1
- package/Components/Atoms/Modal/Modal.test.js +13 -2
- package/Components/Atoms/Modal/Modal.test.js.map +1 -1
- package/Components/Atoms/Modal/ModalStory.d.ts +2 -1
- package/Components/Atoms/Modal/ModalStory.js +12 -1
- 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 +12 -1
- 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 +12 -1
- package/Components/Atoms/Text/Text.js.map +1 -1
- package/Components/Atoms/Text/Text.test.js +12 -1
- package/Components/Atoms/Text/Text.test.js.map +1 -1
- package/Components/Atoms/Text/TextStory.d.ts +1 -1
- package/Components/Atoms/Text/TextStory.js +13 -2
- 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 +18 -7
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +40 -29
- 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 +12 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +1 -0
- 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 +13 -2
- 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 +21 -9
- 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 +15 -4
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js +13 -2
- 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 +12 -1
- 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 +1 -0
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +13 -2
- 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 +12 -1
- 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 +1 -0
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +14 -3
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +27 -16
- 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 +12 -1
- 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 +13 -2
- 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 +12 -1
- 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 +12 -1
- 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 +1 -0
- package/Components/Molecules/RadioButton/RadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +15 -4
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +25 -14
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js +12 -1
- 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 +12 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js +18 -7
- 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 +14 -3
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerTypes.d.ts +3 -2
- package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.d.ts +3 -3
- package/Components/Molecules/SupplierCard/ISupplierCardProps.d.ts +1 -0
- package/Components/Molecules/SupplierCard/SupplierCard.d.ts +1 -1
- package/Components/Molecules/SupplierCard/SupplierCard.js +13 -2
- 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 +2 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.js +12 -1
- 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 +12 -1
- package/Components/Molecules/TextField/TextFieldStory.js.map +1 -1
- package/Components/Molecules/TextField/defaultProps.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/IThankYouBannerProps.d.ts +1 -0
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.d.ts +2 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js +12 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js +15 -4
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.d.ts +2 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js +13 -2
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js +12 -1
- 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 +13 -2
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.test.js +13 -2
- 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 +12 -1
- 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 +12 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +20 -9
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +2 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +12 -1
- 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 +13 -2
- package/Components/Organisms/TileLayout/TileLayout.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js +12 -1
- 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 +7 -9
- 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 +14 -3
- package/Experiments/Example/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.d.ts +2 -3
- package/Experiments/Example/Atoms/CardButton/CardButtonStory.js +13 -2
- 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 +12 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +12 -1
- 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 +13 -2
- 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 +12 -1
- 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 +23 -12
- 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 +12 -1
- package/Experiments/Example/Atoms/Input/InputStory.js.map +1 -1
- package/Experiments/Example/Atoms/Input/icons.js +12 -1
- 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 +4 -6
- 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 +12 -1
- 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 +12 -1
- 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 +12 -1
- package/Experiments/Example/Atoms/Text/Text.js.map +1 -1
- package/Experiments/Example/Atoms/Text/Text.test.js +12 -1
- 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 +13 -2
- 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 +15 -4
- package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js +40 -29
- 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 +12 -1
- package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Experiments/Example/Molecules/CheckBox/ICheckboxProps.d.ts +1 -0
- 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 +12 -1
- 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 +2 -1
- package/Helpers/React/css.d.ts +2 -1
- package/Helpers/React/renderWithProviders.js +12 -1
- 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 +12 -1
- package/Themes/StoryThemeWrapper.js.map +1 -1
- package/Themes/themes.d.ts +2 -2
- package/Themes/themes.js.map +1 -1
- package/package.json +10 -13
@@ -2,6 +2,6 @@ import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/Functi
|
|
2
2
|
import IComponentProps from './IComponentProps';
|
3
3
|
import defaultProps from './defaultProps';
|
4
4
|
import WithExperimentName from '../../../@types/WithExperimentName';
|
5
|
-
export type IconButtonType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
|
5
|
+
export declare type IconButtonType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
|
6
6
|
declare const IconButton: IconButtonType;
|
7
7
|
export default IconButton;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { IIcons } from '../../../Helpers/icons';
|
3
|
-
type ButtonStartIconStoryType = React.FunctionComponent<{
|
3
|
+
declare type ButtonStartIconStoryType = React.FunctionComponent<{
|
4
4
|
disabled: boolean;
|
5
5
|
iconType: keyof IIcons;
|
6
6
|
children: React.ReactNode;
|
@@ -1,4 +1,15 @@
|
|
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
|
+
};
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
15
|
};
|
@@ -10,7 +21,7 @@ var icons_1 = __importDefault(require("../../../Helpers/icons"));
|
|
10
21
|
var ButtonStartIconStory = function (_a) {
|
11
22
|
var disabled = _a.disabled, iconType = _a.iconType, children = _a.children, variant = _a.variant;
|
12
23
|
var IconComponent = icons_1.default[iconType];
|
13
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { width: '50px', height: '50px' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { disabled: disabled, icon: (0, jsx_runtime_1.jsx)(IconComponent, {}), onClick: (0, addon_actions_1.action)('ButtonStartIcon Clicked'), variant: variant, children: children }) }));
|
24
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: '50px', height: '50px' } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.default, __assign({ disabled: disabled, icon: (0, jsx_runtime_1.jsx)(IconComponent, {}), onClick: (0, addon_actions_1.action)('ButtonStartIcon Clicked'), variant: variant, experimentName: "default" }, { children: children })) })));
|
14
25
|
};
|
15
26
|
exports.default = ButtonStartIconStory;
|
16
27
|
//# sourceMappingURL=IconButtonStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAkD;AAClD,4DAAsC;AACtC,iEAAuD;AASvD,IAAM,oBAAoB,GAA6B,UAAC,EAKvD;QAJC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEtC,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,gBAC3C,uBAAC,oBAAU,aACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,uBAAC,aAAa,KAAG,EACvB,OAAO,EAAE,IAAA,sBAAM,EAAC,yBAAyB,CAAC,EAC1C,OAAO,EAAE,OAAO,EAChB,cAAc,EAAC,SAAS,gBAEvB,QAAQ,IACE,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export declare const makeIconButtonStyling: (variant:
|
1
|
+
export declare const makeIconButtonStyling: (variant: 'inline' | 'stacked') => import("@emotion/utils").SerializedStyles;
|
2
2
|
export default makeIconButtonStyling;
|
@@ -3,6 +3,6 @@ import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/Functi
|
|
3
3
|
import defaultProps from './defaultProps';
|
4
4
|
import IInfoPanelProps from './IInfoPanelProps';
|
5
5
|
import WithExperimentName from '../../../@types/WithExperimentName';
|
6
|
-
export type InfoPanelType = FunctionComponentWithDefaultProps<WithExperimentName<IInfoPanelProps>, typeof defaultProps>;
|
6
|
+
export declare type InfoPanelType = FunctionComponentWithDefaultProps<WithExperimentName<IInfoPanelProps>, typeof defaultProps>;
|
7
7
|
declare const InfoPanel: InfoPanelType;
|
8
8
|
export default InfoPanel;
|
@@ -1,4 +1,15 @@
|
|
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
|
+
};
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
15
|
};
|
@@ -11,7 +22,7 @@ var Typography_1 = __importDefault(require("@mui/material/Typography"));
|
|
11
22
|
var InfoPanel = function (_a) {
|
12
23
|
var title = _a.title, children = _a.children, Icon = _a.Icon;
|
13
24
|
var styles = (0, makeInfoPanelStyling_1.default)();
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(Box_1.default, { css: styles.panel, children: [Icon && (0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.iconBox, children: Icon }), (0, jsx_runtime_1.jsxs)(Box_1.default, { css: styles.textBox, children: [title && ((0, jsx_runtime_1.jsx)(Typography_1.default, { component: 'h5', css: styles.title, children: title })), (0, jsx_runtime_1.jsx)(Typography_1.default, { component: 'span', css: styles.children, children: children })] })] }));
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ css: styles.panel }, { children: [Icon && (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ css: styles.iconBox }, { children: Icon })), (0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ css: styles.textBox }, { children: [title && ((0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ component: 'h5', css: styles.title }, { children: title }))), (0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ component: 'span', css: styles.children }, { children: children }))] }))] })));
|
15
26
|
};
|
16
27
|
InfoPanel.defaultProps = defaultProps_1.default;
|
17
28
|
exports.default = InfoPanel;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanel.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,gEAA0C;AAE1C,gFAA0D;AAC1D,0DAAsC;AACtC,wEAAkD;AAQlD,IAAM,SAAS,GAAkB,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IACvD,IAAM,MAAM,GAAG,IAAA,8BAAoB,GAAE,CAAC;IAEtC,OAAO,CACL,wBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,KAAK,iBACrB,IAAI,IAAI,uBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,OAAO,gBAAG,IAAI,IAAS,EACnD,wBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,OAAO,iBACvB,KAAK,IAAI,CACR,uBAAC,oBAAU,aAAC,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,gBAC3C,KAAK,IACK,CACd,EACD,uBAAC,oBAAU,aAAC,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,QAAQ,gBAChD,QAAQ,IACE,KACP,KACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}
|
@@ -1,4 +1,15 @@
|
|
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
|
+
};
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
15
|
};
|
@@ -9,17 +20,17 @@ var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/rend
|
|
9
20
|
var index_1 = require("../index");
|
10
21
|
describe('<ErrorMessage />', function () {
|
11
22
|
it('should render with only a text given', function () {
|
12
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, { children: (0, jsx_runtime_1.jsx)("span", { children: "Hi I'm text" }) })).getByText;
|
23
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, __assign({ experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Hi I'm text" }) }))).getByText;
|
13
24
|
expect(getByText("Hi I'm text")).toBeTruthy();
|
14
25
|
});
|
15
26
|
it('should render with a title and text given', function () {
|
16
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, { title: "Title", children: (0, jsx_runtime_1.jsxs)("span", { children: ["Hi I'm ", (0, jsx_runtime_1.jsx)("strong", { children: "text" })] }) })).getByText;
|
27
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, __assign({ title: "Title", experimentName: "default" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: ["Hi I'm ", (0, jsx_runtime_1.jsx)("strong", { children: "text" })] }) }))).getByText;
|
17
28
|
expect(getByText('Title')).toBeTruthy();
|
18
29
|
expect(getByText("Hi I'm")).toBeTruthy();
|
19
30
|
expect(getByText('text')).toBeTruthy();
|
20
31
|
});
|
21
32
|
it('should render with an icon, title and text given', function () {
|
22
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, { title: "Title", Icon: (0, jsx_runtime_1.jsx)("img", { alt: 'alt text', src: 'https://some-image-url' }), children: (0, jsx_runtime_1.jsx)("span", { children: "Hi I'm text" }) })), getByText = _a.getByText, queryAllByAltText = _a.queryAllByAltText;
|
33
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, __assign({ title: "Title", Icon: (0, jsx_runtime_1.jsx)("img", { alt: 'alt text', src: 'https://some-image-url' }), experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Hi I'm text" }) }))), getByText = _a.getByText, queryAllByAltText = _a.queryAllByAltText;
|
23
34
|
expect(getByText('Title')).toBeTruthy();
|
24
35
|
expect(getByText("Hi I'm text")).toBeTruthy();
|
25
36
|
expect(queryAllByAltText('alt text')).toBeTruthy();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfoPanel.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanel.test.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"InfoPanel.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanel.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAE7E,kCAAqC;AAErC,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,sCAAsC,EAAE;QACjC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,iBAAS,aAAC,cAAc,EAAC,SAAS,gBACjC,2DAAwB,IACd,CACb,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QACtC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,iBAAS,aAAC,KAAK,EAAC,OAAO,EAAC,cAAc,EAAC,SAAS,gBAC/C,wDACS,sDAAqB,IACvB,IACG,CACb,UANgB,CAMf;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACxC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;QAC/C,IAAA,KAAmC,IAAA,6BAAmB,EAC1D,uBAAC,iBAAS,aACR,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,gCAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,wBAAwB,GAAI,EAC7D,cAAc,EAAC,SAAS,gBAExB,2DAAwB,IACd,CACb,EARO,SAAS,eAAA,EAAE,iBAAiB,uBAQnC,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACxC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC9C,MAAM,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -1,4 +1,15 @@
|
|
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
|
+
};
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
14
|
if (k2 === undefined) k2 = k;
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
@@ -33,7 +44,7 @@ var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
33
44
|
var InfoPanelStory = function (_a) {
|
34
45
|
var iconType = _a.iconType, content = _a.content, title = _a.title, parentContainerWidth = _a.parentContainerWidth, contentTag = _a.contentTag;
|
35
46
|
var element = React.createElement(contentTag, { href: '#' }, content);
|
36
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "".concat(parentContainerWidth, "px") }, children: (0, jsx_runtime_1.jsx)(InfoPanel_1.default, { title: title, Icon: iconType && (0, jsx_runtime_1.jsx)("img", { alt: iconType, src: svgs_1.default[iconType] }), children: element }) }));
|
47
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "".concat(parentContainerWidth, "px") } }, { children: (0, jsx_runtime_1.jsx)(InfoPanel_1.default, __assign({ title: title, Icon: iconType && (0, jsx_runtime_1.jsx)("img", { alt: iconType, src: svgs_1.default[iconType] }), experimentName: "default" }, { children: element })) })));
|
37
48
|
};
|
38
49
|
exports.default = InfoPanelStory;
|
39
50
|
//# sourceMappingURL=InfoPanelStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfoPanelStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanelStory.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"InfoPanelStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanelStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,mEAAwD;AAUxD,IAAM,cAAc,GAAkB,UAAC,EAMtC;QALC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,oBAAoB,0BAAA,EACpB,UAAU,gBAAA;IAEV,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,CAAC;IAExE,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAG,oBAAoB,OAAI,EAAE,gBACnD,uBAAC,mBAAS,aACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,QAAQ,IAAI,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,GAAI,EAC7D,cAAc,EAAC,SAAS,gBAEvB,OAAO,IACE,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
declare const makeInfoPanelStyling: () => {
|
2
|
-
panel: import("@emotion/
|
3
|
-
iconBox: import("@emotion/
|
4
|
-
textBox: import("@emotion/
|
5
|
-
title: import("@emotion/
|
6
|
-
children: import("@emotion/
|
2
|
+
panel: import("@emotion/utils").SerializedStyles;
|
3
|
+
iconBox: import("@emotion/utils").SerializedStyles;
|
4
|
+
textBox: import("@emotion/utils").SerializedStyles;
|
5
|
+
title: import("@emotion/utils").SerializedStyles;
|
6
|
+
children: import("@emotion/utils").SerializedStyles;
|
7
7
|
};
|
8
8
|
export default makeInfoPanelStyling;
|
@@ -2,6 +2,6 @@ import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
|
2
2
|
import defaultProps from './defaultProps';
|
3
3
|
import IInputProps from './IInputProps';
|
4
4
|
import WithExperimentName from '../../../@types/WithExperimentName';
|
5
|
-
export type InputType = FunctionComponentWithDefaultProps<WithExperimentName<IInputProps>, typeof defaultProps>;
|
5
|
+
export declare type InputType = FunctionComponentWithDefaultProps<WithExperimentName<IInputProps>, typeof defaultProps>;
|
6
6
|
declare const Input: InputType;
|
7
7
|
export default Input;
|
@@ -57,7 +57,7 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
57
57
|
var icons_1 = __importDefault(require("./icons"));
|
58
58
|
var makeInputStyles_1 = __importDefault(require("./makeInputStyles"));
|
59
59
|
var Input = function (_a) {
|
60
|
-
var error = _a.error, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, isOtherOption = _a.isOtherOption, multiline = _a.multiline, placeholder = _a.placeholder, rows = _a.rows, onChange = _a.onChange, value = _a.value, disabled = _a.disabled, experimentName = _a.experimentName,
|
60
|
+
var error = _a.error, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, isOtherOption = _a.isOtherOption, multiline = _a.multiline, placeholder = _a.placeholder, rows = _a.rows, onChange = _a.onChange, value = _a.value, disabled = _a.disabled, experimentName = _a.experimentName, otherProps = __rest(_a, ["error", "iconType", "id", "isAnswered", "isAutoFilledActive", "isSafari", "isOtherOption", "multiline", "placeholder", "rows", "onChange", "value", "disabled", "experimentName"]);
|
61
61
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
62
62
|
(0, react_1.useEffect)(function () {
|
63
63
|
setCurrentValue(value);
|
@@ -74,19 +74,19 @@ var Input = function (_a) {
|
|
74
74
|
if ((isValid || error) && multiline !== true) {
|
75
75
|
var validationIconType = isValid ? 'valid' : 'invalid';
|
76
76
|
var ValidationIconComponent = icons_1.default[validationIconType];
|
77
|
-
endAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", "data-testid": "endAdornment-".concat(validationIconType), css: styles.adornmentEnd, children: (0, jsx_runtime_1.jsx)(ValidationIconComponent, { viewBox: "2 2 20 20", css: styles.validationIcon }) }));
|
77
|
+
endAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ position: "end", "data-testid": "endAdornment-".concat(validationIconType), css: styles.adornmentEnd }, { children: (0, jsx_runtime_1.jsx)(ValidationIconComponent, { viewBox: "2 2 20 20", css: styles.validationIcon }) })));
|
78
78
|
}
|
79
79
|
var startAdornment;
|
80
80
|
if (iconType) {
|
81
81
|
var IconComponent = icons_1.default[iconType];
|
82
|
-
startAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { css: styles.adornmentStart, position: "start", "data-testid": "startAdornment", children: (0, jsx_runtime_1.jsx)(IconComponent, {}) }));
|
82
|
+
startAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ css: styles.adornmentStart, position: "start", "data-testid": "startAdornment" }, { children: (0, jsx_runtime_1.jsx)(IconComponent, {}) })));
|
83
83
|
}
|
84
84
|
var handleChange = function (e) {
|
85
85
|
var newValue = e.target.value;
|
86
86
|
onChange({ id: id, value: newValue });
|
87
87
|
setCurrentValue(newValue);
|
88
88
|
};
|
89
|
-
return ((0, jsx_runtime_1.jsx)(InputBase_1.default, __assign({ id: id, placeholder: placeholder, css: styles.input, endAdornment: endAdornment, multiline: multiline, onChange: handleChange, startAdornment: startAdornment, value: currentValue, rows: rows, disabled: disabled },
|
89
|
+
return ((0, jsx_runtime_1.jsx)(InputBase_1.default, __assign({ id: id, placeholder: placeholder, css: styles.input, endAdornment: endAdornment, multiline: multiline, onChange: handleChange, startAdornment: startAdornment, value: currentValue, rows: rows, disabled: disabled }, otherProps)));
|
90
90
|
};
|
91
91
|
Input.defaultProps = defaultProps_1.default;
|
92
92
|
exports.default = Input;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sEAAkD;AAClD,gFAA0D;AAC1D,6CAAyC;AAEzC,gEAA0C;AAE1C,kDAA4B;AAC5B,sEAAgD;AAQhD,IAAM,KAAK,GAAc,UAAC,EAgBzB;IAfC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACX,
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/Input.tsx"],"names":[],"mappings":"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"}
|
@@ -1,4 +1,15 @@
|
|
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
|
+
};
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
15
|
};
|
@@ -14,42 +25,42 @@ var styles_1 = require("@mui/material/styles");
|
|
14
25
|
var react_2 = require("@emotion/react");
|
15
26
|
describe('Input', function () {
|
16
27
|
it('should be able to input values', function () {
|
17
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "2" })).getByRole;
|
28
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", experimentName: "default" })).getByRole;
|
18
29
|
user_event_1.default.type(getByRole('textbox'), '90210');
|
19
30
|
expect(getByRole('textbox')).toHaveValue('90210');
|
20
31
|
});
|
21
32
|
it('should display an icon if enabled', function () {
|
22
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", iconType: "person" })).getByTestId;
|
33
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", iconType: "person", experimentName: "default" })).getByTestId;
|
23
34
|
expect(getByTestId('startAdornment')).toBeTruthy();
|
24
35
|
});
|
25
36
|
it('should not display an icon if iconType is none', function () {
|
26
|
-
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3" })).queryByTestId;
|
37
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", experimentName: "default" })).queryByTestId;
|
27
38
|
expect(queryByTestId('startAdornment')).not.toBeTruthy();
|
28
39
|
});
|
29
40
|
it('should have an input type of text by default', function () {
|
30
41
|
var _a;
|
31
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", iconType: "person" })).container;
|
42
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", iconType: "person", experimentName: "default" })).container;
|
32
43
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
33
44
|
});
|
34
45
|
it('should pass email input type through', function () {
|
35
46
|
var _a;
|
36
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "email" })).container;
|
47
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "email", experimentName: "default" })).container;
|
37
48
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('email');
|
38
49
|
});
|
39
50
|
it('should display validity icon on error', function () {
|
40
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", error: true })).getByTestId;
|
51
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", error: true, experimentName: "default" })).getByTestId;
|
41
52
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
42
53
|
});
|
43
54
|
it('should display validity icon on validation success', function () {
|
44
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true })).getByTestId;
|
55
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true, experimentName: "default" })).getByTestId;
|
45
56
|
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
46
57
|
});
|
47
58
|
it('should not display validity icon on validation success on multiline text fields', function () {
|
48
|
-
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true, multiline: true })).queryByTestId;
|
59
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true, multiline: true, experimentName: "default" })).queryByTestId;
|
49
60
|
expect(queryByTestId('endAdornment-valid')).toBeNull();
|
50
61
|
});
|
51
62
|
it('should display error icon on validation success', function () {
|
52
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true, error: true })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
63
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true, error: true, experimentName: "default" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
53
64
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
54
65
|
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
55
66
|
});
|
@@ -58,7 +69,7 @@ describe('Input', function () {
|
|
58
69
|
var id = 'input-id';
|
59
70
|
var initialValue = 'test';
|
60
71
|
var updatedValue = 'test updated';
|
61
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { value: initialValue, onChange: handleChange, id: id })).getByRole;
|
72
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { value: initialValue, onChange: handleChange, id: id, experimentName: "default" })).getByRole;
|
62
73
|
var inputElement = getByRole('textbox');
|
63
74
|
react_1.fireEvent.input(inputElement, { target: { value: updatedValue } });
|
64
75
|
expect(inputElement.value).toBe(updatedValue);
|
@@ -69,10 +80,10 @@ describe('Input', function () {
|
|
69
80
|
var id = 'input-id';
|
70
81
|
var initialValue = 'test';
|
71
82
|
var emptyValue = '';
|
72
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { value: initialValue, onChange: handleChange, id: id })), getByRole = _a.getByRole, rerender = _a.rerender;
|
83
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { value: initialValue, onChange: handleChange, id: id, experimentName: "default" })), getByRole = _a.getByRole, rerender = _a.rerender;
|
73
84
|
var inputElement = getByRole('textbox');
|
74
85
|
expect(inputElement.value).toBe(initialValue);
|
75
|
-
rerender((0, jsx_runtime_1.jsx)(styles_1.StyledEngineProvider, { injectFirst: true, children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, { theme: Themes_1.chameleonTheme, children: (0, jsx_runtime_1.jsx)(Input_1.default, { value: emptyValue, onChange: handleChange, id: id }) }) }));
|
86
|
+
rerender((0, jsx_runtime_1.jsx)(styles_1.StyledEngineProvider, __assign({ injectFirst: true }, { children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, __assign({ theme: Themes_1.chameleonTheme }, { children: (0, jsx_runtime_1.jsx)(Input_1.default, { value: emptyValue, onChange: handleChange, id: id, experimentName: "default" }) })) })));
|
76
87
|
expect(inputElement.value).toBe(emptyValue);
|
77
88
|
});
|
78
89
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Input.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/Input.test.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Input.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/Input.test.tsx"],"names":[],"mappings":"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"}
|
@@ -1,4 +1,15 @@
|
|
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
|
+
};
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
15
|
};
|
@@ -9,7 +20,7 @@ var InputLabel_1 = __importDefault(require("../InputLabel"));
|
|
9
20
|
var Input_1 = __importDefault(require("./Input"));
|
10
21
|
var InputStory = function (_a) {
|
11
22
|
var disabled = _a.disabled, error = _a.error, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, label = _a.label, multiline = _a.multiline, rows = _a.rows, placeholder = _a.placeholder, isOtherOption = _a.isOtherOption, parentContainerWidth = _a.parentContainerWidth;
|
12
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth }, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: error, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: "my-input", children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", iconType: iconType !== 'none' ? iconType : undefined, isAnswered: isAnswered, error: error, rows: rows, multiline: multiline, placeholder: placeholder, disabled: disabled, type: type, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, isOtherOption: isOtherOption })] }) }));
|
23
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: parentContainerWidth } }, { children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ error: error, experimentName: "default" }, { children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ isAnswered: isAnswered, htmlFor: "my-input", experimentName: "default" }, { children: label }))), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", iconType: iconType !== 'none' ? iconType : undefined, isAnswered: isAnswered, error: error, rows: rows, multiline: multiline, placeholder: placeholder, disabled: disabled, type: type, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, isOtherOption: isOtherOption, experimentName: "default" })] })) })));
|
13
24
|
};
|
14
25
|
exports.default = InputStory;
|
15
26
|
//# sourceMappingURL=InputStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InputStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/InputStory.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"InputStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/InputStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,+DAAyC;AACzC,6DAAuC;AACvC,kDAA4B;AAyB5B,IAAM,UAAU,GAAc,UAAC,EAc9B;QAbC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,oBAAoB,0BAAA;IAEpB,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,gBACzC,wBAAC,qBAAW,aAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,iBAChD,KAAK,IAAI,CACR,uBAAC,oBAAU,aACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAC,UAAU,EAClB,cAAc,EAAC,SAAS,gBAEvB,KAAK,IACK,CACd,EACD,uBAAC,eAAK,IACJ,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAC,SAAS,GACxB,KACU,IACV,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
@@ -1,4 +1,15 @@
|
|
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
|
+
};
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
15
|
};
|
@@ -15,7 +26,7 @@ var Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
|
|
15
26
|
var SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
|
16
27
|
var CheckIcon = function (_a) {
|
17
28
|
var style = _a.style;
|
18
|
-
return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { style: style, viewBox: "0 0 22 22", children: (0, jsx_runtime_1.jsx)("path", { d: "M11,22c6.1,0,11-4.9,11-11c0-6.1-4.9-11-11-11C4.9,0,0,4.9,0,11C0,17.1,4.9,22,11,22z M15.6,6.3L17,7.7l-8,8\n l-4-4l1.4-1.4L9,12.9L15.6,6.3z" }) }));
|
29
|
+
return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, __assign({ style: style, viewBox: "0 0 22 22" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M11,22c6.1,0,11-4.9,11-11c0-6.1-4.9-11-11-11C4.9,0,0,4.9,0,11C0,17.1,4.9,22,11,22z M15.6,6.3L17,7.7l-8,8\n l-4-4l1.4-1.4L9,12.9L15.6,6.3z" }) })));
|
19
30
|
};
|
20
31
|
var icons = {
|
21
32
|
company: BusinessOutlined_1.default,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/icons.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/icons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0FAAwE;AACxE,oFAAkE;AAClE,8FAA4E;AAC5E,8FAA4E;AAC5E,oFAAkE;AAClE,oFAAkE;AAClE,sEAAoD;AACpD,kEAA4C;AAG5C,IAAM,SAAS,GAAG,UAAC,EAAoB;QAAlB,KAAK,WAAA;IACxB,OAAO,CACL,uBAAC,iBAAO,aAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,gBACxC,iCACE,CAAC,EAAC,oJAC+B,GACjC,IACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG;IACZ,OAAO,EAAE,0BAAoB;IAC7B,KAAK,EAAE,uBAAiB;IACxB,OAAO,EAAE,gBAAU;IACnB,KAAK,EAAE,uBAAiB;IACxB,MAAM,EAAE,uBAAiB;IACzB,KAAK,EAAE,4BAAsB;IAC7B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,4BAAsB;IAC/B,eAAe,EAAE,4BAAsB;CACxC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
@@ -6,9 +6,9 @@ interface IInputStyleProps {
|
|
6
6
|
error: boolean;
|
7
7
|
}
|
8
8
|
declare const makeInputStyles: ({ isAnswered, isOtherOption, isSafari, isAutoFilledActive, error, }: IInputStyleProps) => {
|
9
|
-
input: import("@emotion/
|
10
|
-
validationIcon: import("@emotion/
|
11
|
-
adornmentEnd: import("@emotion/
|
12
|
-
adornmentStart: import("@emotion/
|
9
|
+
input: import("@emotion/utils").SerializedStyles;
|
10
|
+
validationIcon: import("@emotion/utils").SerializedStyles;
|
11
|
+
adornmentEnd: import("@emotion/utils").SerializedStyles;
|
12
|
+
adornmentStart: import("@emotion/utils").SerializedStyles;
|
13
13
|
};
|
14
14
|
export default makeInputStyles;
|
@@ -16,7 +16,6 @@ var makeInputStyles = function (_a) {
|
|
16
16
|
var _b, _c, _d;
|
17
17
|
var isAnswered = _a.isAnswered, isOtherOption = _a.isOtherOption, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, error = _a.error;
|
18
18
|
var theme = (0, react_1.useTheme)();
|
19
|
-
var autofillColor = isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)';
|
20
19
|
return {
|
21
20
|
input: (0, react_1.css)(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ position: 'relative', backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.component.answerUnselectedColor, boxShadow: theme.mvf.boxShadow.timid, overflow: 'hidden', borderRadius: 4, height: '60px', '&:hover': {
|
22
21
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
@@ -46,10 +45,7 @@ var makeInputStyles = function (_a) {
|
|
46
45
|
color: theme.mvf.palette.text.primaryTextColor,
|
47
46
|
},
|
48
47
|
})), (isAutoFilledActive && {
|
49
|
-
backgroundColor:
|
50
|
-
'&:-webkit-autofill, &:autofill, & input:-webkit-autofill, & input:autofill': {
|
51
|
-
backgroundColor: autofillColor,
|
52
|
-
},
|
48
|
+
backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
|
53
49
|
})), (isOtherOption && {
|
54
50
|
height: 27.2,
|
55
51
|
border: 0,
|
@@ -78,7 +74,9 @@ var makeInputStyles = function (_a) {
|
|
78
74
|
fontSize: theme.mvf.fontSize.medium,
|
79
75
|
},
|
80
76
|
_c),
|
81
|
-
})), { '
|
77
|
+
})), { '&:has(input:autofill)': {
|
78
|
+
backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
|
79
|
+
}, '& textarea': (_d = {
|
82
80
|
paddingTop: '18.5px',
|
83
81
|
paddingBottom: '18.5px',
|
84
82
|
paddingLeft: theme.mvf.spacing.medium,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"makeInputStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/makeInputStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAU/C,IAAM,eAAe,GAAG,UAAC,EAMN;;QALjB,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,KAAK,WAAA;IAEL,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,
|
1
|
+
{"version":3,"file":"makeInputStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/makeInputStyles.ts"],"names":[],"mappings":"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"}
|
@@ -2,6 +2,6 @@ import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
|
2
2
|
import defaultProps from './defaultProps';
|
3
3
|
import IInputLabelProps from './IInputLabelProps';
|
4
4
|
import WithExperimentName from '../../../@types/WithExperimentName';
|
5
|
-
export type InputLabelType = FunctionComponentWithDefaultProps<WithExperimentName<IInputLabelProps>, typeof defaultProps>;
|
5
|
+
export declare type InputLabelType = FunctionComponentWithDefaultProps<WithExperimentName<IInputLabelProps>, typeof defaultProps>;
|
6
6
|
declare const InputLabel: InputLabelType;
|
7
7
|
export default InputLabel;
|
@@ -31,8 +31,8 @@ var InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
|
|
31
31
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
32
32
|
var makeInputLabelStyles_1 = __importDefault(require("./makeInputLabelStyles"));
|
33
33
|
var InputLabel = function (_a) {
|
34
|
-
var children = _a.children, isAnswered = _a.isAnswered,
|
35
|
-
return ((0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ css: (0, makeInputLabelStyles_1.default)({ isAnswered: isAnswered }) },
|
34
|
+
var children = _a.children, isAnswered = _a.isAnswered, experimentName = _a.experimentName, otherProps = __rest(_a, ["children", "isAnswered", "experimentName"]);
|
35
|
+
return ((0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ css: (0, makeInputLabelStyles_1.default)({ isAnswered: isAnswered }) }, otherProps, { children: children })));
|
36
36
|
};
|
37
37
|
InputLabel.defaultProps = defaultProps_1.default;
|
38
38
|
exports.default = InputLabel;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wEAAoD;AAEpD,gEAA0C;AAE1C,gFAA0D;AAQ1D,IAAM,UAAU,GAAmB,UAAC,
|
1
|
+
{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wEAAoD;AAEpD,gEAA0C;AAE1C,gFAA0D;AAQ1D,IAAM,UAAU,GAAmB,UAAC,EAKnC;IAJC,IAAA,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,cAAc,oBAAA,EACX,UAAU,cAJqB,4CAKnC,CADc;IAEb,OAAO,CACL,uBAAC,oBAAY,aAAC,GAAG,EAAE,IAAA,8BAAoB,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC,IAAM,UAAU,cACpE,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
@@ -1,4 +1,15 @@
|
|
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
|
+
};
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
15
|
};
|
@@ -11,7 +22,7 @@ var FormControl_1 = __importDefault(require("../FormControl"));
|
|
11
22
|
var InputLabel_1 = __importDefault(require("./InputLabel"));
|
12
23
|
describe('InputLabel', function () {
|
13
24
|
it('should display label', function () {
|
14
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: true, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Question" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true })] })).getByText;
|
25
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ error: true, experimentName: "default" }, { children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ experimentName: "default" }, { children: "Question" })), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true, experimentName: "default" })] }))).getByText;
|
15
26
|
expect(getByText('Question')).toBeTruthy();
|
16
27
|
});
|
17
28
|
});
|