@mvf/external-components 1.27.4 → 1.29.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/Applications/Chameleon/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.d.ts +1 -1
- package/Applications/Chameleon/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.js +4 -4
- package/Applications/Chameleon/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.d.ts +1 -1
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.js +4 -4
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/useIconTileRadioButtonQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/useIconTileRadioButtonQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/RadioQuestionSection/RadioQuestionSectionStory.d.ts +1 -1
- package/Applications/Chameleon/RadioQuestionSection/RadioQuestionSectionStory.js +4 -4
- package/Applications/Chameleon/RadioQuestionSection/RadioQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/RadioQuestionSection/useRadioQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/RadioQuestionSection/useRadioQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/TextFieldQuestionSectionStory.d.ts +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/TextFieldQuestionSectionStory.js +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/TextFieldQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.d.ts +1 -1
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.js +1 -1
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.js.map +1 -1
- package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.js +2 -2
- package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.js.map +1 -1
- package/Assets/BrandLogos/ExpertMarketLogo.d.ts +1 -1
- package/Assets/BrandLogos/GoWizardLogo.d.ts +1 -1
- package/Assets/BrandLogos/HearClearLogo.d.ts +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.d.ts +1 -1
- package/Assets/BrandLogos/StartupsLogo.d.ts +1 -1
- package/Assets/BrandLogos/TechcoLogo.d.ts +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts +1 -1
- package/Assets/BrandLogos/brandLogos.d.ts +1 -1
- package/Assets/svgs/svgs.d.ts +1 -1
- package/Components/Atoms/Button/Button.d.ts +1 -1
- package/Components/Atoms/Button/Button.js +1 -1
- package/Components/Atoms/Button/Button.js.map +1 -1
- package/Components/Atoms/Button/Button.test.js +5 -5
- package/Components/Atoms/Button/Button.test.js.map +1 -1
- package/Components/Atoms/Button/ButtonStory.d.ts +1 -1
- package/Components/Atoms/Button/ButtonStory.js +2 -6
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/Button/useButtonClasses.js +3 -3
- package/Components/Atoms/Button/useButtonClasses.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.d.ts +1 -1
- package/Components/Atoms/CardButton/CardButton.js +4 -4
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.test.js +1 -1
- 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 +2 -6
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/ICardButtonProps.d.ts +1 -0
- package/Components/Atoms/CardButton/defaultProps.d.ts +1 -0
- package/Components/Atoms/CardButton/defaultProps.js +3 -0
- package/Components/Atoms/CardButton/defaultProps.js.map +1 -1
- package/Components/Atoms/CardButton/useCardButtonClasses.js +3 -3
- package/Components/Atoms/CardButton/useCardButtonClasses.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/useCircularProgressClasses.js +2 -2
- package/Components/Atoms/CircularProgress/useCircularProgressClasses.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.js +3 -7
- 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 -5
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js.map +1 -1
- package/Components/Atoms/ErrorMessage/useErrorMessageStyles.js +2 -2
- package/Components/Atoms/ErrorMessage/useErrorMessageStyles.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +3 -3
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +1 -5
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +5 -5
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Components/Atoms/IFrameWrapper/IFrameWrapper.d.ts +1 -1
- package/Components/Atoms/IFrameWrapper/IFrameWrapper.js +1 -1
- package/Components/Atoms/IFrameWrapper/IFrameWrapper.js.map +1 -1
- package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.js +2 -2
- package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.js.map +1 -1
- package/Components/Atoms/IconButton/IconButton.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButton.js +2 -6
- package/Components/Atoms/IconButton/IconButton.js.map +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +2 -6
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/IconButton/useIconButtonClasses.js +3 -3
- package/Components/Atoms/IconButton/useIconButtonClasses.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 +2 -6
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/Link/useLinkClasses.js +2 -2
- package/Components/Atoms/Link/useLinkClasses.js.map +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/Modal/Modal.d.ts +1 -1
- package/Components/Atoms/Modal/Modal.js +1 -1
- 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 +1 -5
- package/Components/Atoms/Modal/ModalStory.js.map +1 -1
- package/Components/Atoms/Modal/useModalClasses.js +2 -2
- package/Components/Atoms/Modal/useModalClasses.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.d.ts +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.js +1 -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/useProgressBarStyles.js +2 -2
- package/Components/Atoms/ProgressBar/useProgressBarStyles.js.map +1 -1
- package/Components/Atoms/Text/Text.d.ts +1 -1
- package/Components/Atoms/Text/Text.js +1 -1
- 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 +1 -5
- package/Components/Atoms/Text/TextStory.js.map +1 -1
- package/Components/Atoms/Text/makeTextStyles.js +2 -2
- package/Components/Atoms/Text/makeTextStyles.js.map +1 -1
- package/Components/Atoms/TextField/TextField.d.ts +1 -1
- package/Components/Atoms/TextField/TextField.js +2 -2
- package/Components/Atoms/TextField/TextField.js.map +1 -1
- package/Components/Atoms/TextField/TextField.test.js +10 -10
- package/Components/Atoms/TextField/TextField.test.js.map +1 -1
- package/Components/Atoms/TextField/TextFieldStory.d.ts +1 -1
- package/Components/Atoms/TextField/TextFieldStory.js +1 -5
- package/Components/Atoms/TextField/TextFieldStory.js.map +1 -1
- package/Components/Atoms/TextField/useTextFieldStyles.js +2 -2
- package/Components/Atoms/TextField/useTextFieldStyles.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +13 -11
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +23 -18
- 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 +6 -7
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +2 -0
- package/Components/Molecules/CheckBox/defaultProps.d.ts +1 -0
- package/Components/Molecules/CheckBox/defaultProps.js +3 -0
- package/Components/Molecules/CheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/CheckBox/useCheckBoxClasses.js +2 -2
- package/Components/Molecules/CheckBox/useCheckBoxClasses.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePicker.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePicker.js +1 -1
- package/Components/Molecules/DatePicker/DatePicker.js.map +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.js +2 -6
- package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js +2 -2
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
- package/Components/Molecules/DatePicker/useDatePickerStyles.js +2 -2
- package/Components/Molecules/DatePicker/useDatePickerStyles.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +1 -1
- 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 +2 -6
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/defaultProps.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js +2 -2
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js.map +1 -1
- 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 -11
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +22 -17
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +6 -7
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/defaultProps.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/defaultProps.js +3 -0
- package/Components/Molecules/IconTileCheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.js +2 -2
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IComponentProps.d.ts +1 -0
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +13 -11
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +17 -12
- 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 +6 -7
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/defaultProps.d.ts +1 -0
- package/Components/Molecules/IconTileRadioButton/defaultProps.js +3 -0
- package/Components/Molecules/IconTileRadioButton/defaultProps.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.js +2 -2
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBar.js +2 -6
- 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 +2 -6
- package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Components/Molecules/NavBar/useNavBarClasses.js +2 -2
- package/Components/Molecules/NavBar/useNavBarClasses.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.d.ts +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +6 -10
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js +7 -7
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +3 -7
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.js +2 -2
- package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.js.map +1 -1
- package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +2 -0
- package/Components/Molecules/RadioButton/RadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +13 -11
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +18 -13
- 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 +5 -2
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/defaultProps.d.ts +1 -0
- package/Components/Molecules/RadioButton/defaultProps.js +3 -0
- package/Components/Molecules/RadioButton/defaultProps.js.map +1 -1
- package/Components/Molecules/RadioButton/useRadioButtonClasses.js +2 -2
- package/Components/Molecules/RadioButton/useRadioButtonClasses.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollArea.d.ts +1 -1
- package/Components/Molecules/ScrollArea/ScrollArea.js +5 -9
- package/Components/Molecules/ScrollArea/ScrollArea.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollArea.test.js +4 -4
- package/Components/Molecules/ScrollArea/ScrollArea.test.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollAreaStory.d.ts +1 -1
- package/Components/Molecules/ScrollArea/ScrollAreaStory.js +3 -7
- package/Components/Molecules/ScrollArea/ScrollAreaStory.js.map +1 -1
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.js +2 -2
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js +2 -2
- package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.d.ts +1 -1
- package/Components/Organisms/ListLayout/ListLayout.js +2 -2
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.test.js +6 -10
- 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 +5 -9
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js +2 -6
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +10 -14
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.js +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +5 -9
- package/Components/Organisms/RadioGroup/RadioGroupStory.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 +2 -6
- package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayoutStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/TileLayoutStory.js +5 -9
- package/Components/Organisms/TileLayout/TileLayoutStory.js.map +1 -1
- package/Components/Organisms/TileLayout/useTileLayoutStyles.js +2 -2
- package/Components/Organisms/TileLayout/useTileLayoutStyles.js.map +1 -1
- package/Helpers/React/FunctionComponentWithDefaultProps.d.ts +1 -1
- package/Helpers/React/css.d.ts +1 -1
- package/Helpers/React/withTheme.js +2 -6
- package/Helpers/React/withTheme.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/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.d.ts +183 -0
- package/Themes/gowizardTheme.js +41 -0
- package/Themes/gowizardTheme.js.map +1 -0
- package/Themes/index.d.ts +1 -0
- package/Themes/index.js +4 -1
- package/Themes/index.js.map +1 -1
- package/Themes/indigoTheme.js +1 -1
- package/Themes/indigoTheme.js.map +1 -1
- package/Themes/palettes.d.ts +31 -0
- package/Themes/palettes.js +2 -0
- package/Themes/palettes.js.map +1 -1
- package/Themes/rhubarbTheme.js +1 -1
- package/Themes/rhubarbTheme.js.map +1 -1
- package/Themes/themeCreator.js +4 -4
- package/Themes/themeCreator.js.map +1 -1
- package/Themes/themes.d.ts +153 -2
- package/Themes/themes.js +2 -0
- package/Themes/themes.js.map +1 -1
- package/index.d.ts +1 -1
- package/index.js +3 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,7 @@ interface IComponentProps {
|
|
|
9
9
|
isOtherOption: boolean;
|
|
10
10
|
onClick: (item: IIconTileCheckBoxCallbackParams) => void;
|
|
11
11
|
onChange: () => void;
|
|
12
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
12
13
|
otherInputError?: boolean;
|
|
13
14
|
otherInputValue: string;
|
|
14
15
|
selected: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import defaultProps from './defaultProps';
|
|
2
2
|
import IComponentProps from './IComponentProps';
|
|
3
3
|
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
|
|
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;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
5
|
}) : (function(o, m, k, k2) {
|
|
10
6
|
if (k2 === undefined) k2 = k;
|
|
11
7
|
o[k2] = m[k];
|
|
@@ -33,9 +29,9 @@ var useIconTileCheckBoxClasses_1 = __importDefault(require("./useIconTileCheckBo
|
|
|
33
29
|
var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
|
|
34
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
35
31
|
var IconTileCheckBox = function (_a) {
|
|
36
|
-
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, selected = _a.selected, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
37
|
-
var _b =
|
|
38
|
-
var otherInputElement =
|
|
32
|
+
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, selected = _a.selected, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
33
|
+
var _b = react_1.useState(selected), checked = _b[0], setChecked = _b[1];
|
|
34
|
+
var otherInputElement = react_1.useRef(null);
|
|
39
35
|
var handleClick = function () {
|
|
40
36
|
if (!checked && otherInputElement.current) {
|
|
41
37
|
otherInputElement.current.focus();
|
|
@@ -43,16 +39,22 @@ var IconTileCheckBox = function (_a) {
|
|
|
43
39
|
onClick({ id: id, selected: !selected });
|
|
44
40
|
setChecked(!selected);
|
|
45
41
|
};
|
|
42
|
+
var handleKeyDown = function (event) {
|
|
43
|
+
onKeyDown(event);
|
|
44
|
+
if (event.key === 'Enter' && otherInputElement.current) {
|
|
45
|
+
otherInputElement.current.blur();
|
|
46
|
+
}
|
|
47
|
+
};
|
|
46
48
|
var handleInputClick = function (e) {
|
|
47
49
|
e.stopPropagation();
|
|
48
50
|
setChecked(true);
|
|
49
51
|
onClick({ id: id, selected: true });
|
|
50
52
|
};
|
|
51
|
-
|
|
53
|
+
react_1.useEffect(function () {
|
|
52
54
|
setChecked(selected);
|
|
53
55
|
}, [selected]);
|
|
54
|
-
var classes =
|
|
55
|
-
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },
|
|
56
|
+
var classes = useIconTileCheckBoxClasses_1.default();
|
|
57
|
+
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton" },
|
|
56
58
|
react_1.default.createElement(core_1.Checkbox, { className: classes.checkbox, checked: checked, color: "primary" }),
|
|
57
59
|
react_1.default.createElement("div", { className: classes.icon },
|
|
58
60
|
react_1.default.createElement("div", { className: classes.imgDiv }, Icon)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAAuE;AACvE,gEAA0C;AAE1C,4FAAsE;AACtE,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,gBAAgB,GAAyB,UAAC,EAW/C;QAVC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAwB,gBAAQ,CAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,iBAAiB,GAAG,cAAM,CAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACzC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACtD,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SAClC;IACH,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAA8C,UAAC,CAAC;QACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,iBAAS,CAAC;QACR,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,OAAO,GAAG,oCAA0B,EAAE,CAAC;IAE7C,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,iBACZ,oBAAoB;QAEhC,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;QACF,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,uCAAK,SAAS,EAAE,OAAO,CAAC,MAAM,IAAG,IAAI,CAAO,CACxC;QACL,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAChC,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE7C,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
5
|
}) : (function(o, m, k, k2) {
|
|
10
6
|
if (k2 === undefined) k2 = k;
|
|
11
7
|
o[k2] = m[k];
|
|
@@ -37,7 +33,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
37
33
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
38
34
|
function step(op) {
|
|
39
35
|
if (f) throw new TypeError("Generator is already executing.");
|
|
40
|
-
while (
|
|
36
|
+
while (_) try {
|
|
41
37
|
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;
|
|
42
38
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
43
39
|
switch (op[0]) {
|
|
@@ -72,23 +68,32 @@ var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
|
72
68
|
var imageSrc = svgs_1.default.truck;
|
|
73
69
|
describe('IconTileCheckBox', function () {
|
|
74
70
|
it('should display text', function () {
|
|
75
|
-
var getByText =
|
|
71
|
+
var getByText = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' })).getByText;
|
|
76
72
|
expect(getByText('test')).toBeTruthy();
|
|
77
73
|
});
|
|
78
74
|
it('should call onClick function if IconTileCheckBox is clicked', function () {
|
|
79
75
|
var callback = jest.fn();
|
|
80
|
-
var getByText =
|
|
76
|
+
var getByText = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onClick: callback })).getByText;
|
|
81
77
|
getByText('test').click();
|
|
82
78
|
expect(callback).toHaveBeenCalled();
|
|
83
79
|
});
|
|
80
|
+
it('should call onKeyDown and blur the input when enter is pressed', function () {
|
|
81
|
+
var callback = jest.fn();
|
|
82
|
+
var getByRole = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onKeyDown: callback, isOtherOption: true })).getByRole;
|
|
83
|
+
var textbox = getByRole('textbox');
|
|
84
|
+
var blurSpy = jest.spyOn(textbox, 'blur');
|
|
85
|
+
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
|
86
|
+
expect(callback).toHaveBeenCalled();
|
|
87
|
+
expect(blurSpy).toHaveBeenCalled();
|
|
88
|
+
});
|
|
84
89
|
it('should begin unchecked and can be checked', function () {
|
|
85
|
-
var _a =
|
|
90
|
+
var _a = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
86
91
|
getByText('test').click();
|
|
87
92
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
88
93
|
expect(checkbox).toBeChecked();
|
|
89
94
|
});
|
|
90
95
|
it('should begin checked and be unchecked', function () {
|
|
91
|
-
var _a =
|
|
96
|
+
var _a = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', selected: true })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
92
97
|
getByText('test').click();
|
|
93
98
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
94
99
|
expect(checkbox).not.toBeChecked();
|
|
@@ -99,15 +104,15 @@ describe('IconTileCheckBox', function () {
|
|
|
99
104
|
switch (_b.label) {
|
|
100
105
|
case 0:
|
|
101
106
|
TestComponent = function () {
|
|
102
|
-
var _a =
|
|
107
|
+
var _a = react_2.useState(false), selected = _a[0], setSelected = _a[1];
|
|
103
108
|
return (React.createElement("div", null,
|
|
104
109
|
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', selected: selected }),
|
|
105
110
|
React.createElement(core_1.Button, { onClick: function () { return setSelected(!selected); } }, "button")));
|
|
106
111
|
};
|
|
107
|
-
_a =
|
|
112
|
+
_a = withTheme_1.default(React.createElement(TestComponent, null)), getByTestId = _a.getByTestId, getByText = _a.getByText;
|
|
108
113
|
getByText('button').click();
|
|
109
114
|
checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
110
|
-
return [4 /*yield*/,
|
|
115
|
+
return [4 /*yield*/, react_1.waitFor(function () { return expect(checkbox).toBeChecked(); })];
|
|
111
116
|
case 1:
|
|
112
117
|
_b.sent();
|
|
113
118
|
return [2 /*return*/];
|
|
@@ -115,13 +120,13 @@ describe('IconTileCheckBox', function () {
|
|
|
115
120
|
});
|
|
116
121
|
}); });
|
|
117
122
|
it('should not display otherInput unless specified', function () {
|
|
118
|
-
var getByTestId =
|
|
123
|
+
var getByTestId = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), selected: true })).getByTestId;
|
|
119
124
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
120
125
|
expect(input).toBeNull();
|
|
121
126
|
});
|
|
122
127
|
it('should call onChange when otherInput is updated', function () {
|
|
123
128
|
var callback = jest.fn();
|
|
124
|
-
var getByTestId =
|
|
129
|
+
var getByTestId = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), selected: true, isOtherOption: true, onChange: callback })).getByTestId;
|
|
125
130
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
126
131
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
|
127
132
|
expect(callback).toHaveBeenCalledWith({
|
|
@@ -131,14 +136,14 @@ describe('IconTileCheckBox', function () {
|
|
|
131
136
|
expect(input.value).toEqual('Test');
|
|
132
137
|
});
|
|
133
138
|
it('should focus on OtherInput when selected', function () {
|
|
134
|
-
var getByTestId =
|
|
139
|
+
var getByTestId = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, selected: false })).getByTestId;
|
|
135
140
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
136
141
|
checkboxCardButton.click();
|
|
137
142
|
var input = checkboxCardButton.querySelector('input[type=text]');
|
|
138
143
|
expect(input).toBe(document.activeElement);
|
|
139
144
|
});
|
|
140
145
|
it('should not focus on OtherInput when unselected', function () {
|
|
141
|
-
var getByTestId =
|
|
146
|
+
var getByTestId = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, selected: true })).getByTestId;
|
|
142
147
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
143
148
|
checkboxCardButton.click();
|
|
144
149
|
var input = checkboxCardButton.querySelector('input[type=text]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ISvgs } from '../../../Assets/svgs/svgs';
|
|
3
|
-
type IconTileCheckBoxStoryType = React.FunctionComponent<{
|
|
3
|
+
declare type IconTileCheckBoxStoryType = React.FunctionComponent<{
|
|
4
4
|
error: boolean;
|
|
5
5
|
iconType: keyof ISvgs;
|
|
6
6
|
isOtherOption: boolean;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
5
|
}) : (function(o, m, k, k2) {
|
|
10
6
|
if (k2 === undefined) k2 = k;
|
|
11
7
|
o[k2] = m[k];
|
|
@@ -36,16 +32,19 @@ var IconTileCheckBoxStory = function (_a) {
|
|
|
36
32
|
var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
|
|
37
33
|
var handleClick = function (_a) {
|
|
38
34
|
var id = _a.id, itemSelected = _a.selected;
|
|
39
|
-
|
|
35
|
+
addon_actions_1.action('Clicked')(id, itemSelected);
|
|
40
36
|
setSelected(itemSelected);
|
|
41
37
|
};
|
|
38
|
+
var handleKeyDown = function (event) {
|
|
39
|
+
addon_actions_1.action('Key down')(event);
|
|
40
|
+
};
|
|
42
41
|
var imageSrc = svgs_1.default[iconType];
|
|
43
42
|
return (React.createElement("div", { style: {
|
|
44
43
|
width: '144px',
|
|
45
44
|
height: '144px',
|
|
46
45
|
} },
|
|
47
46
|
React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, { errorMessage: error || otherInputError ? 'error' : undefined },
|
|
48
|
-
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
47
|
+
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
49
48
|
};
|
|
50
49
|
exports.default = IconTileCheckBoxStory;
|
|
51
50
|
//# sourceMappingURL=IconTileCheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wEAAkD;AAElD,mEAAwD;AACxD,8FAA6F;AAU7F,IAAM,qBAAqB,GAA8B,UAAC,EAMzD;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGa;YAFhC,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,sBAAM,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;QACpC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,sBAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,0BAAgB,IACf,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var styles_1 = require("@material-ui/styles");
|
|
4
|
-
var useIconTileCheckBoxClasses =
|
|
5
|
-
return
|
|
4
|
+
var useIconTileCheckBoxClasses = styles_1.makeStyles(function (theme) {
|
|
5
|
+
return styles_1.createStyles({
|
|
6
6
|
icon: {
|
|
7
7
|
height: '75px',
|
|
8
8
|
paddingTop: theme.mvf.spacing.small,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIconTileCheckBoxClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,0BAA0B,GAAG,
|
|
1
|
+
{"version":3,"file":"useIconTileCheckBoxClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,0BAA0B,GAAG,mBAAU,CAAS,UAAC,KAAK;IAC1D,OAAA,qBAAY,CAAC;QACX,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YAC/B,QAAQ,EAAE,UAAU;SACrB;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI;YAC9B,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;YACtC,QAAQ,EAAE,YAAY;SACvB;QACD,UAAU,EAAE;YACV,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACnC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACpC,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB;KACF,CAAC;AA1BF,CA0BE,CACH,CAAC;AAEF,kBAAe,0BAA0B,CAAC"}
|
|
@@ -8,6 +8,7 @@ interface IComponentProps {
|
|
|
8
8
|
isOtherOption: boolean;
|
|
9
9
|
onClick: (item: IIconTileRadioButtonCallbackParams) => void;
|
|
10
10
|
onChange: () => void;
|
|
11
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
11
12
|
otherInputError?: boolean;
|
|
12
13
|
otherInputValue: string;
|
|
13
14
|
text: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import defaultProps from './defaultProps';
|
|
2
2
|
import IComponentProps from './IComponentProps';
|
|
3
3
|
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
|
|
4
|
-
type IconTileRadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
4
|
+
declare type IconTileRadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
|
|
5
5
|
declare const IconTileRadioButton: IconTileRadioButtonType;
|
|
6
6
|
export default IconTileRadioButton;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
5
|
}) : (function(o, m, k, k2) {
|
|
10
6
|
if (k2 === undefined) k2 = k;
|
|
11
7
|
o[k2] = m[k];
|
|
@@ -34,9 +30,9 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
|
|
|
34
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
35
31
|
var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
|
|
36
32
|
var IconTileRadioButton = function (_a) {
|
|
37
|
-
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
38
|
-
var _b =
|
|
39
|
-
var otherInputElement =
|
|
33
|
+
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
34
|
+
var _b = react_1.useContext(RadioGroupContext_1.default), selectedId = _b.selectedId, radioButtonSelected = _b.radioButtonSelected;
|
|
35
|
+
var otherInputElement = react_1.useRef(null);
|
|
40
36
|
var handleClick = function () {
|
|
41
37
|
onClick({ id: id });
|
|
42
38
|
radioButtonSelected(id);
|
|
@@ -44,10 +40,16 @@ var IconTileRadioButton = function (_a) {
|
|
|
44
40
|
otherInputElement.current.focus();
|
|
45
41
|
}
|
|
46
42
|
};
|
|
43
|
+
var handleKeyDown = function (event) {
|
|
44
|
+
onKeyDown(event);
|
|
45
|
+
if (event.key === 'Enter' && otherInputElement.current) {
|
|
46
|
+
otherInputElement.current.blur();
|
|
47
|
+
}
|
|
48
|
+
};
|
|
47
49
|
var checked = id === selectedId;
|
|
48
|
-
var classes =
|
|
49
|
-
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "radioButtonCardButton" },
|
|
50
|
-
react_1.default.createElement(core_1.Radio, { className: classes.radio, checked: checked, color: "primary", "data-testid": "toggle-"
|
|
50
|
+
var classes = useIconTileRadioButtonClasses_1.default();
|
|
51
|
+
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "radioButtonCardButton" },
|
|
52
|
+
react_1.default.createElement(core_1.Radio, { className: classes.radio, checked: checked, color: "primary", "data-testid": "toggle-" + id }),
|
|
51
53
|
react_1.default.createElement("div", { className: classes.icon },
|
|
52
54
|
react_1.default.createElement("div", { className: classes.imgDiv }, Icon)),
|
|
53
55
|
isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0CAAiE;AACjE,gEAA0C;AAE1C,kGAA4E;AAC5E,iFAA2D;AAC3D,8EAAwD;AACxD,mGAA6E;AAO7E,IAAM,mBAAmB,GAA4B,UAAC,EAUrD;QATC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAsC,kBAAU,CAAC,2BAAiB,CAAC,EAAjE,UAAU,gBAAA,EAAE,mBAAmB,yBAAkC,CAAC;IAC1E,IAAM,iBAAiB,GAAG,cAAM,CAA0B,IAAI,CAAC,CAAC;IAChE,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,CAAC;QAChB,mBAAmB,CAAC,EAAE,CAAC,CAAC;QACxB,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC7B,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;IACH,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACtD,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SAClC;IACH,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,EAAE,KAAK,UAAU,CAAC;IAClC,IAAM,OAAO,GAAG,uCAA6B,EAAE,CAAC;IAEhD,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,iBACZ,uBAAuB;QAEnC,8BAAC,YAAO,IACN,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,iBACF,YAAU,EAAI,GAC3B;QACF,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,uCAAK,SAAS,EAAE,OAAO,CAAC,MAAM,IAAG,IAAI,CAAO,CACxC;QACL,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAChC,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEhD,kBAAe,mBAAmB,CAAC"}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
5
|
}) : (function(o, m, k, k2) {
|
|
10
6
|
if (k2 === undefined) k2 = k;
|
|
11
7
|
o[k2] = m[k];
|
|
@@ -35,18 +31,27 @@ var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
|
35
31
|
var imageSrc = svgs_1.default.truck;
|
|
36
32
|
describe('<IconTileRadioButton />', function () {
|
|
37
33
|
it('should display radio button text', function () {
|
|
38
|
-
var getByText =
|
|
34
|
+
var getByText = withTheme_1.default(React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' })).getByText;
|
|
39
35
|
expect(getByText('test')).toBeTruthy();
|
|
40
36
|
});
|
|
41
37
|
it('should call onClick function if radio button is clicked', function () {
|
|
42
38
|
var callback = jest.fn();
|
|
43
|
-
var getByText =
|
|
39
|
+
var getByText = withTheme_1.default(React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onClick: callback })).getByText;
|
|
44
40
|
getByText('test').click();
|
|
45
41
|
expect(callback).toHaveBeenCalled();
|
|
46
42
|
});
|
|
43
|
+
it('should call onKeyDown and blur the input when enter is pressed', function () {
|
|
44
|
+
var callback = jest.fn();
|
|
45
|
+
var getByRole = withTheme_1.default(React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onKeyDown: callback, isOtherOption: true })).getByRole;
|
|
46
|
+
var textbox = getByRole('textbox');
|
|
47
|
+
var blurSpy = jest.spyOn(textbox, 'blur');
|
|
48
|
+
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
|
49
|
+
expect(callback).toHaveBeenCalled();
|
|
50
|
+
expect(blurSpy).toHaveBeenCalled();
|
|
51
|
+
});
|
|
47
52
|
it('should alter checked state based on context selectedId', function () {
|
|
48
53
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
49
|
-
var getByTestId =
|
|
54
|
+
var getByTestId = withTheme_1.default(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
50
55
|
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' }),
|
|
51
56
|
",")).getByTestId;
|
|
52
57
|
var radio = getByTestId('toggle-1').querySelector('input[type=radio]');
|
|
@@ -58,7 +63,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
58
63
|
selectedId: undefined,
|
|
59
64
|
radioButtonSelected: callback,
|
|
60
65
|
};
|
|
61
|
-
var getByText =
|
|
66
|
+
var getByText = withTheme_1.default(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
62
67
|
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' }),
|
|
63
68
|
",")).getByText;
|
|
64
69
|
getByText('test').click();
|
|
@@ -67,7 +72,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
67
72
|
it('should call onChange when otherInput is updated', function () {
|
|
68
73
|
var callback = jest.fn();
|
|
69
74
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
70
|
-
var getByTestId =
|
|
75
|
+
var getByTestId = withTheme_1.default(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
71
76
|
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true, onChange: callback }))).getByTestId;
|
|
72
77
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
73
78
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
|
@@ -79,14 +84,14 @@ describe('<IconTileRadioButton />', function () {
|
|
|
79
84
|
});
|
|
80
85
|
it('should not display otherInput unless specified', function () {
|
|
81
86
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
82
|
-
var getByTestId =
|
|
87
|
+
var getByTestId = withTheme_1.default(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
83
88
|
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' }))).getByTestId;
|
|
84
89
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
85
90
|
expect(input).toBeNull();
|
|
86
91
|
});
|
|
87
92
|
it('should focus on OtherInput when clicked', function () {
|
|
88
93
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
89
|
-
var getByTestId =
|
|
94
|
+
var getByTestId = withTheme_1.default(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
90
95
|
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true }))).getByTestId;
|
|
91
96
|
getByTestId('radioButtonCardButton').click();
|
|
92
97
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconTileRadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAmD;AACnD,2CAA+B;AAC/B,+EAAyD;AACzD,8EAAwD;AACxD,mGAA6E;AAC7E,mEAA6C;AAE7C,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;AAE5B,QAAQ,CAAC,yBAAyB,EAAE;IAClC,EAAE,CAAC,kCAAkC,EAAE;QAC7B,IAAA,SAAS,GAAK,mBAAS,CAC7B,oBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,GACZ,CACH,UANgB,CAMf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QAC5D,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,mBAAS,CAC7B,oBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,QAAQ,GACjB,CACH,UAPgB,CAOf;QACF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE;QACnE,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,mBAAS,CAC7B,oBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,QAAQ,EACnB,aAAa,SACb,CACH,UARgB,CAQf;QACF,IAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC5C,iBAAS,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAE5D,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE;QAC3D,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,mBAAmB,EAAE,cAAO,CAAC,EAAE,CAAC;QAEjE,IAAA,WAAW,GAAK,mBAAS,CAC/B,oBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YAC9C,oBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,GACZ;gBAEyB,CAC9B,YATkB,CASjB;QAEF,IAAM,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACzE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE;QACtD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAM,aAAa,GAAG;YACpB,UAAU,EAAE,SAAS;YACrB,mBAAmB,EAAE,QAAQ;SAC9B,CAAC;QAEM,IAAA,SAAS,GAAK,mBAAS,CAC7B,oBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YAC9C,oBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,GACZ;gBAEyB,CAC9B,UATgB,CASf;QAEF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE;QACpD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,mBAAmB,EAAE,cAAO,CAAC,EAAE,CAAC;QACjE,IAAA,WAAW,GAAK,mBAAS,CAC/B,oBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YAC9C,oBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,QAAQ,GAClB,CACyB,CAC9B,YAVkB,CAUjB;QACF,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC,aAAa,CAC9D,kBAAkB,CACC,CAAC;QACtB,iBAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;QAEvD,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC;YACpC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,MAAM;SACd,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QACnD,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,mBAAmB,EAAE,cAAO,CAAC,EAAE,CAAC;QACjE,IAAA,WAAW,GAAK,mBAAS,CAC/B,oBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YAC9C,oBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,GACZ,CACyB,CAC9B,YARkB,CAQjB;QACF,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC,aAAa,CAC9D,kBAAkB,CACnB,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAC5C,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,mBAAmB,EAAE,cAAO,CAAC,EAAE,CAAC;QACjE,IAAA,WAAW,GAAK,mBAAS,CAC/B,oBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YAC9C,oBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,GACnB,CACyB,CAC9B,YATkB,CASjB;QAEF,WAAW,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC;QAE7C,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC,aAAa,CAC9D,kBAAkB,CACnB,CAAC;QACF,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ISvgs } from '../../../Assets/svgs/svgs';
|
|
3
|
-
type IconTileRadioButtonStoryType = React.FunctionComponent<{
|
|
3
|
+
declare type IconTileRadioButtonStoryType = React.FunctionComponent<{
|
|
4
4
|
error: boolean;
|
|
5
5
|
iconType: keyof ISvgs;
|
|
6
6
|
isOtherOption: boolean;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
5
|
}) : (function(o, m, k, k2) {
|
|
10
6
|
if (k2 === undefined) k2 = k;
|
|
11
7
|
o[k2] = m[k];
|
|
@@ -37,7 +33,10 @@ var IconTileRadioButtonStory = function (_a) {
|
|
|
37
33
|
var _b = React.useState(undefined), selectedId = _b[0], setSelectedId = _b[1];
|
|
38
34
|
var handleClick = function (_a) {
|
|
39
35
|
var id = _a.id;
|
|
40
|
-
|
|
36
|
+
addon_actions_1.action('Clicked')(id);
|
|
37
|
+
};
|
|
38
|
+
var handleKeyDown = function (event) {
|
|
39
|
+
addon_actions_1.action('Key down')(event);
|
|
41
40
|
};
|
|
42
41
|
var imageSrc = svgs_1.default[iconType];
|
|
43
42
|
return (React.createElement("div", { style: {
|
|
@@ -46,7 +45,7 @@ var IconTileRadioButtonStory = function (_a) {
|
|
|
46
45
|
} },
|
|
47
46
|
React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, { errorMessage: error || otherInputError ? 'error' : undefined },
|
|
48
47
|
React.createElement(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, radioButtonSelected: setSelectedId } },
|
|
49
|
-
React.createElement(IconTileRadioButton_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError })))));
|
|
48
|
+
React.createElement(IconTileRadioButton_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError })))));
|
|
50
49
|
};
|
|
51
50
|
exports.default = IconTileRadioButtonStory;
|
|
52
51
|
//# sourceMappingURL=IconTileRadioButtonStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,mGAA6E;AAC7E,8EAAwD;AACxD,mEAAwD;AAExD,8FAA6F;AAU7F,IAAM,wBAAwB,GAAiC,UAAC,EAM/D;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAA0C;YAAxC,EAAE,QAAA;QACvB,sBAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,sBAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,2BAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,mBAAmB,EAAE,aAAa,EAAE;gBAEzD,oBAAC,6BAAmB,IAClB,EAAE,EAAE,IAAI,EACR,IAAI,EACF,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EAEjE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACyB,CACR,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var styles_1 = require("@material-ui/styles");
|
|
4
|
-
var useIconTileRadioButtonClasses =
|
|
5
|
-
return
|
|
4
|
+
var useIconTileRadioButtonClasses = styles_1.makeStyles(function (theme) {
|
|
5
|
+
return styles_1.createStyles({
|
|
6
6
|
icon: {
|
|
7
7
|
height: '75px',
|
|
8
8
|
paddingTop: theme.mvf.spacing.small,
|