@mvf/external-components 1.10.2 → 1.11.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.js +2 -2
- package/Applications/Chameleon/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.d.ts +1 -1
- package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/RadioIconQuestionSection/RadioIconQuestionSectionStory.js +3 -2
- package/Applications/Chameleon/RadioIconQuestionSection/RadioIconQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/RadioIconQuestionSection/useRadioIconQuestionSectionStyles.d.ts +1 -1
- package/Applications/Chameleon/RadioIconQuestionSection/useRadioIconQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/RadioIconQuestionSection/useRadioIconQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/TextFieldQuestionSectionStory.js +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/TextFieldQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.d.ts +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.js +1 -1
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.js.map +1 -1
- package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.d.ts +1 -1
- package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.js +2 -2
- package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.js.map +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.js +2 -2
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/Button/index.js +1 -5
- package/Components/Atoms/Button/index.js.map +1 -1
- package/Components/Atoms/Button/useButtonClasses.d.ts +1 -1
- package/Components/Atoms/Button/useButtonClasses.js +12 -5
- package/Components/Atoms/Button/useButtonClasses.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.js +2 -2
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.test.js +1 -1
- package/Components/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.js +2 -2
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/index.js +1 -5
- package/Components/Atoms/CardButton/index.js.map +1 -1
- package/Components/Atoms/CardButton/useCardButtonClasses.d.ts +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/index.js +1 -5
- package/Components/Atoms/CircularProgress/index.js.map +1 -1
- package/Components/Atoms/CircularProgress/useCircularProgressClasses.d.ts +1 -1
- package/Components/Atoms/CircularProgress/useCircularProgressClasses.js +2 -2
- package/Components/Atoms/CircularProgress/useCircularProgressClasses.js.map +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.js +1 -1
- package/Components/Atoms/ErrorMessage/index.js +1 -5
- package/Components/Atoms/ErrorMessage/index.js.map +1 -1
- package/Components/Atoms/ErrorMessage/useErrorMessageStyles.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/useErrorMessageStyles.js +2 -2
- package/Components/Atoms/ErrorMessage/useErrorMessageStyles.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +5 -5
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/index.js +0 -1
- package/Components/Atoms/ErrorMessageProvider/index.js.map +1 -1
- package/Components/Atoms/IFrameWrapper/IFrameWrapper.js +1 -1
- package/Components/Atoms/IFrameWrapper/IFrameWrapper.js.map +1 -1
- package/Components/Atoms/IFrameWrapper/index.js +1 -5
- package/Components/Atoms/IFrameWrapper/index.js.map +1 -1
- package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.d.ts +1 -1
- package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.js +2 -2
- package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.js.map +1 -1
- package/Components/Atoms/IconButton/IconButton.js +2 -2
- package/Components/Atoms/IconButton/IconButton.js.map +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +2 -2
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/IconButton/index.js +1 -5
- package/Components/Atoms/IconButton/index.js.map +1 -1
- package/Components/Atoms/IconButton/useIconButtonClasses.d.ts +1 -1
- package/Components/Atoms/IconButton/useIconButtonClasses.js +3 -4
- package/Components/Atoms/IconButton/useIconButtonClasses.js.map +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.js +2 -2
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/Link/index.js +1 -5
- package/Components/Atoms/Link/index.js.map +1 -1
- package/Components/Atoms/Link/useLinkClasses.d.ts +1 -1
- package/Components/Atoms/Link/useLinkClasses.js +2 -2
- package/Components/Atoms/Link/useLinkClasses.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/index.js +1 -5
- package/Components/Atoms/LoadingIndicator/index.js.map +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 -2
- package/Components/Atoms/Modal/ModalStory.js +4 -7
- package/Components/Atoms/Modal/ModalStory.js.map +1 -1
- package/Components/Atoms/Modal/index.js +1 -5
- package/Components/Atoms/Modal/index.js.map +1 -1
- package/Components/Atoms/Modal/useModalClasses.d.ts +1 -1
- package/Components/Atoms/Modal/useModalClasses.js +21 -10
- package/Components/Atoms/Modal/useModalClasses.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.test.js +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.test.js.map +1 -1
- package/Components/Atoms/ProgressBar/index.js +1 -5
- package/Components/Atoms/ProgressBar/index.js.map +1 -1
- package/Components/Atoms/Slide/ISlideProps.d.ts +1 -0
- package/Components/Atoms/Slide/Slide.js +2 -2
- package/Components/Atoms/Slide/Slide.js.map +1 -1
- package/Components/Atoms/Slide/SlideStory.js +7 -2
- package/Components/Atoms/Slide/SlideStory.js.map +1 -1
- package/Components/Atoms/Slide/defaultProps.d.ts +1 -0
- package/Components/Atoms/Slide/defaultProps.js +1 -0
- package/Components/Atoms/Slide/defaultProps.js.map +1 -1
- package/Components/Atoms/Slide/index.js +1 -5
- package/Components/Atoms/Slide/index.js.map +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.js +1 -1
- package/Components/Atoms/Text/index.js +1 -5
- package/Components/Atoms/Text/index.js.map +1 -1
- package/Components/Atoms/Text/makeTextStyles.d.ts +1 -1
- package/Components/Atoms/Text/makeTextStyles.js +2 -2
- package/Components/Atoms/Text/makeTextStyles.js.map +1 -1
- package/Components/Atoms/TextField/TextField.js +1 -1
- package/Components/Atoms/TextField/TextField.js.map +1 -1
- package/Components/Atoms/TextField/TextField.test.js +7 -7
- package/Components/Atoms/TextField/TextField.test.js.map +1 -1
- package/Components/Atoms/TextField/TextFieldStory.js +1 -1
- package/Components/Atoms/TextField/index.js +1 -5
- package/Components/Atoms/TextField/index.js.map +1 -1
- package/Components/Atoms/TextField/useTextFieldStyles.d.ts +1 -1
- package/Components/Atoms/TextField/useTextFieldStyles.js +2 -2
- package/Components/Atoms/TextField/useTextFieldStyles.js.map +1 -1
- package/Components/Atoms/index.js +13 -17
- package/Components/Atoms/index.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +5 -5
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +13 -13
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js +2 -2
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/index.js +1 -5
- package/Components/Molecules/CheckBox/index.js.map +1 -1
- package/Components/Molecules/CheckBox/useCheckBoxClasses.d.ts +1 -1
- package/Components/Molecules/CheckBox/useCheckBoxClasses.js +2 -2
- package/Components/Molecules/CheckBox/useCheckBoxClasses.js.map +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.js +2 -2
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/defaultProps.d.ts +2 -2
- package/Components/Molecules/DropDownSelect/index.js +1 -5
- package/Components/Molecules/DropDownSelect/index.js.map +1 -1
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.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/IconTileCheckBox.js +5 -5
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +12 -12
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/index.js +1 -5
- package/Components/Molecules/IconTileCheckBox/index.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.js +2 -2
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +5 -5
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +9 -9
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +4 -4
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/index.js +1 -5
- package/Components/Molecules/IconTileRadioButton/index.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.js +2 -2
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.js.map +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.js +2 -2
- package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Components/Molecules/NavBar/index.js +1 -5
- package/Components/Molecules/NavBar/index.js.map +1 -1
- package/Components/Molecules/NavBar/useNavBarClasses.d.ts +1 -1
- package/Components/Molecules/NavBar/useNavBarClasses.js +2 -2
- package/Components/Molecules/NavBar/useNavBarClasses.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +5 -5
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +10 -10
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js +3 -3
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/index.js +1 -5
- package/Components/Molecules/RadioButton/index.js.map +1 -1
- package/Components/Molecules/RadioButton/useRadioButtonClasses.d.ts +1 -1
- package/Components/Molecules/RadioButton/useRadioButtonClasses.js +2 -2
- package/Components/Molecules/RadioButton/useRadioButtonClasses.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollArea.js +5 -5
- package/Components/Molecules/ScrollArea/ScrollArea.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollArea.test.js +3 -3
- package/Components/Molecules/ScrollArea/ScrollArea.test.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollAreaStory.js +1 -1
- package/Components/Molecules/ScrollArea/index.js +1 -5
- package/Components/Molecules/ScrollArea/index.js.map +1 -1
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.d.ts +1 -1
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.js +2 -2
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.js.map +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/index.js +1 -5
- package/Components/Molecules/ThankYouBanner/index.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js +2 -2
- package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js.map +1 -1
- package/Components/Molecules/index.js +8 -12
- package/Components/Molecules/index.js.map +1 -1
- package/Components/Organisms/{CheckBoxGroup → ListLayout}/IComponentProps.d.ts +0 -0
- package/Components/Organisms/{CheckBoxGroup → ListLayout}/IComponentProps.js +0 -0
- package/Components/Organisms/ListLayout/IComponentProps.js.map +1 -0
- package/Components/Organisms/ListLayout/ListLayout.d.ts +5 -0
- package/Components/Organisms/{CheckBoxGroup/CheckBoxGroup.js → ListLayout/ListLayout.js} +6 -6
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -0
- package/Components/Organisms/{CheckBoxGroup/CheckBoxGroup.test.d.ts → ListLayout/ListLayout.test.d.ts} +0 -0
- package/Components/Organisms/{CheckBoxGroup/CheckBoxGroup.test.js → ListLayout/ListLayout.test.js} +7 -7
- package/Components/Organisms/ListLayout/ListLayout.test.js.map +1 -0
- package/Components/Organisms/ListLayout/ListLayoutStory.d.ts +6 -0
- package/Components/Organisms/{CheckBoxGroup/CheckBoxGroupStory.js → ListLayout/ListLayoutStory.js} +7 -7
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -0
- package/Components/Organisms/ListLayout/index.d.ts +1 -0
- package/Components/Organisms/ListLayout/index.js +5 -0
- package/Components/Organisms/ListLayout/index.js.map +1 -0
- package/Components/Organisms/ListLayout/useListLayoutStyles.d.ts +2 -0
- package/Components/Organisms/{CheckBoxGroup/useCheckBoxGroupStyles.js → ListLayout/useListLayoutStyles.js} +4 -4
- package/Components/Organisms/ListLayout/useListLayoutStyles.js.map +1 -0
- package/Components/Organisms/{IconTileRadioButtonGroup → RadioGroup}/IComponentProps.d.ts +1 -1
- package/Components/Organisms/{IconTileCheckBoxGroup → RadioGroup}/IComponentProps.js +0 -0
- package/Components/Organisms/RadioGroup/IComponentProps.js.map +1 -0
- package/Components/Organisms/{RadioButtonGroup/RadioButtonGroup.d.ts → RadioGroup/RadioGroup.d.ts} +3 -3
- package/Components/Organisms/{IconTileRadioButtonGroup/IconTileRadioButtonGroup.js → RadioGroup/RadioGroup.js} +8 -15
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -0
- package/Components/Organisms/{IconTileCheckBoxGroup/IconTileCheckBoxGroup.test.d.ts → RadioGroup/RadioGroup.test.d.ts} +0 -0
- package/Components/Organisms/{RadioButtonGroup/RadioButtonGroup.test.js → RadioGroup/RadioGroup.test.js} +13 -40
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -0
- package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +7 -0
- package/Components/Organisms/{RadioButtonGroup/RadioButtonGroupContext.js → RadioGroup/RadioGroupContext.js} +3 -3
- package/Components/Organisms/RadioGroup/RadioGroupContext.js.map +1 -0
- package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts +8 -0
- package/Components/Organisms/{RadioButtonGroup/RadioButtonGroupStory.js → RadioGroup/RadioGroupStory.js} +15 -10
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -0
- package/Components/Organisms/{IconTileRadioButtonGroup → RadioGroup}/defaultProps.d.ts +0 -0
- package/Components/Organisms/{IconTileRadioButtonGroup → RadioGroup}/defaultProps.js +0 -0
- package/Components/Organisms/RadioGroup/defaultProps.js.map +1 -0
- package/Components/Organisms/RadioGroup/index.d.ts +1 -0
- package/Components/Organisms/RadioGroup/index.js +5 -0
- package/Components/Organisms/RadioGroup/index.js.map +1 -0
- package/Components/Organisms/{IconTileCheckBoxGroup → TileLayout}/IComponentProps.d.ts +0 -0
- package/Components/Organisms/{IconTileRadioButtonGroup → TileLayout}/IComponentProps.js +0 -0
- package/Components/Organisms/TileLayout/IComponentProps.js.map +1 -0
- package/Components/Organisms/TileLayout/TileLayout.d.ts +5 -0
- package/Components/Organisms/{IconTileCheckBoxGroup/IconTileCheckBoxGroup.js → TileLayout/TileLayout.js} +6 -6
- package/Components/Organisms/TileLayout/TileLayout.js.map +1 -0
- package/Components/Organisms/{IconTileRadioButtonGroup/IconTileRadioButtonGroup.test.d.ts → TileLayout/TileLayout.test.d.ts} +0 -0
- package/Components/Organisms/{IconTileCheckBoxGroup/IconTileCheckBoxGroup.test.js → TileLayout/TileLayout.test.js} +5 -5
- package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -0
- package/Components/Organisms/TileLayout/TileLayoutStory.d.ts +8 -0
- package/Components/Organisms/{IconTileCheckBoxGroup/IconTileCheckBoxGroupStory.js → TileLayout/TileLayoutStory.js} +7 -7
- package/Components/Organisms/TileLayout/TileLayoutStory.js.map +1 -0
- package/Components/Organisms/TileLayout/index.d.ts +1 -0
- package/Components/Organisms/TileLayout/index.js +5 -0
- package/Components/Organisms/TileLayout/index.js.map +1 -0
- package/Components/Organisms/TileLayout/useTileLayoutStyles.d.ts +2 -0
- package/Components/Organisms/{IconTileCheckBoxGroup/useIconTileCheckBoxGroupStyles.js → TileLayout/useTileLayoutStyles.js} +4 -4
- package/Components/Organisms/TileLayout/useTileLayoutStyles.js.map +1 -0
- package/Components/Organisms/index.d.ts +3 -4
- package/Components/Organisms/index.js +6 -12
- package/Components/Organisms/index.js.map +1 -1
- package/Components/index.d.ts +1 -1
- package/Components/index.js +3 -5
- package/Components/index.js.map +1 -1
- package/Helpers/React/index.js +3 -7
- package/Helpers/React/index.js.map +1 -1
- package/Helpers/React/withTheme.js +2 -2
- package/Helpers/React/withTheme.js.map +1 -1
- package/Helpers/index.js +2 -6
- package/Helpers/index.js.map +1 -1
- package/Helpers/useDidUpdate.js +2 -2
- package/Helpers/useDidUpdate.js.map +1 -1
- package/Helpers/useThrottle.js +1 -1
- package/Helpers/useThrottle.js.map +1 -1
- package/Themes/defaultTheme.d.ts +2 -0
- package/Themes/defaultTheme.js +3 -2
- package/Themes/defaultTheme.js.map +1 -1
- package/Themes/startupsTheme.d.ts +2 -0
- package/Themes/startupsTheme.js +3 -2
- package/Themes/startupsTheme.js.map +1 -1
- package/Themes/techcoTheme.d.ts +2 -0
- package/Themes/techcoTheme.js +3 -2
- package/Themes/techcoTheme.js.map +1 -1
- package/Themes/themes.d.ts +3 -0
- package/package.json +1 -1
- package/Components/Organisms/CheckBoxGroup/CheckBoxGroup.d.ts +0 -5
- package/Components/Organisms/CheckBoxGroup/CheckBoxGroup.js.map +0 -1
- package/Components/Organisms/CheckBoxGroup/CheckBoxGroup.test.js.map +0 -1
- package/Components/Organisms/CheckBoxGroup/CheckBoxGroupStory.d.ts +0 -6
- package/Components/Organisms/CheckBoxGroup/CheckBoxGroupStory.js.map +0 -1
- package/Components/Organisms/CheckBoxGroup/IComponentProps.js.map +0 -1
- package/Components/Organisms/CheckBoxGroup/index.d.ts +0 -1
- package/Components/Organisms/CheckBoxGroup/index.js +0 -9
- package/Components/Organisms/CheckBoxGroup/index.js.map +0 -1
- package/Components/Organisms/CheckBoxGroup/useCheckBoxGroupStyles.d.ts +0 -2
- package/Components/Organisms/CheckBoxGroup/useCheckBoxGroupStyles.js.map +0 -1
- package/Components/Organisms/IconTileCheckBoxGroup/IComponentProps.js.map +0 -1
- package/Components/Organisms/IconTileCheckBoxGroup/IconTileCheckBoxGroup.d.ts +0 -5
- package/Components/Organisms/IconTileCheckBoxGroup/IconTileCheckBoxGroup.js.map +0 -1
- package/Components/Organisms/IconTileCheckBoxGroup/IconTileCheckBoxGroup.test.js.map +0 -1
- package/Components/Organisms/IconTileCheckBoxGroup/IconTileCheckBoxGroupStory.d.ts +0 -8
- package/Components/Organisms/IconTileCheckBoxGroup/IconTileCheckBoxGroupStory.js.map +0 -1
- package/Components/Organisms/IconTileCheckBoxGroup/index.d.ts +0 -1
- package/Components/Organisms/IconTileCheckBoxGroup/index.js +0 -9
- package/Components/Organisms/IconTileCheckBoxGroup/index.js.map +0 -1
- package/Components/Organisms/IconTileCheckBoxGroup/useIconTileCheckBoxGroupStyles.d.ts +0 -2
- package/Components/Organisms/IconTileCheckBoxGroup/useIconTileCheckBoxGroupStyles.js.map +0 -1
- package/Components/Organisms/IconTileRadioButtonGroup/IComponentProps.js.map +0 -1
- package/Components/Organisms/IconTileRadioButtonGroup/IconTileRadioButtonGroup.d.ts +0 -6
- package/Components/Organisms/IconTileRadioButtonGroup/IconTileRadioButtonGroup.js.map +0 -1
- package/Components/Organisms/IconTileRadioButtonGroup/IconTileRadioButtonGroup.test.js +0 -136
- package/Components/Organisms/IconTileRadioButtonGroup/IconTileRadioButtonGroup.test.js.map +0 -1
- package/Components/Organisms/IconTileRadioButtonGroup/IconTileRadioButtonGroupStory.d.ts +0 -9
- package/Components/Organisms/IconTileRadioButtonGroup/IconTileRadioButtonGroupStory.js +0 -60
- package/Components/Organisms/IconTileRadioButtonGroup/IconTileRadioButtonGroupStory.js.map +0 -1
- package/Components/Organisms/IconTileRadioButtonGroup/defaultProps.js.map +0 -1
- package/Components/Organisms/IconTileRadioButtonGroup/index.d.ts +0 -1
- package/Components/Organisms/IconTileRadioButtonGroup/index.js +0 -9
- package/Components/Organisms/IconTileRadioButtonGroup/index.js.map +0 -1
- package/Components/Organisms/IconTileRadioButtonGroup/useIconTileRatioButtonGroupStyles.d.ts +0 -2
- package/Components/Organisms/IconTileRadioButtonGroup/useIconTileRatioButtonGroupStyles.js +0 -15
- package/Components/Organisms/IconTileRadioButtonGroup/useIconTileRatioButtonGroupStyles.js.map +0 -1
- package/Components/Organisms/RadioButtonGroup/IComponentProps.d.ts +0 -7
- package/Components/Organisms/RadioButtonGroup/IComponentProps.js +0 -3
- package/Components/Organisms/RadioButtonGroup/IComponentProps.js.map +0 -1
- package/Components/Organisms/RadioButtonGroup/RadioButtonGroup.js +0 -52
- package/Components/Organisms/RadioButtonGroup/RadioButtonGroup.js.map +0 -1
- package/Components/Organisms/RadioButtonGroup/RadioButtonGroup.test.d.ts +0 -1
- package/Components/Organisms/RadioButtonGroup/RadioButtonGroup.test.js.map +0 -1
- package/Components/Organisms/RadioButtonGroup/RadioButtonGroupContext.d.ts +0 -7
- package/Components/Organisms/RadioButtonGroup/RadioButtonGroupContext.js.map +0 -1
- package/Components/Organisms/RadioButtonGroup/RadioButtonGroupStory.d.ts +0 -7
- package/Components/Organisms/RadioButtonGroup/RadioButtonGroupStory.js.map +0 -1
- package/Components/Organisms/RadioButtonGroup/defaultProps.d.ts +0 -4
- package/Components/Organisms/RadioButtonGroup/defaultProps.js +0 -9
- package/Components/Organisms/RadioButtonGroup/defaultProps.js.map +0 -1
- package/Components/Organisms/RadioButtonGroup/index.d.ts +0 -1
- package/Components/Organisms/RadioButtonGroup/index.js +0 -9
- package/Components/Organisms/RadioButtonGroup/index.js.map +0 -1
- package/Components/Organisms/RadioButtonGroup/useRadioButtonxGroupStyles.d.ts +0 -2
- package/Components/Organisms/RadioButtonGroup/useRadioButtonxGroupStyles.js +0 -13
- package/Components/Organisms/RadioButtonGroup/useRadioButtonxGroupStyles.js.map +0 -1
|
@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
14
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
15
|
if (mod && mod.__esModule) return mod;
|
|
16
16
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
18
|
__setModuleDefault(result, mod);
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
@@ -30,9 +30,9 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
|
|
|
30
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
31
31
|
var CheckBox = function (_a) {
|
|
32
32
|
var id = _a.id, isOtherOption = _a.isOtherOption, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, selected = _a.selected, text = _a.text;
|
|
33
|
-
var _b =
|
|
34
|
-
var classes =
|
|
35
|
-
var otherInputElement =
|
|
33
|
+
var _b = react_1.useState(selected), checked = _b[0], setChecked = _b[1];
|
|
34
|
+
var classes = useCheckBoxClasses_1.default();
|
|
35
|
+
var otherInputElement = react_1.useRef(null);
|
|
36
36
|
var handleClick = function () {
|
|
37
37
|
if (!checked && otherInputElement.current) {
|
|
38
38
|
otherInputElement.current.focus();
|
|
@@ -45,7 +45,7 @@ var CheckBox = function (_a) {
|
|
|
45
45
|
setChecked(true);
|
|
46
46
|
onClick({ id: id, selected: true });
|
|
47
47
|
};
|
|
48
|
-
|
|
48
|
+
react_1.useEffect(function () {
|
|
49
49
|
setChecked(selected);
|
|
50
50
|
}, [selected]);
|
|
51
51
|
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAI2B;AAC3B,gEAA0C;AAE1C,4EAAsD;AACtD,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,QAAQ,GAAiB,UAAC,EAQ/B;QAPC,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAAwB,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAI2B;AAC3B,gEAA0C;AAE1C,4EAAsD;AACtD,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,QAAQ,GAAiB,UAAC,EAQ/B;QAPC,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAAwB,gBAAQ,CAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,OAAO,GAAG,4BAAkB,EAAE,CAAC;IACrC,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,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,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,oBAAoB;QAEhC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,gBAAgB,EACnC,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;YAEb,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;YACF,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;gBAChC,8BAAC,mBAAS,IACR,WAAW,QACX,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,GAC3B,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACM,CACF,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,sBAAY,CAAC;AAErC,kBAAe,QAAQ,CAAC"}
|
|
@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
14
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
15
|
if (mod && mod.__esModule) return mod;
|
|
16
16
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
18
|
__setModuleDefault(result, mod);
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
@@ -67,24 +67,24 @@ var CheckBox_1 = __importDefault(require("./CheckBox"));
|
|
|
67
67
|
var ErrorMessageProvider_1 = require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider");
|
|
68
68
|
describe('<CheckBox />', function () {
|
|
69
69
|
it('should display checkbox text', function () {
|
|
70
|
-
var getByText =
|
|
70
|
+
var getByText = withTheme_1.default(React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, null,
|
|
71
71
|
React.createElement(CheckBox_1.default, { id: 'id', text: 'test' }))).getByText;
|
|
72
72
|
expect(getByText('test')).toBeTruthy();
|
|
73
73
|
});
|
|
74
74
|
it('should call onClick function if checkbox is clicked', function () {
|
|
75
75
|
var callback = jest.fn();
|
|
76
|
-
var getByText =
|
|
76
|
+
var getByText = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', onClick: callback })).getByText;
|
|
77
77
|
getByText('test').click();
|
|
78
78
|
expect(callback).toHaveBeenCalled();
|
|
79
79
|
});
|
|
80
80
|
it('should begin unchecked and can be checked', function () {
|
|
81
|
-
var _a =
|
|
81
|
+
var _a = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
82
82
|
getByText('test').click();
|
|
83
83
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
84
84
|
expect(checkbox).toBeChecked();
|
|
85
85
|
});
|
|
86
86
|
it('should begin checked and be unchecked', function () {
|
|
87
|
-
var _a =
|
|
87
|
+
var _a = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
88
88
|
getByText('test').click();
|
|
89
89
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
90
90
|
expect(checkbox).not.toBeChecked();
|
|
@@ -95,15 +95,15 @@ describe('<CheckBox />', function () {
|
|
|
95
95
|
switch (_b.label) {
|
|
96
96
|
case 0:
|
|
97
97
|
TestComponent = function () {
|
|
98
|
-
var _a =
|
|
98
|
+
var _a = react_2.useState(false), selected = _a[0], setSelected = _a[1];
|
|
99
99
|
return (React.createElement("div", null,
|
|
100
100
|
React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: selected }),
|
|
101
101
|
React.createElement(core_1.Button, { onClick: function () { return setSelected(!selected); } }, "button")));
|
|
102
102
|
};
|
|
103
|
-
_a =
|
|
103
|
+
_a = withTheme_1.default(React.createElement(TestComponent, null)), getByTestId = _a.getByTestId, getByText = _a.getByText;
|
|
104
104
|
getByText('button').click();
|
|
105
105
|
checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
106
|
-
return [4 /*yield*/,
|
|
106
|
+
return [4 /*yield*/, react_1.waitFor(function () { return expect(checkbox).toBeChecked(); })];
|
|
107
107
|
case 1:
|
|
108
108
|
_b.sent();
|
|
109
109
|
return [2 /*return*/];
|
|
@@ -111,13 +111,13 @@ describe('<CheckBox />', function () {
|
|
|
111
111
|
});
|
|
112
112
|
}); });
|
|
113
113
|
it('should not display otherInput unless specified', function () {
|
|
114
|
-
var getByTestId =
|
|
114
|
+
var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true })).getByTestId;
|
|
115
115
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
116
116
|
expect(input).toBeNull();
|
|
117
117
|
});
|
|
118
118
|
it('should call onChange when otherInput is updated', function () {
|
|
119
119
|
var callback = jest.fn();
|
|
120
|
-
var getByTestId =
|
|
120
|
+
var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true, isOtherOption: true, onChange: callback })).getByTestId;
|
|
121
121
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
122
122
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
|
123
123
|
expect(callback).toHaveBeenCalledWith({
|
|
@@ -127,14 +127,14 @@ describe('<CheckBox />', function () {
|
|
|
127
127
|
expect(input.value).toEqual('Test');
|
|
128
128
|
});
|
|
129
129
|
it('should focus on OtherInput when selected', function () {
|
|
130
|
-
var getByTestId =
|
|
130
|
+
var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true })).getByTestId;
|
|
131
131
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
132
132
|
checkboxCardButton.click();
|
|
133
133
|
var input = checkboxCardButton.querySelector('input[type=text]');
|
|
134
134
|
expect(input).toBe(document.activeElement);
|
|
135
135
|
});
|
|
136
136
|
it('should not focus on OtherInput when unselected', function () {
|
|
137
|
-
var getByTestId =
|
|
137
|
+
var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true, isOtherOption: true })).getByTestId;
|
|
138
138
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
139
139
|
checkboxCardButton.click();
|
|
140
140
|
var input = checkboxCardButton.querySelector('input[type=text]');
|
|
@@ -142,7 +142,7 @@ describe('<CheckBox />', function () {
|
|
|
142
142
|
});
|
|
143
143
|
it('should trigger onBlur when other input deselected', function () {
|
|
144
144
|
var callback = jest.fn();
|
|
145
|
-
var getByTestId =
|
|
145
|
+
var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback })).getByTestId;
|
|
146
146
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
147
147
|
react_1.fireEvent.blur(input);
|
|
148
148
|
expect(callback).toHaveBeenCalled();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA2C;AAC3C,gDAA4D;AAC5D,2CAA+B;AAC/B,+BAAiC;AACjC,+EAAyD;AACzD,wDAAkC;AAClC,8FAA6F;AAE7F,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE;QACzB,IAAA,SAAS,GAAK,
|
|
1
|
+
{"version":3,"file":"CheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
14
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
15
|
if (mod && mod.__esModule) return mod;
|
|
16
16
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
18
|
__setModuleDefault(result, mod);
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
@@ -31,7 +31,7 @@ var CheckBoxStory = function (_a) {
|
|
|
31
31
|
var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
|
|
32
32
|
var handleClick = function (_a) {
|
|
33
33
|
var id = _a.id, itemSelected = _a.selected;
|
|
34
|
-
|
|
34
|
+
addon_actions_1.action('Click')({ id: id, selected: selected });
|
|
35
35
|
setSelected(itemSelected);
|
|
36
36
|
};
|
|
37
37
|
return (React.createElement("div", { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wDAAkC;AAElC,8FAA6F;AAQ7F,IAAM,aAAa,GAAsB,UAAC,EAA8B;QAA5B,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAE,KAAK,WAAA;IAC9D,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGK;YAFxB,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,
|
|
1
|
+
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wDAAkC;AAElC,8FAA6F;AAQ7F,IAAM,aAAa,GAAsB,UAAC,EAA8B;QAA5B,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAE,KAAK,WAAA;IAC9D,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGK;YAFxB,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,sBAAM,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAClC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,MAAM;SACf;QAED,oBAAC,2CAAoB,IAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAC7D,oBAAC,kBAAQ,IACP,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,GAC5B,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
7
3
|
var CheckBox_1 = require("./CheckBox");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return
|
|
4
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return CheckBox_1.default; } });
|
|
9
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/index.ts"],"names":[],"mappings":";;AAAA,uCAAqC;AAA5B,mGAAA,OAAO,OAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useCheckBoxClasses: (props?: any) =>
|
|
1
|
+
declare const useCheckBoxClasses: (props?: any) => Record<string, string>;
|
|
2
2
|
export default useCheckBoxClasses;
|
|
@@ -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 useCheckBoxClasses =
|
|
5
|
-
return
|
|
4
|
+
var useCheckBoxClasses = styles_1.makeStyles(function (theme) {
|
|
5
|
+
return styles_1.createStyles({
|
|
6
6
|
checkbox: {
|
|
7
7
|
color: theme.mvf.palette.border,
|
|
8
8
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckBoxClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/useCheckBoxClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"useCheckBoxClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/useCheckBoxClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,kBAAkB,GAAG,mBAAU,CAAgB,UAAC,KAAK;IACzD,OAAA,qBAAY,CAAC;QACX,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,MAAM;SACf;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;YACtC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACtC;QACD,UAAU,EAAE;YACV,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACrC;KACF,CAAC;AAjBF,CAiBE,CACH,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
|
|
@@ -21,7 +21,7 @@ var icons_1 = __importDefault(require("./icons"));
|
|
|
21
21
|
var useDropDownSelectStyles_1 = __importDefault(require("./useDropDownSelectStyles"));
|
|
22
22
|
var DropDownSelect = function (_a) {
|
|
23
23
|
var children = _a.children, disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, label = _a.label, margin = _a.margin, onChange = _a.onChange, onClick = _a.onClick, onBlur = _a.onBlur, placeholder = _a.placeholder, size = _a.size, value = _a.value, inputRef = _a.inputRef;
|
|
24
|
-
var classes =
|
|
24
|
+
var classes = useDropDownSelectStyles_1.default({
|
|
25
25
|
isError: errorMessage !== undefined,
|
|
26
26
|
});
|
|
27
27
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAK2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAe3C;QAdC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAK2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAe3C;QAdC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,iCAAuB,CAAC;QACtC,OAAO,EAAE,YAAY,KAAK,SAAS;KACpC,CAAC,CAAC;IACG,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,YAAY,GAAG,UAAC,CAAsC;QAC1D,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAI,UAAU,GAAG;QACf,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,YAAY,EAAE,OAAO,CAAC,YAAY;SACnC;QACD,SAAS,EAAE,OAAO,CAAC,KAAK;QACxB,gBAAgB,EAAE,IAAI;KACQ,CAAC;IAEjC,IAAI,QAAQ,KAAK,MAAM,EAAE;QACvB,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;QACtC,UAAU,yBACL,UAAU,KACb,cAAc,EAAE,CACd,8BAAC,qBAAc,IAAC,QAAQ,EAAC,OAAO;gBAC9B,8BAAC,aAAa,OAAG,CACF,CAClB,GACF,CAAC;KACH;IAED,OAAO,CACL,8BAAC,gBAAW,IACV,SAAS,QACT,MAAM,QACN,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,YAAY,KAAK,SAAS,EACjC,UAAU,EAAE,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAAI,IAAI,iBACd,gBAAgB;QAE5B,8BAAC,eAAU,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,UAC9B,WAAW,CACD;QACZ,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}
|
|
@@ -10,19 +10,19 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
|
10
10
|
var DropDownSelect_1 = __importDefault(require("./DropDownSelect"));
|
|
11
11
|
describe('<DropDownSelect />', function () {
|
|
12
12
|
it('should display placeholder for dropdown on load', function () {
|
|
13
|
-
var getByText =
|
|
13
|
+
var getByText = withTheme_1.default(react_1.default.createElement(DropDownSelect_1.default, { id: "id", label: "test label", placeholder: "test placeholder" },
|
|
14
14
|
react_1.default.createElement(core_1.MenuItem, { value: 1 }, "Option 1"),
|
|
15
15
|
react_1.default.createElement(core_1.MenuItem, { value: 2 }, "Option 2"))).getByText;
|
|
16
16
|
expect(getByText('test placeholder')).toBeTruthy();
|
|
17
17
|
});
|
|
18
18
|
it('should be able to select dropdown options', function () {
|
|
19
19
|
var callback = jest.fn();
|
|
20
|
-
var getByRole =
|
|
20
|
+
var getByRole = withTheme_1.default(react_1.default.createElement(DropDownSelect_1.default, { id: "id", label: "test label", placeholder: "placeholder", onChange: callback },
|
|
21
21
|
react_1.default.createElement(core_1.MenuItem, { value: "test-value-1" }, "Option 1"),
|
|
22
22
|
react_1.default.createElement(core_1.MenuItem, { value: "test-value-2" }, "Option 2"))).getByRole;
|
|
23
23
|
var openSelect = getByRole('button');
|
|
24
24
|
react_2.fireEvent.mouseDown(openSelect);
|
|
25
|
-
react_2.fireEvent.click(
|
|
25
|
+
react_2.fireEvent.click(react_2.within(getByRole('listbox')).getByText('Option 1'));
|
|
26
26
|
expect(callback).toHaveBeenCalledWith({ id: 'id', value: 'test-value-1' });
|
|
27
27
|
});
|
|
28
28
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAA6C;AAC7C,gDAA2D;AAC3D,+EAAyD;AACzD,oEAA8C;AAE9C,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,iDAAiD,EAAE;QAC5C,IAAA,SAAS,GAAK,
|
|
1
|
+
{"version":3,"file":"DropDownSelect.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAA6C;AAC7C,gDAA2D;AAC3D,+EAAyD;AACzD,oEAA8C;AAE9C,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,iDAAiD,EAAE;QAC5C,IAAA,SAAS,GAAK,mBAAS,CAC7B,8BAAC,wBAAc,IAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,kBAAkB;YACvE,8BAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,8BAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CAClB,UALgB,CAKf;QACF,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,mBAAS,CAC7B,8BAAC,wBAAc,IACb,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,eAAQ,IAAC,KAAK,EAAC,cAAc,eAAoB;YAClD,8BAAC,eAAQ,IAAC,KAAK,EAAC,cAAc,eAAoB,CACnC,CAClB,UAVgB,CAUf;QACF,IAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACvC,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"}
|
|
@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
14
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
15
|
if (mod && mod.__esModule) return mod;
|
|
16
16
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
18
|
__setModuleDefault(result, mod);
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
@@ -30,7 +30,7 @@ var TextFieldStory = function (_a) {
|
|
|
30
30
|
var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, label = _a.label, placeholder = _a.placeholder;
|
|
31
31
|
var handleChange = function (_a) {
|
|
32
32
|
var id = _a.id, value = _a.value;
|
|
33
|
-
|
|
33
|
+
addon_actions_1.action('Changed Selection')(id, value);
|
|
34
34
|
};
|
|
35
35
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
36
36
|
React.createElement(DropDownSelect_1.default, { disabled: disabled, errorMessage: errorMessage, iconType: iconType, id: "id", label: label, onChange: handleChange, placeholder: placeholder },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6C;AAC7C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,cAAc,GAAc,UAAC,EAMlC;QALC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA;IAEX,IAAM,YAAY,GAAG,UAAC,EAA4C;YAA1C,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,
|
|
1
|
+
{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6C;AAC7C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,cAAc,GAAc,UAAC,EAMlC;QALC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA;IAEX,IAAM,YAAY,GAAG,UAAC,EAA4C;YAA1C,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,sBAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,wBAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW;YAExB,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
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
|
margin: "normal" | "none" | "dense";
|
|
6
6
|
onBlur: () => void;
|
|
7
7
|
onChange: (item: import("./IComponentProps").IDropDownSelectCallbackParams) => void;
|
|
8
|
-
onClick: import("react").
|
|
8
|
+
onClick: (event: import("react").MouseEvent<HTMLInputElement, MouseEvent>) => void;
|
|
9
9
|
placeholder: string;
|
|
10
10
|
size: "small" | "medium";
|
|
11
11
|
value: string;
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
7
3
|
var DropDownSelect_1 = require("./DropDownSelect");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return
|
|
4
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return DropDownSelect_1.default; } });
|
|
9
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/index.ts"],"names":[],"mappings":";;AAAA,mDAA2C;AAAlC,yGAAA,OAAO,OAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
interface IDropDownSelectStyleProps {
|
|
2
2
|
isError: boolean;
|
|
3
3
|
}
|
|
4
|
-
declare const useDropDownSelectStyles: (props: IDropDownSelectStyleProps) =>
|
|
4
|
+
declare const useDropDownSelectStyles: (props: IDropDownSelectStyleProps) => Record<string, string>;
|
|
5
5
|
export default useDropDownSelectStyles;
|
|
@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var styles_1 = require("@material-ui/styles");
|
|
15
|
-
var useDropDownSelectStyles =
|
|
16
|
-
return
|
|
15
|
+
var useDropDownSelectStyles = styles_1.makeStyles(function (theme) {
|
|
16
|
+
return styles_1.createStyles({
|
|
17
17
|
dropDownSelect: {
|
|
18
18
|
'& .MuiFilledInput-root': {
|
|
19
19
|
backgroundColor: theme.mvf.palette.paper.default,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDropDownSelectStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/useDropDownSelectStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,uBAAuB,GAAG,
|
|
1
|
+
{"version":3,"file":"useDropDownSelectStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/useDropDownSelectStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,uBAAuB,GAAG,mBAAU,CAGxC,UAAC,KAAK;IACN,OAAA,qBAAY,CAAC;QACX,cAAc,EAAE;YACd,wBAAwB,EAAE;gBACxB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO;aACjD;SACF;QACD,KAAK,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,YACtB,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACrC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,EACf,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;oBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;iBACvC,IACE,CAAC,OAAO,IAAI;gBACb,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;gBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;gBACpC,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;oBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;iBACrC;aACF,CAAC,EACF;QAlBsB,CAkBtB;QACF,OAAO,EAAE;YACP,WAAW,EAAE;gBACX,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;gBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;aACvC;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;SACnC;KACF,CAAC;AAlCF,CAkCE,CACH,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}
|
|
@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
14
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
15
|
if (mod && mod.__esModule) return mod;
|
|
16
16
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
18
|
__setModuleDefault(result, mod);
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
@@ -30,9 +30,9 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
|
|
|
30
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
31
31
|
var IconTileCheckBox = function (_a) {
|
|
32
32
|
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, selected = _a.selected, onClick = _a.onClick, onChange = _a.onChange, text = _a.text;
|
|
33
|
-
var _b =
|
|
34
|
-
var classes =
|
|
35
|
-
var otherInputElement =
|
|
33
|
+
var _b = react_1.useState(selected), checked = _b[0], setChecked = _b[1];
|
|
34
|
+
var classes = useIconTileCheckBoxClasses_1.default();
|
|
35
|
+
var otherInputElement = react_1.useRef(null);
|
|
36
36
|
var handleClick = function () {
|
|
37
37
|
if (!checked && otherInputElement.current) {
|
|
38
38
|
otherInputElement.current.focus();
|
|
@@ -45,7 +45,7 @@ var IconTileCheckBox = function (_a) {
|
|
|
45
45
|
setChecked(true);
|
|
46
46
|
onClick({ id: id, selected: true });
|
|
47
47
|
};
|
|
48
|
-
|
|
48
|
+
react_1.useEffect(function () {
|
|
49
49
|
setChecked(selected);
|
|
50
50
|
}, [selected]);
|
|
51
51
|
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },
|
|
@@ -1 +1 @@
|
|
|
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,EAQ/C;QAPC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAAwB,
|
|
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,EAQ/C;QAPC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAAwB,gBAAQ,CAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,OAAO,GAAG,oCAA0B,EAAE,CAAC;IAC7C,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,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,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,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,8BAAC,IAAI,OAAG,CACJ;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,GAC3B,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"}
|
|
@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
14
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
15
|
if (mod && mod.__esModule) return mod;
|
|
16
16
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
18
|
__setModuleDefault(result, mod);
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
@@ -67,23 +67,23 @@ var IconTileCheckBox_1 = __importDefault(require("./IconTileCheckBox"));
|
|
|
67
67
|
var TrucksIcon_1 = __importDefault(require("../../../Assets/Icons/TrucksIcon"));
|
|
68
68
|
describe('<IconTileCheckBox />', function () {
|
|
69
69
|
it('should display IconTileCheckBox text', function () {
|
|
70
|
-
var getByText =
|
|
70
|
+
var getByText = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: TrucksIcon_1.default, text: 'test' })).getByText;
|
|
71
71
|
expect(getByText('test')).toBeTruthy();
|
|
72
72
|
});
|
|
73
73
|
it('should call onClick function if IconTileCheckBox is clicked', function () {
|
|
74
74
|
var callback = jest.fn();
|
|
75
|
-
var getByText =
|
|
75
|
+
var getByText = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: TrucksIcon_1.default, text: 'test', onClick: callback })).getByText;
|
|
76
76
|
getByText('test').click();
|
|
77
77
|
expect(callback).toHaveBeenCalled();
|
|
78
78
|
});
|
|
79
79
|
it('should begin unchecked and can be checked', function () {
|
|
80
|
-
var _a =
|
|
80
|
+
var _a = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: TrucksIcon_1.default, text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
81
81
|
getByText('test').click();
|
|
82
82
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
83
83
|
expect(checkbox).toBeChecked();
|
|
84
84
|
});
|
|
85
85
|
it('should begin checked and be unchecked', function () {
|
|
86
|
-
var _a =
|
|
86
|
+
var _a = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: TrucksIcon_1.default, text: 'test', selected: true })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
87
87
|
getByText('test').click();
|
|
88
88
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
89
89
|
expect(checkbox).not.toBeChecked();
|
|
@@ -94,15 +94,15 @@ describe('<IconTileCheckBox />', function () {
|
|
|
94
94
|
switch (_b.label) {
|
|
95
95
|
case 0:
|
|
96
96
|
TestComponent = function () {
|
|
97
|
-
var _a =
|
|
97
|
+
var _a = react_2.useState(false), selected = _a[0], setSelected = _a[1];
|
|
98
98
|
return (React.createElement("div", null,
|
|
99
99
|
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: TrucksIcon_1.default, text: 'test', selected: selected }),
|
|
100
100
|
React.createElement(core_1.Button, { onClick: function () { return setSelected(!selected); } }, "button")));
|
|
101
101
|
};
|
|
102
|
-
_a =
|
|
102
|
+
_a = withTheme_1.default(React.createElement(TestComponent, null)), getByTestId = _a.getByTestId, getByText = _a.getByText;
|
|
103
103
|
getByText('button').click();
|
|
104
104
|
checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
105
|
-
return [4 /*yield*/,
|
|
105
|
+
return [4 /*yield*/, react_1.waitFor(function () { return expect(checkbox).toBeChecked(); })];
|
|
106
106
|
case 1:
|
|
107
107
|
_b.sent();
|
|
108
108
|
return [2 /*return*/];
|
|
@@ -110,13 +110,13 @@ describe('<IconTileCheckBox />', function () {
|
|
|
110
110
|
});
|
|
111
111
|
}); });
|
|
112
112
|
it('should not display otherInput unless specified', function () {
|
|
113
|
-
var getByTestId =
|
|
113
|
+
var getByTestId = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: TrucksIcon_1.default, selected: true })).getByTestId;
|
|
114
114
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
115
115
|
expect(input).toBeNull();
|
|
116
116
|
});
|
|
117
117
|
it('should call onChange when otherInput is updated', function () {
|
|
118
118
|
var callback = jest.fn();
|
|
119
|
-
var getByTestId =
|
|
119
|
+
var getByTestId = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: TrucksIcon_1.default, selected: true, isOtherOption: true, onChange: callback })).getByTestId;
|
|
120
120
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
121
121
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
|
122
122
|
expect(callback).toHaveBeenCalledWith({
|
|
@@ -126,14 +126,14 @@ describe('<IconTileCheckBox />', function () {
|
|
|
126
126
|
expect(input.value).toEqual('Test');
|
|
127
127
|
});
|
|
128
128
|
it('should focus on OtherInput when selected', function () {
|
|
129
|
-
var getByTestId =
|
|
129
|
+
var getByTestId = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: TrucksIcon_1.default, isOtherOption: true, selected: false })).getByTestId;
|
|
130
130
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
131
131
|
checkboxCardButton.click();
|
|
132
132
|
var input = checkboxCardButton.querySelector('input[type=text]');
|
|
133
133
|
expect(input).toBe(document.activeElement);
|
|
134
134
|
});
|
|
135
135
|
it('should not focus on OtherInput when unselected', function () {
|
|
136
|
-
var getByTestId =
|
|
136
|
+
var getByTestId = withTheme_1.default(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: TrucksIcon_1.default, isOtherOption: true, selected: true })).getByTestId;
|
|
137
137
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
138
138
|
checkboxCardButton.click();
|
|
139
139
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA2C;AAC3C,gDAA4D;AAC5D,2CAA+B;AAC/B,+BAAiC;AACjC,+EAAyD;AACzD,wEAAkD;AAClD,gFAA0D;AAE1D,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,sCAAsC,EAAE;QACjC,IAAA,SAAS,GAAK,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
14
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
15
|
if (mod && mod.__esModule) return mod;
|
|
16
16
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
18
|
__setModuleDefault(result, mod);
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
@@ -33,7 +33,7 @@ var IconTileCheckBoxStory = function (_a) {
|
|
|
33
33
|
var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
|
|
34
34
|
var handleClick = function (_a) {
|
|
35
35
|
var id = _a.id, itemSelected = _a.selected;
|
|
36
|
-
|
|
36
|
+
addon_actions_1.action('Clicked')(id, itemSelected);
|
|
37
37
|
setSelected(itemSelected);
|
|
38
38
|
};
|
|
39
39
|
return (React.createElement("div", { style: {
|
|
@@ -1 +1 @@
|
|
|
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,sEAA4D;AAC5D,8FAA6F;AAS7F,IAAM,qBAAqB,GAA8B,UAAC,EAKzD;QAJC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,IAAI,UAAA;IAEJ,IAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEvB,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,
|
|
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,sEAA4D;AAC5D,8FAA6F;AAS7F,IAAM,qBAAqB,GAA8B,UAAC,EAKzD;QAJC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,IAAI,UAAA;IAEJ,IAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEvB,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,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAC7D,oBAAC,0BAAgB,IACf,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,GAC5B,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
7
3
|
var IconTileCheckBox_1 = require("./IconTileCheckBox");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return
|
|
4
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return IconTileCheckBox_1.default; } });
|
|
9
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/index.ts"],"names":[],"mappings":";;AAAA,uDAA6C;AAApC,2GAAA,OAAO,OAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useIconTileCheckBoxClasses: (props?: any) =>
|
|
1
|
+
declare const useIconTileCheckBoxClasses: (props?: any) => Record<string, string>;
|
|
2
2
|
export default useIconTileCheckBoxClasses;
|