@mvf/external-components 3.0.0 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Assets/BrandLogos/ExpertMarketLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertMarketLogo.js +11 -11
- package/Assets/BrandLogos/ExpertMarketLogo.js.map +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.js +17 -17
- package/Assets/BrandLogos/ExpertReviewsLogo.js.map +1 -1
- package/Assets/BrandLogos/GoWizardLogo.d.ts +1 -1
- package/Assets/BrandLogos/GoWizardLogo.js +10 -10
- package/Assets/BrandLogos/GoWizardLogo.js.map +1 -1
- package/Assets/BrandLogos/HearClearLogo.d.ts +1 -1
- package/Assets/BrandLogos/HearClearLogo.js +12 -12
- package/Assets/BrandLogos/HearClearLogo.js.map +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.d.ts +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.js +101 -101
- package/Assets/BrandLogos/LasikEyesLogo.js.map +1 -1
- package/Assets/BrandLogos/StartupsLogo.d.ts +1 -1
- package/Assets/BrandLogos/StartupsLogo.js +2 -2
- package/Assets/BrandLogos/StartupsLogo.js.map +1 -1
- package/Assets/BrandLogos/TechcoLogo.d.ts +1 -1
- package/Assets/BrandLogos/TechcoLogo.js +4 -4
- package/Assets/BrandLogos/TechcoLogo.js.map +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.js +14 -14
- package/Assets/BrandLogos/TheEcoExpertsLogo.js.map +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js +26 -26
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js.map +1 -1
- package/Assets/BrandLogos/brandLogos.d.ts +2 -1
- package/Assets/BrandLogos/brandLogos.js +1 -0
- package/Assets/BrandLogos/brandLogos.js.map +1 -1
- package/Assets/CustomIcons/CheckboxIcon.d.ts +1 -1
- package/Assets/CustomIcons/CheckboxIcon.js +2 -2
- package/Assets/CustomIcons/CheckboxIcon.js.map +1 -1
- package/Assets/CustomIcons/RadioIcon.d.ts +1 -1
- package/Assets/CustomIcons/RadioIcon.js +2 -2
- package/Assets/CustomIcons/RadioIcon.js.map +1 -1
- package/Assets/svgs/svgs.d.ts +2 -1
- package/Assets/svgs/svgs.js +2 -0
- package/Assets/svgs/svgs.js.map +1 -1
- package/Components/Atoms/Button/Button.d.ts +1 -1
- package/Components/Atoms/Button/Button.js +1 -1
- package/Components/Atoms/Button/Button.js.map +1 -1
- package/Components/Atoms/Button/Button.test.js +5 -5
- package/Components/Atoms/Button/Button.test.js.map +1 -1
- package/Components/Atoms/Button/ButtonStory.d.ts +1 -1
- package/Components/Atoms/Button/ButtonStory.js +1 -1
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/Button/makeButtonStyling.js +7 -7
- package/Components/Atoms/Button/makeButtonStyling.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.d.ts +1 -1
- package/Components/Atoms/CardButton/CardButton.js +4 -8
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.test.js +3 -3
- package/Components/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.d.ts +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.js +4 -8
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/makeCardButtonStyling.js +5 -5
- package/Components/Atoms/CardButton/makeCardButtonStyling.js.map +1 -1
- package/Components/Atoms/CircularProgress/CircularProgress.js +1 -1
- package/Components/Atoms/CircularProgress/CircularProgress.js.map +1 -1
- package/Components/Atoms/CircularProgress/CircularProgressStory.js +2 -2
- package/Components/Atoms/CircularProgress/CircularProgressStory.js.map +1 -1
- package/Components/Atoms/CircularProgress/makeCircularProgressStyling.js +1 -1
- package/Components/Atoms/CircularProgress/makeCircularProgressStyling.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.js +3 -3
- package/Components/Atoms/ErrorMessage/ErrorMessage.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js +2 -2
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js.map +1 -1
- package/Components/Atoms/ErrorMessage/makeErrorMessageStyles.js +1 -1
- package/Components/Atoms/ErrorMessage/makeErrorMessageStyles.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +3 -3
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +2 -6
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +7 -7
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Components/Atoms/FormControl/FormControl.d.ts +1 -1
- package/Components/Atoms/FormControl/FormControl.js +1 -1
- package/Components/Atoms/FormControl/FormControl.js.map +1 -1
- package/Components/Atoms/FormControl/FormControl.test.js +2 -2
- package/Components/Atoms/FormControl/FormControl.test.js.map +1 -1
- package/Components/Atoms/FormControl/FormControlStory.d.ts +2 -2
- package/Components/Atoms/FormControl/FormControlStory.js +1 -1
- package/Components/Atoms/FormControl/FormControlStory.js.map +1 -1
- package/Components/Atoms/FormControl/makeFormControlStyles.js +2 -2
- package/Components/Atoms/FormControl/makeFormControlStyles.js.map +1 -1
- package/Components/Atoms/IconButton/IconButton.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButton.js +2 -2
- package/Components/Atoms/IconButton/IconButton.js.map +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/IconButton/makeIconButtonStyling.js +2 -2
- package/Components/Atoms/IconButton/makeIconButtonStyling.js.map +1 -1
- package/Components/Atoms/Input/Input.d.ts +1 -1
- package/Components/Atoms/Input/Input.js +6 -10
- package/Components/Atoms/Input/Input.js.map +1 -1
- package/Components/Atoms/Input/Input.test.js +12 -12
- package/Components/Atoms/Input/Input.test.js.map +1 -1
- package/Components/Atoms/Input/InputStory.d.ts +2 -2
- package/Components/Atoms/Input/InputStory.js +1 -1
- package/Components/Atoms/Input/InputStory.js.map +1 -1
- package/Components/Atoms/Input/icons.js +1 -1
- package/Components/Atoms/Input/icons.js.map +1 -1
- package/Components/Atoms/Input/makeInputStyles.js +5 -5
- package/Components/Atoms/Input/makeInputStyles.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabel.d.ts +1 -1
- package/Components/Atoms/InputLabel/InputLabel.js +1 -1
- package/Components/Atoms/InputLabel/InputLabel.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabel.test.js +1 -1
- package/Components/Atoms/InputLabel/InputLabel.test.js.map +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.d.ts +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.js +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.js.map +1 -1
- package/Components/Atoms/InputLabel/makeInputLabelStyles.js +2 -2
- package/Components/Atoms/InputLabel/makeInputLabelStyles.js.map +1 -1
- package/Components/Atoms/Link/Link.d.ts +1 -1
- package/Components/Atoms/Link/Link.js +1 -1
- package/Components/Atoms/Link/Link.js.map +1 -1
- package/Components/Atoms/Link/Link.test.js +2 -2
- package/Components/Atoms/Link/Link.test.js.map +1 -1
- package/Components/Atoms/Link/LinkStory.d.ts +1 -1
- package/Components/Atoms/Link/LinkStory.js +1 -1
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/Link/makeLinkStyling.js +2 -2
- package/Components/Atoms/Link/makeLinkStyling.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.d.ts +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.js +2 -2
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.test.js +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.test.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/makeLinearProgressStyling.js +2 -2
- package/Components/Atoms/LoadingIndicator/makeLinearProgressStyling.js.map +1 -1
- package/Components/Atoms/Modal/Modal.d.ts +1 -1
- package/Components/Atoms/Modal/Modal.js +3 -3
- package/Components/Atoms/Modal/Modal.js.map +1 -1
- package/Components/Atoms/Modal/Modal.test.js +2 -2
- package/Components/Atoms/Modal/Modal.test.js.map +1 -1
- package/Components/Atoms/Modal/ModalStory.d.ts +1 -1
- package/Components/Atoms/Modal/ModalStory.js +2 -2
- package/Components/Atoms/Modal/ModalStory.js.map +1 -1
- package/Components/Atoms/Modal/makeModalStylings.js +4 -4
- package/Components/Atoms/Modal/makeModalStylings.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.d.ts +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.js +4 -4
- package/Components/Atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.test.js +2 -2
- package/Components/Atoms/ProgressBar/ProgressBar.test.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarHelpers.test.js +4 -4
- package/Components/Atoms/ProgressBar/ProgressBarHelpers.test.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.d.ts +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.js +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.js.map +1 -1
- package/Components/Atoms/ProgressBar/makeProgressBarStyling.js +3 -3
- package/Components/Atoms/ProgressBar/makeProgressBarStyling.js.map +1 -1
- package/Components/Atoms/Text/Text.d.ts +1 -1
- package/Components/Atoms/Text/Text.js +2 -2
- package/Components/Atoms/Text/Text.js.map +1 -1
- package/Components/Atoms/Text/Text.test.js +1 -1
- package/Components/Atoms/Text/Text.test.js.map +1 -1
- package/Components/Atoms/Text/TextStory.d.ts +1 -1
- package/Components/Atoms/Text/TextStory.js +2 -2
- package/Components/Atoms/Text/TextStory.js.map +1 -1
- package/Components/Atoms/Text/defaultProps.d.ts +1 -1
- package/Components/Atoms/Text/makeTextStyling.js +3 -3
- package/Components/Atoms/Text/makeTextStyling.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +12 -10
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +43 -21
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +4 -2
- package/Components/Molecules/CheckBox/CheckBoxStory.js +6 -4
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +1 -0
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.d.ts +1 -1
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.js +2 -2
- package/Components/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -1
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.d.ts +3 -0
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.js +23 -16
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePicker.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePicker.js +4 -4
- package/Components/Molecules/DatePicker/DatePicker.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.js +4 -8
- package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePickerTextFieldType.d.ts +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js +6 -6
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
- package/Components/Molecules/DatePicker/makeDatePickerStyling.js +4 -4
- package/Components/Molecules/DatePicker/makeDatePickerStyling.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +6 -6
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js +3 -3
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +3 -7
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/defaultProps.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js +8 -8
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +9 -9
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +17 -21
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +3 -3
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js +2 -2
- package/Components/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +7 -7
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +11 -11
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +15 -19
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +2 -2
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +4 -8
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js +2 -2
- package/Components/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js +5 -5
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBar.js +2 -2
- package/Components/Molecules/NavBar/NavBar.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.test.js +1 -1
- package/Components/Molecules/NavBar/NavBar.test.js.map +1 -1
- package/Components/Molecules/NavBar/NavBarStory.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Components/Molecules/NavBar/makeNavBarStyles.js +5 -5
- package/Components/Molecules/NavBar/makeNavBarStyles.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.d.ts +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +7 -7
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js +7 -7
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +2 -2
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +3 -3
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js +7 -7
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js.map +1 -1
- package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +1 -0
- package/Components/Molecules/RadioButton/RadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +14 -13
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +22 -12
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.d.ts +4 -2
- package/Components/Molecules/RadioButton/RadioButtonStory.js +6 -4
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.js +2 -2
- package/Components/Molecules/RadioButton/__helpers__/renderRadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.d.ts +2 -0
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js +19 -7
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.js +11 -15
- package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js +7 -7
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.test.js +5 -5
- package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.test.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.d.ts +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js +4 -4
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.js.map +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerTypes.d.ts +2 -2
- package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.js +5 -5
- package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.js.map +1 -1
- package/Components/Molecules/TextField/TextField.d.ts +1 -1
- package/Components/Molecules/TextField/TextField.js +1 -1
- package/Components/Molecules/TextField/TextField.js.map +1 -1
- package/Components/Molecules/TextField/TextField.test.js +11 -11
- package/Components/Molecules/TextField/TextField.test.js.map +1 -1
- package/Components/Molecules/TextField/TextFieldStory.d.ts +1 -1
- package/Components/Molecules/TextField/TextFieldStory.js +1 -1
- package/Components/Molecules/TextField/TextFieldStory.js.map +1 -1
- package/Components/Molecules/TextField/defaultProps.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/IThankYouBannerProps.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js +2 -2
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js +19 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js +2 -2
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js +1 -1
- package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/makeThankYouBannerStyling.js +4 -4
- package/Components/Molecules/ThankYouBanner/makeThankYouBannerStyling.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.d.ts +1 -1
- package/Components/Organisms/ListLayout/ListLayout.js +3 -3
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.test.js +3 -3
- package/Components/Organisms/ListLayout/ListLayout.test.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayoutStory.d.ts +4 -2
- package/Components/Organisms/ListLayout/ListLayoutStory.js +5 -2
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Components/Organisms/ListLayout/makeListLayoutStyling.js +2 -2
- package/Components/Organisms/ListLayout/makeListLayoutStyling.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js +3 -7
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +10 -10
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.js +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts +4 -3
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +5 -3
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +6 -10
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +6 -10
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.d.ts +1 -1
- package/Components/Organisms/TileLayout/TileLayout.js +3 -3
- package/Components/Organisms/TileLayout/TileLayout.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -1
- package/Components/Organisms/TileLayout/makeTileLayoutStyling.js +4 -4
- package/Components/Organisms/TileLayout/makeTileLayoutStyling.js.map +1 -1
- package/Components/Organisms/__helpers__/Options.d.ts +3 -1
- package/Components/Organisms/__helpers__/Options.js +19 -20
- package/Components/Organisms/__helpers__/Options.js.map +1 -1
- package/Components/Organisms/__helpers__/generateMenuItems.js +2 -2
- package/Components/Organisms/__helpers__/generateMenuItems.js.map +1 -1
- package/Helpers/React/FunctionComponentWithDefaultProps.d.ts +1 -1
- package/Helpers/React/css.d.ts +1 -1
- package/Helpers/React/renderWithProviders.js +1 -1
- package/Helpers/React/renderWithProviders.js.map +1 -1
- package/Helpers/icons.d.ts +1 -1
- package/Helpers/useDidUpdate.js +2 -2
- package/Helpers/useDidUpdate.js.map +1 -1
- package/Helpers/useThrottle.d.ts +1 -1
- package/Helpers/useThrottle.js +1 -1
- package/Helpers/useThrottle.js.map +1 -1
- package/Themes/StoryThemeWrapper.d.ts +1 -1
- package/Themes/StoryThemeWrapper.js +1 -1
- package/Themes/StoryThemeWrapper.js.map +1 -1
- package/Themes/atlanticTheme.js +1 -1
- package/Themes/atlanticTheme.js.map +1 -1
- package/Themes/chameleonTheme.js +1 -1
- package/Themes/chameleonTheme.js.map +1 -1
- package/Themes/gowizardTheme.js +1 -1
- package/Themes/gowizardTheme.js.map +1 -1
- package/Themes/indigoTheme.js +1 -1
- package/Themes/indigoTheme.js.map +1 -1
- package/Themes/rhubarbTheme.js +1 -1
- package/Themes/rhubarbTheme.js.map +1 -1
- package/Themes/themeCreator.js +6 -6
- package/Themes/themeCreator.js.map +1 -1
- package/Themes/themes.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,20 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var react_1 = require("@emotion/react");
|
|
4
|
-
var material_1 = require("@mui/material");
|
|
5
4
|
var makeCheckBoxStyling = function () {
|
|
6
5
|
var _a, _b;
|
|
7
|
-
var _c =
|
|
8
|
-
var spacing = mvf.spacing, fontSize = mvf.fontSize
|
|
6
|
+
var _c = react_1.useTheme(), breakpoints = _c.breakpoints, mvf = _c.mvf;
|
|
7
|
+
var spacing = mvf.spacing, fontSize = mvf.fontSize;
|
|
9
8
|
return {
|
|
10
|
-
checkbox:
|
|
11
|
-
justifyContent: 'center',
|
|
12
|
-
textAlign: 'center',
|
|
13
|
-
'&.MuiIconButton-root': {
|
|
14
|
-
'&:hover': {
|
|
15
|
-
backgroundColor: (0, material_1.alpha)(palette.component.answerSelectedColor, 0.04),
|
|
16
|
-
},
|
|
17
|
-
},
|
|
9
|
+
checkbox: react_1.css({
|
|
18
10
|
'&.MuiCheckbox-root': (_a = {
|
|
19
11
|
paddingLeft: 11,
|
|
20
12
|
paddingRight: 11
|
|
@@ -24,23 +16,38 @@ var makeCheckBoxStyling = function () {
|
|
|
24
16
|
},
|
|
25
17
|
_a),
|
|
26
18
|
}),
|
|
27
|
-
|
|
19
|
+
checkboxContainerRight: react_1.css({
|
|
20
|
+
right: 10,
|
|
21
|
+
position: 'absolute',
|
|
22
|
+
}),
|
|
23
|
+
grid: react_1.css({
|
|
28
24
|
height: '100%',
|
|
29
25
|
width: '100%',
|
|
30
26
|
minHeight: 48,
|
|
31
27
|
}),
|
|
32
|
-
|
|
28
|
+
icon: react_1.css({
|
|
29
|
+
marginTop: 9,
|
|
30
|
+
marginBottom: 9,
|
|
31
|
+
width: 100,
|
|
32
|
+
'& img': {
|
|
33
|
+
height: 40,
|
|
34
|
+
},
|
|
35
|
+
}),
|
|
36
|
+
imgDiv: react_1.css({
|
|
37
|
+
display: 'flex',
|
|
38
|
+
justifyContent: 'center',
|
|
39
|
+
}),
|
|
40
|
+
innerGrid: react_1.css({
|
|
33
41
|
flexWrap: 'nowrap',
|
|
34
42
|
}),
|
|
35
|
-
textGrid:
|
|
43
|
+
textGrid: react_1.css({
|
|
36
44
|
overflowWrap: 'anywhere',
|
|
37
45
|
wordBreak: 'normal',
|
|
38
46
|
justifyContent: 'flex-start',
|
|
39
47
|
width: '85%',
|
|
40
48
|
}),
|
|
41
|
-
otherInput:
|
|
49
|
+
otherInput: react_1.css({
|
|
42
50
|
marginTop: -1,
|
|
43
|
-
marginRight: spacing.medium,
|
|
44
51
|
padding: spacing.tiny,
|
|
45
52
|
'& .MuiInputBase-root input': (_b = {
|
|
46
53
|
textAlign: 'left',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeCheckBoxStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/makeCheckBoxStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;
|
|
1
|
+
{"version":3,"file":"makeCheckBoxStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/makeCheckBoxStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,mBAAmB,GAAG;;IACpB,IAAA,KAAuB,gBAAQ,EAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAe,GAAG,QAAlB,EAAE,QAAQ,GAAK,GAAG,SAAR,CAAS;IAClC,OAAO;QACL,QAAQ,EAAE,WAAG,CAAC;YACZ,oBAAoB;oBAClB,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;;gBAChB,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBAC/B,UAAU,EAAE,EAAE;iBACf;mBACF;SACF,CAAC;QACF,sBAAsB,EAAE,WAAG,CAAC;YAC1B,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,UAAU;SACrB,CAAC;QACF,IAAI,EAAE,WAAG,CAAC;YACR,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,EAAE;SACd,CAAC;QACF,IAAI,EAAE,WAAG,CAAC;YACR,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;YACf,KAAK,EAAE,GAAG;YACV,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,CAAC;QACF,MAAM,EAAE,WAAG,CAAC;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;QACF,SAAS,EAAE,WAAG,CAAC;YACb,QAAQ,EAAE,QAAQ;SACnB,CAAC;QACF,QAAQ,EAAE,WAAG,CAAC;YACZ,YAAY,EAAE,UAAU;YACxB,SAAS,EAAE,QAAQ;YACnB,cAAc,EAAE,YAAY;YAC5B,KAAK,EAAE,KAAK;SACb,CAAC;QACF,UAAU,EAAE,WAAG,CAAC;YACd,SAAS,EAAE,CAAC,CAAC;YACb,OAAO,EAAE,OAAO,CAAC,IAAI;YACrB,4BAA4B;oBAC1B,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;;gBACvB,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBAChC,QAAQ,EAAE,QAAQ,CAAC,KAAK;iBACzB;gBACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBAC/B,QAAQ,EAAE,QAAQ,CAAC,OAAO;iBAC3B;mBACF;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
|
2
2
|
import IDatePickerProps from './IDatePickerProps';
|
|
3
3
|
import defaultProps from './defaultProps';
|
|
4
|
-
type DatePickerType = FunctionComponentWithDefaultProps<IDatePickerProps, typeof defaultProps>;
|
|
4
|
+
declare type DatePickerType = FunctionComponentWithDefaultProps<IDatePickerProps, typeof defaultProps>;
|
|
5
5
|
declare const DatePicker: DatePickerType;
|
|
6
6
|
export default DatePicker;
|
|
@@ -38,7 +38,7 @@ var DatePicker = function (_a) {
|
|
|
38
38
|
var id = _a.id, onChange = _a.onChange, format = _a.format, value = _a.value, errorMessage = _a.errorMessage, placeholder = _a.placeholder, props = __rest(_a, ["id", "onChange", "format", "value", "errorMessage", "placeholder"]);
|
|
39
39
|
var isValid = !errorMessage && !!value;
|
|
40
40
|
var _b = react_1.default.useState(false), isPickerOpen = _b[0], setIsPickerOpen = _b[1];
|
|
41
|
-
var styles =
|
|
41
|
+
var styles = makeDatePickerStyling_1.default({
|
|
42
42
|
isError: !!errorMessage,
|
|
43
43
|
isValid: isValid,
|
|
44
44
|
});
|
|
@@ -49,9 +49,9 @@ var DatePicker = function (_a) {
|
|
|
49
49
|
if (isValid || errorMessage) {
|
|
50
50
|
var validationIconType = isValid ? 'valid' : 'invalid';
|
|
51
51
|
var ValidationIconComponent = icons_1.default[validationIconType];
|
|
52
|
-
endAdornment = (
|
|
52
|
+
endAdornment = (jsx_runtime_1.jsx(InputAdornment_1.default, __assign({ position: "end", "data-testid": "endAdornment-" + validationIconType, css: styles.inputAdornmentEnd }, { children: jsx_runtime_1.jsx(ValidationIconComponent, { fill: "red", viewBox: "2 2 20 20" }, void 0) }), void 0));
|
|
53
53
|
}
|
|
54
|
-
return (
|
|
54
|
+
return (jsx_runtime_1.jsxs("div", __assign({ css: styles.datePickerContainer }, { children: [jsx_runtime_1.jsx(react_2.Global, { styles: styles.globalStyles }, void 0), jsx_runtime_1.jsx(DesktopDatePicker_1.DesktopDatePicker, __assign({ closeOnSelect: true, open: isPickerOpen, onOpen: function () { return setIsPickerOpen(true); }, onClose: function () { return setIsPickerOpen(false); }, format: format, slotProps: {
|
|
55
55
|
inputAdornment: {
|
|
56
56
|
position: 'start',
|
|
57
57
|
},
|
|
@@ -76,7 +76,7 @@ var DatePicker = function (_a) {
|
|
|
76
76
|
},
|
|
77
77
|
],
|
|
78
78
|
},
|
|
79
|
-
}, value: value, onChange: handleChange }, props))] })));
|
|
79
|
+
}, value: value, onChange: handleChange }, props), void 0)] }), void 0));
|
|
80
80
|
};
|
|
81
81
|
DatePicker.defaultProps = defaultProps_1.default;
|
|
82
82
|
exports.default = DatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gDAA0B;AAE1B,oEAA8C;AAE9C,gEAA0C;AAC1C,kFAA4D;AAC5D,wCAAwC;AAExC,2EAA0E;AAO1E,IAAM,UAAU,GAAmB,UAAC,EAQjB;IAPjB,IAAA,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACR,KAAK,cAP0B,oEAQnC,CADS;IAER,IAAM,OAAO,GAAG,CAAC,YAAY,IAAI,CAAC,CAAC,KAAK,CAAC;IACnC,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,MAAM,GAAG
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gDAA0B;AAE1B,oEAA8C;AAE9C,gEAA0C;AAC1C,kFAA4D;AAC5D,wCAAwC;AAExC,2EAA0E;AAO1E,IAAM,UAAU,GAAmB,UAAC,EAQjB;IAPjB,IAAA,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACR,KAAK,cAP0B,oEAQnC,CADS;IAER,IAAM,OAAO,GAAG,CAAC,YAAY,IAAI,CAAC,CAAC,KAAK,CAAC;IACnC,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,MAAM,GAAG,+BAAqB,CAAC;QACnC,OAAO,EAAE,CAAC,CAAC,YAAY;QACvB,OAAO,SAAA;KACR,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,UAAC,CAAc;QAClC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,IAAI,YAAY,CAAC;IAEjB,IAAI,OAAO,IAAI,YAAY,EAAE;QAC3B,IAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QACzD,IAAM,uBAAuB,GAAG,eAAK,CAAC,kBAAkB,CAAC,CAAC;QAC1D,YAAY,GAAG,CACb,kBAAC,wBAAc,aACb,QAAQ,EAAC,KAAK,iBACD,kBAAgB,kBAAoB,EACjD,GAAG,EAAE,MAAM,CAAC,iBAAiB,gBAE7B,kBAAC,uBAAuB,IAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,WAAG,YAC3C,CAClB,CAAC;KACH;IAED,OAAO,CACL,qCAAK,GAAG,EAAE,MAAM,CAAC,mBAAmB,iBAClC,kBAAC,cAAM,IAAC,MAAM,EAAE,MAAM,CAAC,YAAY,WAAI,EACvC,kBAAC,qCAAiB,aAChB,aAAa,QACb,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACnC,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACrC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE;oBACT,cAAc,EAAE;wBACd,QAAQ,EAAE,OAAO;qBAClB;oBACD,SAAS,EAAE;wBACT,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB;wBACpC,WAAW,aAAA;wBACX,UAAU,EAAE;4BACV,YAAY,cAAA;4BACZ,EAAE,IAAA;4BACF,IAAI,EAAE,YAAY;yBACnB;qBACyB;oBAC5B,MAAM,EAAE;wBACN,SAAS,EAAE,QAAQ;wBACnB,SAAS,EAAE;4BACT;gCACE,IAAI,EAAE,QAAQ;gCACd,OAAO,EAAE;oCACP,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;iCACjB;6BACF;yBACF;qBACF;iBACF,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,IAClB,KAAK,UACT,aACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
|
@@ -12,11 +12,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
20
16
|
}) : (function(o, m, k, k2) {
|
|
21
17
|
if (k2 === undefined) k2 = k;
|
|
22
18
|
o[k2] = m[k];
|
|
@@ -48,13 +44,13 @@ var DatePickerStory = function (_a) {
|
|
|
48
44
|
* use the change handler to set an error message if outside the range you want.
|
|
49
45
|
*/
|
|
50
46
|
var handleChange = function (d) {
|
|
51
|
-
|
|
47
|
+
addon_actions_1.action('Changed selected date and performed this action')(d);
|
|
52
48
|
setDate(d);
|
|
53
49
|
};
|
|
54
50
|
if (parentContainerWidth) {
|
|
55
|
-
return (
|
|
51
|
+
return (jsx_runtime_1.jsx("div", __assign({ style: { maxWidth: parentContainerWidth + "px" } }, { children: jsx_runtime_1.jsx(DatePicker_1.default, { id: "datePicker", errorMessage: errorMessage, disableFuture: disableFuture, disablePast: disablePast, value: date, placeholder: placeholder, format: format, onChange: handleChange }, void 0) }), void 0));
|
|
56
52
|
}
|
|
57
|
-
return (
|
|
53
|
+
return (jsx_runtime_1.jsx(DatePicker_1.default, { id: "datePicker", errorMessage: errorMessage, disableFuture: disableFuture, disablePast: disablePast, value: date, placeholder: placeholder, format: format, onChange: handleChange }, void 0));
|
|
58
54
|
};
|
|
59
55
|
exports.default = DatePickerStory;
|
|
60
56
|
//# sourceMappingURL=DatePickerStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePickerStory.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePickerStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePickerStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,4DAAsC;AAWtC,IAAM,eAAe,GAAwB,UAAC,EAO7C;QANC,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,oBAAoB,0BAAA,EACpB,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,WAAW,iBAAA;IAEL,IAAA,KAAkB,KAAK,CAAC,QAAQ,EAAQ,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IAE/C;;OAEG;IACH,IAAM,YAAY,GAAG,UAAC,CAAmB;QACvC,sBAAM,CAAC,iDAAiD,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,IAAI,oBAAoB,EAAE;QACxB,OAAO,CACL,oCAAK,KAAK,EAAE,EAAE,QAAQ,EAAK,oBAAoB,OAAI,EAAE,gBACnD,kBAAC,oBAAU,IACT,EAAE,EAAC,YAAY,EACf,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,WACtB,YACE,CACP,CAAC;KACH;IACD,OAAO,CACL,kBAAC,oBAAU,IACT,EAAE,EAAC,YAAY,EACf,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,WACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -5,5 +5,5 @@ import { TextField } from '@mui/material';
|
|
|
5
5
|
* I'm disabling eslint so the type definition can be exactly the same as the one in the material ui x-date-pickers package.
|
|
6
6
|
* The type defined in MUI is wrong as readOnly is allowed, so I'm using "as" to override the type in DatePicker.tsx
|
|
7
7
|
*/
|
|
8
|
-
type DatePickerTextFieldType = SlotComponentProps<typeof TextField, {}, Record<string, any>>;
|
|
8
|
+
declare type DatePickerTextFieldType = SlotComponentProps<typeof TextField, {}, Record<string, any>>;
|
|
9
9
|
export default DatePickerTextFieldType;
|
|
@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
25
25
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
26
|
function step(op) {
|
|
27
27
|
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
-
while (
|
|
28
|
+
while (_) try {
|
|
29
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
30
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
31
|
switch (op[0]) {
|
|
@@ -68,14 +68,14 @@ describe('DatePicker', function () {
|
|
|
68
68
|
it('should render the placeholder', function () {
|
|
69
69
|
var handleChange = function () { };
|
|
70
70
|
var testDate = new Date();
|
|
71
|
-
var getByPlaceholderText =
|
|
71
|
+
var getByPlaceholderText = renderWithProviders_1.default(jsx_runtime_1.jsx(x_date_pickers_1.LocalizationProvider, __assign({ dateAdapter: AdapterDateFns_1.AdapterDateFns }, { children: jsx_runtime_1.jsx(DatePicker_1.default, { id: "datePickerId", format: "dd-MM-yyyy", onChange: handleChange, value: testDate }, void 0) }), void 0)).getByPlaceholderText;
|
|
72
72
|
expect(getByPlaceholderText('DD/MM/YYYY')).toBeTruthy();
|
|
73
73
|
});
|
|
74
74
|
it('should open the datepicker when the field is clicked', function () {
|
|
75
75
|
var handleChange = function () { };
|
|
76
76
|
var testDate = new Date();
|
|
77
|
-
var _a =
|
|
78
|
-
|
|
77
|
+
var _a = renderWithProviders_1.default(jsx_runtime_1.jsx(x_date_pickers_1.LocalizationProvider, __assign({ dateAdapter: AdapterDateFns_1.AdapterDateFns }, { children: jsx_runtime_1.jsx(DatePicker_1.default, { id: "datePickerId", format: "dd-MM-yyyy", onChange: handleChange, value: testDate }, void 0) }), void 0)), getByPlaceholderText = _a.getByPlaceholderText, getByText = _a.getByText;
|
|
78
|
+
react_1.act(function () {
|
|
79
79
|
getByPlaceholderText('DD/MM/YYYY').click();
|
|
80
80
|
});
|
|
81
81
|
// March 2022 is the mock date that we have set in the beforeAll section
|
|
@@ -88,8 +88,8 @@ describe('DatePicker', function () {
|
|
|
88
88
|
case 0:
|
|
89
89
|
handleChangeMock = jest.fn();
|
|
90
90
|
testDate = new Date();
|
|
91
|
-
_a =
|
|
92
|
-
return [4 /*yield*/,
|
|
91
|
+
_a = renderWithProviders_1.default(jsx_runtime_1.jsx(x_date_pickers_1.LocalizationProvider, __assign({ dateAdapter: AdapterDateFns_1.AdapterDateFns }, { children: jsx_runtime_1.jsx(DatePicker_1.default, { id: "datePickerId", format: "dd-MM-yyyy", onChange: handleChangeMock, value: testDate }, void 0) }), void 0)), getByPlaceholderText = _a.getByPlaceholderText, findByText = _a.findByText;
|
|
92
|
+
return [4 /*yield*/, react_1.act(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
93
93
|
var march18thButton;
|
|
94
94
|
return __generator(this, function (_a) {
|
|
95
95
|
switch (_a.label) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/DatePicker/__tests__/DatePicker.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAA2D;AAC3D,sGAAgF;AAChF,6DAAuC;AACvC,qEAAoE;AACpE,gDAA6C;AAE7C,QAAQ,CAAC,YAAY,EAAE;IACrB,IAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC;QACP,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE;QAClC,IAAM,YAAY,GAAG,cAAO,CAAC,CAAC;QAC9B,IAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;QAEpB,IAAA,oBAAoB,GAAK,
|
|
1
|
+
{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/DatePicker/__tests__/DatePicker.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,9 +15,9 @@ var react_1 = require("@emotion/react");
|
|
|
15
15
|
var makeDatePickerStyling = function (_a) {
|
|
16
16
|
var _b;
|
|
17
17
|
var isValid = _a.isValid, isError = _a.isError;
|
|
18
|
-
var theme =
|
|
18
|
+
var theme = react_1.useTheme();
|
|
19
19
|
return {
|
|
20
|
-
datePickerContainer:
|
|
20
|
+
datePickerContainer: react_1.css(__assign(__assign({ height: 60, backgroundColor: theme.mvf.palette.background.answerBackgroundColor, boxSizing: 'border-box', border: 'solid', boxShadow: '0px 2px 5px rgba(33, 33, 33, 0.1)', borderRadius: theme.mvf.border.radius, borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.component.answerUnselectedColor, '& .MuiTextField-root, .MuiInputBase-root': {
|
|
21
21
|
width: '100%',
|
|
22
22
|
height: '100%',
|
|
23
23
|
}, '& .MuiButtonBase-root.MuiIconButton-root': __assign(__assign({ marginLeft: -10, padding: 12, color: theme.mvf.palette.text.primaryTextColor }, (isValid && {
|
|
@@ -52,14 +52,14 @@ var makeDatePickerStyling = function (_a) {
|
|
|
52
52
|
color: theme.mvf.palette.status.error,
|
|
53
53
|
},
|
|
54
54
|
}))),
|
|
55
|
-
inputAdornmentEnd:
|
|
55
|
+
inputAdornmentEnd: react_1.css({
|
|
56
56
|
position: 'absolute',
|
|
57
57
|
right: theme.mvf.spacing.medium,
|
|
58
58
|
'& .MuiSvgIcon-root': __assign(__assign({ fill: theme.mvf.palette.component.answerSelectedColor }, (isError && {
|
|
59
59
|
fill: theme.mvf.palette.status.error,
|
|
60
60
|
})), { fontSize: theme.mvf.fontSize.huge }),
|
|
61
61
|
}),
|
|
62
|
-
globalStyles:
|
|
62
|
+
globalStyles: react_1.css({
|
|
63
63
|
'& .MuiDayCalendar-root .MuiPickersDay-today': {
|
|
64
64
|
color: theme.mvf.palette.component.answerSelectedColor,
|
|
65
65
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeDatePickerStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/makeDatePickerStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAO/C,IAAM,qBAAqB,GAAG,UAAC,EAA0C;;QAAxC,OAAO,aAAA,EAAE,OAAO,aAAA;IAC/C,IAAM,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"makeDatePickerStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/makeDatePickerStyling.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
|
2
2
|
import IComponentProps from './IComponentProps';
|
|
3
3
|
import defaultProps from './defaultProps';
|
|
4
|
-
type DropDownSelectType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
4
|
+
declare type DropDownSelectType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
5
5
|
declare const DropDownSelect: DropDownSelectType;
|
|
6
6
|
export default DropDownSelect;
|
|
@@ -28,17 +28,17 @@ var styled_1 = __importDefault(require("@emotion/styled"));
|
|
|
28
28
|
var react_1 = require("@emotion/react");
|
|
29
29
|
var DropDownSelect = function (_a) {
|
|
30
30
|
var children = _a.children, disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, label = _a.label, onChange = _a.onChange, onClick = _a.onClick, onBlur = _a.onBlur, value = _a.value, inputRef = _a.inputRef;
|
|
31
|
-
var styles =
|
|
31
|
+
var styles = makeDropDownSelectStyling_1.default({
|
|
32
32
|
isIconPresent: iconType !== 'none',
|
|
33
33
|
isDisabled: disabled,
|
|
34
34
|
isError: !!errorMessage,
|
|
35
35
|
});
|
|
36
|
-
var StyledInputLabel =
|
|
37
|
-
var StyledFormControl =
|
|
38
|
-
var InputElement = (
|
|
39
|
-
return (
|
|
36
|
+
var StyledInputLabel = styled_1.default(InputLabel_1.default)(styles.label);
|
|
37
|
+
var StyledFormControl = styled_1.default(FormControl_1.default)(styles.formControl);
|
|
38
|
+
var InputElement = (jsx_runtime_1.jsx(Input_1.default, { id: id, disabled: disabled, iconType: iconType === 'none' ? undefined : iconType, onChange: onChange, onClick: onClick, onBlur: onBlur, value: value, inputRef: inputRef }, void 0));
|
|
39
|
+
return (jsx_runtime_1.jsxs(StyledFormControl, __assign({ error: !!errorMessage }, { children: [value === '' && (jsx_runtime_1.jsx(StyledInputLabel, __assign({ htmlFor: id, shrink: false }, { children: label }), void 0)), jsx_runtime_1.jsx(Select_1.default, __assign({ variant: "standard", IconComponent: ExpandMore_1.default, MenuProps: {
|
|
40
40
|
classes: { paper: 'dropdown-paper' },
|
|
41
|
-
}, input: InputElement }, { children: children })), errorMessage &&
|
|
41
|
+
}, input: InputElement }, { children: children }), void 0), errorMessage && jsx_runtime_1.jsx(FormHelperText_1.default, { children: errorMessage }, void 0), jsx_runtime_1.jsx(react_1.Global, { styles: styles.listItems }, void 0)] }), void 0));
|
|
42
42
|
};
|
|
43
43
|
DropDownSelect.defaultProps = defaultProps_1.default;
|
|
44
44
|
exports.default = DropDownSelect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gEAA0C;AAC1C,8EAAwD;AACxD,sFAAgE;AAChE,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0FAAoE;AACpE,2DAAqC;AACrC,wCAAwC;AAOxC,IAAM,cAAc,GAAuB,UAAC,EAY3C;QAXC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gEAA0C;AAC1C,8EAAwD;AACxD,sFAAgE;AAChE,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0FAAoE;AACpE,2DAAqC;AACrC,wCAAwC;AAOxC,IAAM,cAAc,GAAuB,UAAC,EAY3C;QAXC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,MAAM,GAAG,mCAAyB,CAAC;QACvC,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC,CAAC,YAAY;KACxB,CAAC,CAAC;IACH,IAAM,gBAAgB,GAAG,gBAAM,CAAC,oBAAU,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,IAAM,iBAAiB,GAAG,gBAAM,CAAC,qBAAW,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAElE,IAAM,YAAY,GAAG,CACnB,kBAAC,eAAK,IACJ,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACpD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,WAClB,CACH,CAAC;IAEF,OAAO,CACL,mBAAC,iBAAiB,aAAC,KAAK,EAAE,CAAC,CAAC,YAAY,iBACrC,KAAK,KAAK,EAAE,IAAI,CACf,kBAAC,gBAAgB,aAAC,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,gBACzC,KAAK,YACW,CACpB,EACD,kBAAC,gBAAM,aACL,OAAO,EAAC,UAAU,EAClB,aAAa,EAAE,oBAAU,EACzB,SAAS,EAAE;oBACT,OAAO,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;iBACrC,EACD,KAAK,EAAE,YAAY,gBAElB,QAAQ,YACF,EACR,YAAY,IAAI,kBAAC,wBAAc,cAAE,YAAY,WAAkB,EAChE,kBAAC,cAAM,IAAC,MAAM,EAAE,MAAM,CAAC,SAAS,WAAI,aAClB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}
|
|
@@ -22,15 +22,15 @@ var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/rend
|
|
|
22
22
|
var DropDownSelect_1 = __importDefault(require("./DropDownSelect"));
|
|
23
23
|
describe('<DropDownSelect />', function () {
|
|
24
24
|
it('should display label for dropdown on load', function () {
|
|
25
|
-
var getByText =
|
|
25
|
+
var getByText = renderWithProviders_1.default(jsx_runtime_1.jsxs(DropDownSelect_1.default, __assign({ id: "id", label: "test label" }, { children: [jsx_runtime_1.jsx(MenuItem_1.default, __assign({ value: 1 }, { children: "Option 1" }), void 0), jsx_runtime_1.jsx(MenuItem_1.default, __assign({ value: 2 }, { children: "Option 2" }), void 0)] }), void 0)).getByText;
|
|
26
26
|
expect(getByText('test label')).toBeTruthy();
|
|
27
27
|
});
|
|
28
28
|
it('should be able to select dropdown options', function () {
|
|
29
29
|
var callback = jest.fn();
|
|
30
|
-
var getByRole =
|
|
30
|
+
var getByRole = renderWithProviders_1.default(jsx_runtime_1.jsxs(DropDownSelect_1.default, __assign({ id: "id", label: "test label", onChange: callback }, { children: [jsx_runtime_1.jsx(MenuItem_1.default, __assign({ value: "test-value-1" }, { children: "Option 1" }), void 0), jsx_runtime_1.jsx(MenuItem_1.default, __assign({ value: "test-value-2" }, { children: "Option 2" }), void 0)] }), void 0)).getByRole;
|
|
31
31
|
var openSelect = getByRole('combobox');
|
|
32
32
|
react_1.fireEvent.mouseDown(openSelect);
|
|
33
|
-
react_1.fireEvent.click(
|
|
33
|
+
react_1.fireEvent.click(react_1.within(getByRole('listbox')).getByText('Option 1'));
|
|
34
34
|
expect(callback).toHaveBeenCalledWith({ id: 'id', value: 'test-value-1' });
|
|
35
35
|
});
|
|
36
36
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,oEAA8C;AAC9C,gDAA2D;AAC3D,mGAA6E;AAC7E,oEAA8C;AAE9C,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,2CAA2C,EAAE;QACtC,IAAA,SAAS,GAAK,
|
|
1
|
+
{"version":3,"file":"DropDownSelect.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,oEAA8C;AAC9C,gDAA2D;AAC3D,mGAA6E;AAC7E,oEAA8C;AAE9C,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,2CAA2C,EAAE;QACtC,IAAA,SAAS,GAAK,6BAAmB,CACvC,mBAAC,wBAAc,aAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,iBACxC,kBAAC,kBAAQ,aAAC,KAAK,EAAE,CAAC,sCAAqB,EACvC,kBAAC,kBAAQ,aAAC,KAAK,EAAE,CAAC,sCAAqB,aACxB,CAClB,UALgB,CAKf;QACF,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,6BAAmB,CACvC,mBAAC,wBAAc,aAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAC,QAAQ,EAAE,QAAQ,iBAC3D,kBAAC,kBAAQ,aAAC,KAAK,EAAC,cAAc,sCAAoB,EAClD,kBAAC,kBAAQ,aAAC,KAAK,EAAC,cAAc,sCAAoB,aACnC,CAClB,UALgB,CAKf;QACF,IAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACzC,iBAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAChC,iBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAEpE,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -12,11 +12,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
20
16
|
}) : (function(o, m, k, k2) {
|
|
21
17
|
if (k2 === undefined) k2 = k;
|
|
22
18
|
o[k2] = m[k];
|
|
@@ -47,7 +43,7 @@ var DropDownSelectStory = function (_a) {
|
|
|
47
43
|
var _b = React.useState(), currentValue = _b[0], setCurrentValue = _b[1];
|
|
48
44
|
var handleChange = function (_a) {
|
|
49
45
|
var id = _a.id, value = _a.value;
|
|
50
|
-
|
|
46
|
+
addon_actions_1.action('Changed Selection')(id, value);
|
|
51
47
|
setCurrentValue(value);
|
|
52
48
|
};
|
|
53
49
|
React.useEffect(function () {
|
|
@@ -55,7 +51,7 @@ var DropDownSelectStory = function (_a) {
|
|
|
55
51
|
setCurrentValue('');
|
|
56
52
|
}
|
|
57
53
|
}, [reset]);
|
|
58
|
-
return (
|
|
54
|
+
return (jsx_runtime_1.jsx("div", __assign({ style: { maxWidth: '460px' } }, { children: jsx_runtime_1.jsxs(DropDownSelect_1.default, __assign({ disabled: disabled, errorMessage: errorMessage, iconType: iconType, id: "id", label: label, onChange: handleChange, value: currentValue }, { children: [jsx_runtime_1.jsx(MenuItem_1.default, __assign({ value: 1 }, { children: "Option 1" }), void 0), jsx_runtime_1.jsx(MenuItem_1.default, __assign({ value: 2 }, { children: "Option 2" }), void 0), jsx_runtime_1.jsx(MenuItem_1.default, __assign({ value: 3 }, { children: "Option 3" }), void 0)] }), void 0) }), void 0));
|
|
59
55
|
};
|
|
60
56
|
exports.default = DropDownSelectStory;
|
|
61
57
|
//# sourceMappingURL=DropDownSelectStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oEAA8C;AAC9C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,mBAAmB,GAAc,UAAC,EAMvC;QALC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA;IAEC,IAAA,KAAkC,KAAK,CAAC,QAAQ,EAAU,EAAzD,YAAY,QAAA,EAAE,eAAe,QAA4B,CAAC;IAEjE,IAAM,YAAY,GAAG,UAAC,EAA4C;YAA1C,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,sBAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACvC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,eAAe,CAAC,EAAE,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,oCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAC/B,mBAAC,wBAAc,aACb,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,iBAEnB,kBAAC,kBAAQ,aAAC,KAAK,EAAE,CAAC,sCAAqB,EACvC,kBAAC,kBAAQ,aAAC,KAAK,EAAE,CAAC,sCAAqB,EACvC,kBAAC,kBAAQ,aAAC,KAAK,EAAE,CAAC,sCAAqB,aACxB,YACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const defaultProps: {
|
|
3
3
|
disabled: boolean;
|
|
4
|
-
iconType: "none" | "
|
|
4
|
+
iconType: "none" | "email" | "person" | "zipcode" | "phone" | "company" | "state";
|
|
5
5
|
onBlur: () => void;
|
|
6
6
|
onChange: (item: import("./IComponentProps").IDropDownSelectCallbackParams) => void;
|
|
7
7
|
onClick: import("react").MouseEventHandler<HTMLInputElement>;
|
|
@@ -16,18 +16,18 @@ var material_1 = require("@mui/material");
|
|
|
16
16
|
var useDropDownSelectStyles = function (_a) {
|
|
17
17
|
var _b;
|
|
18
18
|
var isIconPresent = _a.isIconPresent, isDisabled = _a.isDisabled, isError = _a.isError;
|
|
19
|
-
var theme =
|
|
19
|
+
var theme = react_1.useTheme();
|
|
20
20
|
return {
|
|
21
|
-
listItems:
|
|
21
|
+
listItems: react_1.css({
|
|
22
22
|
'& .MuiListItem-button': {
|
|
23
23
|
'&:focus': {
|
|
24
24
|
backgroundColor: 'unset',
|
|
25
25
|
},
|
|
26
26
|
'&:hover': {
|
|
27
|
-
backgroundColor:
|
|
27
|
+
backgroundColor: material_1.lighten(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
|
|
28
28
|
},
|
|
29
29
|
'&.Mui-selected': {
|
|
30
|
-
backgroundColor:
|
|
30
|
+
backgroundColor: material_1.lighten(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
|
|
31
31
|
},
|
|
32
32
|
},
|
|
33
33
|
'& .dropdown-paper': {
|
|
@@ -35,15 +35,15 @@ var useDropDownSelectStyles = function (_a) {
|
|
|
35
35
|
border: 'solid',
|
|
36
36
|
borderWidth: theme.mvf.border.width.thin,
|
|
37
37
|
borderColor: theme.mvf.palette.component.answerUnselectedColor,
|
|
38
|
-
boxShadow:
|
|
38
|
+
boxShadow: theme.mvf.boxShadow.timid + " !important",
|
|
39
39
|
borderRadius: 4,
|
|
40
40
|
marginTop: '1px',
|
|
41
41
|
'& .MuiListItem-root.Mui-selected, .MuiListItem-button:hover': {
|
|
42
|
-
backgroundColor:
|
|
42
|
+
backgroundColor: material_1.lighten(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
|
|
43
43
|
},
|
|
44
44
|
},
|
|
45
45
|
}),
|
|
46
|
-
formControl:
|
|
46
|
+
formControl: react_1.css({
|
|
47
47
|
'& .MuiInputBase-input': (_b = {
|
|
48
48
|
height: 23,
|
|
49
49
|
paddingTop: 18.5,
|
|
@@ -93,7 +93,7 @@ var useDropDownSelectStyles = function (_a) {
|
|
|
93
93
|
},
|
|
94
94
|
})),
|
|
95
95
|
}),
|
|
96
|
-
label:
|
|
96
|
+
label: react_1.css(__assign({ color: 'darkGray' }, (isIconPresent && {
|
|
97
97
|
marginLeft: 53,
|
|
98
98
|
}))),
|
|
99
99
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeDropDownSelectStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAQxC,IAAM,uBAAuB,GAAG,UAAC,EAIL;;QAH1B,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,IAAM,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"makeDropDownSelectStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAQxC,IAAM,uBAAuB,GAAG,UAAC,EAIL;;QAH1B,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,IAAM,KAAK,GAAG,gBAAQ,EAAE,CAAC;IAEzB,OAAO;QACL,SAAS,EAAE,WAAG,CAAC;YACb,uBAAuB,EAAE;gBACvB,SAAS,EAAE;oBACT,eAAe,EAAE,OAAO;iBACzB;gBACD,SAAS,EAAE;oBACT,eAAe,EAAE,kBAAO,CACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;iBACF;gBACD,gBAAgB,EAAE;oBAChB,eAAe,EAAE,kBAAO,CACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;iBACF;aACF;YACD,mBAAmB,EAAE;gBACnB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;gBACnE,MAAM,EAAE,OAAO;gBACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;gBACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB;gBAC9D,SAAS,EAAK,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,gBAAa;gBACpD,YAAY,EAAE,CAAC;gBACf,SAAS,EAAE,KAAK;gBAChB,6DAA6D,EAAE;oBAC7D,eAAe,EAAE,kBAAO,CACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;iBACF;aACF;SACF,CAAC;QACF,WAAW,EAAE,WAAG,CAAC;YACf,uBAAuB;oBACrB,MAAM,EAAE,EAAE;oBACV,UAAU,EAAE,IAAI;oBAChB,aAAa,EAAE,IAAI;oBACnB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;oBACrC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;oBAC7C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;;gBACjC,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;iBACnC;gBACD,kBAAe,GAAE,OAAO;gBACxB,aAAS,GAAE;oBACT,eAAe,EAAE,OAAO;iBACzB;mBACF;YACD,mCAAmC,EAAE;gBACnC,WAAW,EAAE,CAAC;aACf;YACD,mBAAmB,wBACd,CAAC,OAAO,IAAI;gBACb,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;aACtC,CAAC,GACC,CAAC,UAAU,IAAI;gBAChB,KAAK,EAAE,oBAAoB;aAC5B,CAAC,CACH;YACD,sBAAsB,EAAE;gBACtB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;gBACnE,MAAM,EAAE,OAAO;gBACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;gBACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB;gBAC9D,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;gBACpC,YAAY,EAAE,CAAC;gBACf,SAAS,EAAE,YAAY;gBACvB,SAAS,EAAE;oBACT,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;iBAC7D;gBACD,eAAe,EAAE;oBACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;oBAC5D,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;iBACrC;gBACD,aAAa,EAAE;oBACb,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;iBAC5C;aACF;YACD,oCAAoC,aAClC,SAAS,EAAE,gBAAgB,IACxB,CAAC,OAAO,IAAI;gBACb,oBAAoB,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;iBACtC;aACF,CAAC,CACH;SACF,CAAC;QACF,KAAK,EAAE,WAAG,YACR,KAAK,EAAE,UAAU,IACd,CAAC,aAAa,IAAI;YACnB,UAAU,EAAE,EAAE;SACf,CAAC,EACF;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
|
|
2
2
|
import IComponentProps from './IComponentProps';
|
|
3
3
|
import defaultProps from './defaultProps';
|
|
4
|
-
type IconTileCheckBoxType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
4
|
+
declare type IconTileCheckBoxType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
5
5
|
declare const IconTileCheckBox: IconTileCheckBoxType;
|
|
6
6
|
export default IconTileCheckBox;
|
|
@@ -28,11 +28,11 @@ var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers"
|
|
|
28
28
|
var makeIconTileCheckBoxStyling_1 = __importDefault(require("./makeIconTileCheckBoxStyling"));
|
|
29
29
|
var IconTileCheckBox = function (_a) {
|
|
30
30
|
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onChange = _a.onChange, onClick = _a.onClick, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, text = _a.text;
|
|
31
|
-
var _b =
|
|
32
|
-
var _c =
|
|
33
|
-
var _d =
|
|
34
|
-
var otherInputRef =
|
|
35
|
-
var styles =
|
|
31
|
+
var _b = react_1.useState(selected), isSelected = _b[0], setIsSelected = _b[1];
|
|
32
|
+
var _c = react_1.useState(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
33
|
+
var _d = react_1.useState(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
|
|
34
|
+
var otherInputRef = react_1.useRef(null);
|
|
35
|
+
var styles = makeIconTileCheckBoxStyling_1.default();
|
|
36
36
|
var isTextfield = (isOtherOption && isFocused) || !!otherValue;
|
|
37
37
|
var handleBlur = function (event) {
|
|
38
38
|
if (event) {
|
|
@@ -55,8 +55,8 @@ var IconTileCheckBox = function (_a) {
|
|
|
55
55
|
};
|
|
56
56
|
var handleClick = function () {
|
|
57
57
|
onClick({ id: id, selected: !selected });
|
|
58
|
-
if (!isSelected &&
|
|
59
|
-
|
|
58
|
+
if (!isSelected && browserAndDeviceDetection_1.isIOS() && isOtherOption) {
|
|
59
|
+
deviceSpecificHandlers_1.iosFocusHandler(otherInputRef);
|
|
60
60
|
}
|
|
61
61
|
setIsSelected(!isSelected);
|
|
62
62
|
setIsFocused(true);
|
|
@@ -89,12 +89,12 @@ var IconTileCheckBox = function (_a) {
|
|
|
89
89
|
setIsSelected(false);
|
|
90
90
|
}
|
|
91
91
|
};
|
|
92
|
-
|
|
92
|
+
react_1.useEffect(function () {
|
|
93
93
|
if (isSelected && otherInputRef.current) {
|
|
94
94
|
otherInputRef.current.focus();
|
|
95
95
|
}
|
|
96
96
|
}, [isSelected]);
|
|
97
|
-
return (
|
|
97
|
+
return (jsx_runtime_1.jsxs(CardButton_1.default, __assign({ selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur }, { children: [jsx_runtime_1.jsx(Checkbox_1.default, { css: styles.checkbox, checked: isSelected, icon: jsx_runtime_1.jsx(CheckboxIcon_1.default, { isChecked: false }, void 0), checkedIcon: jsx_runtime_1.jsx(CheckboxIcon_1.default, { isChecked: true }, void 0) }, void 0), jsx_runtime_1.jsxs("div", __assign({ css: styles.container }, { children: [jsx_runtime_1.jsx("div", __assign({ css: styles.icon }, { children: jsx_runtime_1.jsx("div", __assign({ css: styles.imgDiv }, { children: Icon }), void 0) }), void 0), isTextfield ? (jsx_runtime_1.jsx("div", __assign({ css: styles.otherInput }, { children: jsx_runtime_1.jsx(TextField_1.default, { "data-testid": "otherInputTextfield:" + id, id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue }, void 0) }), void 0)) : (jsx_runtime_1.jsx(Text_1.default, __assign({ "data-testid": "text", variant: "tileItem" }, { children: text }), void 0))] }), void 0)] }), void 0));
|
|
98
98
|
};
|
|
99
99
|
IconTileCheckBox.defaultProps = defaultProps_1.default;
|
|
100
100
|
exports.default = IconTileCheckBox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,oEAAgD;AAChD,+BAA2D;AAC3D,0FAAoE;AAGpE,iFAA2D;AAC3D,0DAAoC;AACpC,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,8FAAwE;AAMxE,IAAM,gBAAgB,GAAyB,UAAC,EAW/C;QAVC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAA8B,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":"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"}
|