@simplybusiness/mobius 3.9.2 → 3.9.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/components/Button/Button.stories.d.ts +4 -0
- package/dist/cjs/components/Button/Button.stories.js +18 -1
- package/dist/cjs/components/Button/Button.stories.js.map +1 -1
- package/dist/cjs/components/Segment/Segment.stories.d.ts +10 -0
- package/dist/cjs/components/Segment/Segment.stories.js +47 -1
- package/dist/cjs/components/Segment/Segment.stories.js.map +1 -1
- package/dist/cjs/components/Text/Text.stories.d.ts +5 -0
- package/dist/cjs/components/Text/Text.stories.js +9 -1
- package/dist/cjs/components/Text/Text.stories.js.map +1 -1
- package/dist/cjs/components/TextField/TextField.stories.d.ts +3 -0
- package/dist/cjs/components/TextField/TextField.stories.js +5 -1
- package/dist/cjs/components/TextField/TextField.stories.js.map +1 -1
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/components/Accordion/Accordion.mdx +3 -4
- package/src/components/Alert/Alert.mdx +4 -8
- package/src/components/Box/Box.mdx +4 -8
- package/src/components/Breadcrumbs/Breadcrumbs.mdx +2 -2
- package/src/components/Button/Button.mdx +17 -79
- package/src/components/Button/Button.stories.tsx +27 -0
- package/src/components/Checkbox/Checkbox.mdx +9 -23
- package/src/components/Checkbox/CheckboxGroup.mdx +7 -17
- package/src/components/Chopin/Actions/Actions.mdx +3 -5
- package/src/components/Chopin/Footer/Footer.mdx +2 -2
- package/src/components/Chopin/Header/Header.mdx +2 -2
- package/src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.mdx +3 -5
- package/src/components/Chopin/Question/Question.mdx +2 -2
- package/src/components/Chopin/QuestionGroup/QuestionGroup.mdx +2 -2
- package/src/components/Chopin/Section/Section.mdx +2 -2
- package/src/components/Chopin/Steps/Steps.mdx +2 -2
- package/src/components/Chopin/Testimonial/Testimonial.mdx +3 -5
- package/src/components/Chopin/TradeSelector/TradeSelector.mdx +2 -2
- package/src/components/Container/Container.mdx +3 -5
- package/src/components/DataTable/DataTable.mdx +7 -17
- package/src/components/DatePicker/DatePicker.mdx +2 -2
- package/src/components/Divider/Divider.mdx +3 -5
- package/src/components/DropdownMenu/DropdownMenu.mdx +4 -8
- package/src/components/ErrorMessage/ErrorMessage.mdx +3 -7
- package/src/components/Fieldset/Fieldset.mdx +4 -8
- package/src/components/Flex/Flex.mdx +2 -2
- package/src/components/Grid/Grid.mdx +35 -69
- package/src/components/Icon/Icon.mdx +2 -2
- package/src/components/Image/Image.mdx +3 -5
- package/src/components/Label/Label.mdx +3 -5
- package/src/components/Link/Link.mdx +4 -8
- package/src/components/LinkButton/LinkButton.mdx +3 -5
- package/src/components/List/List.mdx +2 -2
- package/src/components/LoadingIndicator/LoadingIndicator.mdx +2 -2
- package/src/components/MaskedField/MaskedField.mdx +3 -5
- package/src/components/Modal/Modal.mdx +2 -2
- package/src/components/NumberField/NumberField.mdx +25 -20
- package/src/components/PasswordField/PasswordField.mdx +3 -5
- package/src/components/Progress/Progress.mdx +6 -14
- package/src/components/Radio/Radio.mdx +9 -23
- package/src/components/Radio/RadioButton.mdx +10 -26
- package/src/components/SVG/SVG.mdx +2 -2
- package/src/components/Segment/Segment.mdx +31 -240
- package/src/components/Segment/Segment.stories.tsx +205 -2
- package/src/components/Select/Select.mdx +2 -2
- package/src/components/Slider/Slider.mdx +5 -13
- package/src/components/Table/Table.mdx +4 -8
- package/src/components/Text/Text.mdx +6 -114
- package/src/components/Text/Text.stories.tsx +102 -0
- package/src/components/TextArea/TextArea.mdx +8 -20
- package/src/components/TextField/TextField.mdx +10 -35
- package/src/components/TextField/TextField.stories.tsx +13 -0
- package/src/components/Title/Title.mdx +3 -5
- package/src/components/VisuallyHidden/VisuallyHidden.mdx +2 -4
- package/src/hooks/useBreakpoint/useBreakpoint.mdx +3 -7
- package/dist/esm/components/Accordion/Accordion.stories.js +0 -45
- package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
- package/dist/esm/components/Accordion/Accordion.test.js +0 -65
- package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
- package/dist/esm/components/Alert/Alert.stories.js +0 -32
- package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
- package/dist/esm/components/Alert/Alert.test.js +0 -48
- package/dist/esm/components/Alert/Alert.test.js.map +0 -1
- package/dist/esm/components/Box/Box.stories.js +0 -20
- package/dist/esm/components/Box/Box.stories.js.map +0 -1
- package/dist/esm/components/Box/Box.test.js +0 -31
- package/dist/esm/components/Box/Box.test.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
- package/dist/esm/components/Button/Button.stories.js +0 -198
- package/dist/esm/components/Button/Button.stories.js.map +0 -1
- package/dist/esm/components/Button/Button.test.js +0 -81
- package/dist/esm/components/Button/Button.test.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
- package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
- package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
- package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
- package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
- package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
- package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
- package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
- package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
- package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
- package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
- package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
- package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
- package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
- package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
- package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
- package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
- package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
- package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
- package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
- package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
- package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
- package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
- package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
- package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
- package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
- package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
- package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
- package/dist/esm/components/Container/Container.stories.js +0 -12
- package/dist/esm/components/Container/Container.stories.js.map +0 -1
- package/dist/esm/components/Container/Container.test.js +0 -37
- package/dist/esm/components/Container/Container.test.js.map +0 -1
- package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
- package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
- package/dist/esm/components/DataTable/DataTable.test.js +0 -119
- package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
- package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
- package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
- package/dist/esm/components/Divider/Divider.stories.js +0 -12
- package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
- package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
- package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
- package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
- package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
- package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
- package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
- package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
- package/dist/esm/components/Flex/Flex.stories.js +0 -148
- package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
- package/dist/esm/components/Flex/Flex.test.js +0 -31
- package/dist/esm/components/Flex/Flex.test.js.map +0 -1
- package/dist/esm/components/Grid/Grid.stories.js +0 -227
- package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
- package/dist/esm/components/Grid/Grid.test.js +0 -95
- package/dist/esm/components/Grid/Grid.test.js.map +0 -1
- package/dist/esm/components/Icon/Icon.stories.js +0 -43
- package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
- package/dist/esm/components/Icon/Icon.test.js +0 -52
- package/dist/esm/components/Icon/Icon.test.js.map +0 -1
- package/dist/esm/components/Image/Image.stories.js +0 -17
- package/dist/esm/components/Image/Image.stories.js.map +0 -1
- package/dist/esm/components/Image/Image.test.js +0 -37
- package/dist/esm/components/Image/Image.test.js.map +0 -1
- package/dist/esm/components/Label/Label.stories.js +0 -15
- package/dist/esm/components/Label/Label.stories.js.map +0 -1
- package/dist/esm/components/Label/Label.test.js +0 -35
- package/dist/esm/components/Label/Label.test.js.map +0 -1
- package/dist/esm/components/Link/Link.stories.js +0 -41
- package/dist/esm/components/Link/Link.stories.js.map +0 -1
- package/dist/esm/components/Link/Link.test.js +0 -65
- package/dist/esm/components/Link/Link.test.js.map +0 -1
- package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
- package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
- package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
- package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
- package/dist/esm/components/List/List.stories.js +0 -77
- package/dist/esm/components/List/List.stories.js.map +0 -1
- package/dist/esm/components/List/List.test.js +0 -93
- package/dist/esm/components/List/List.test.js.map +0 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
- package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
- package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
- package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
- package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
- package/dist/esm/components/Modal/Modal.stories.js +0 -79
- package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
- package/dist/esm/components/Modal/Modal.test.js +0 -135
- package/dist/esm/components/Modal/Modal.test.js.map +0 -1
- package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
- package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
- package/dist/esm/components/NumberField/NumberField.test.js +0 -81
- package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
- package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
- package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
- package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
- package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
- package/dist/esm/components/Progress/Progress.stories.js +0 -89
- package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
- package/dist/esm/components/Progress/Progress.test.js +0 -32
- package/dist/esm/components/Progress/Progress.test.js.map +0 -1
- package/dist/esm/components/Radio/Radio.stories.js +0 -118
- package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
- package/dist/esm/components/Radio/Radio.test.js +0 -139
- package/dist/esm/components/Radio/Radio.test.js.map +0 -1
- package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
- package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
- package/dist/esm/components/Radio/RadioButton.test.js +0 -118
- package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
- package/dist/esm/components/SVG/SVG.stories.js +0 -19
- package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
- package/dist/esm/components/SVG/SVG.test.js +0 -26
- package/dist/esm/components/SVG/SVG.test.js.map +0 -1
- package/dist/esm/components/Segment/Segment.stories.js +0 -75
- package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
- package/dist/esm/components/Select/Select.stories.js +0 -79
- package/dist/esm/components/Select/Select.stories.js.map +0 -1
- package/dist/esm/components/Select/Select.test.js +0 -94
- package/dist/esm/components/Select/Select.test.js.map +0 -1
- package/dist/esm/components/Slider/Slider.stories.js +0 -63
- package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
- package/dist/esm/components/Slider/Slider.test.js +0 -58
- package/dist/esm/components/Slider/Slider.test.js.map +0 -1
- package/dist/esm/components/Table/Table.stories.js +0 -15
- package/dist/esm/components/Table/Table.stories.js.map +0 -1
- package/dist/esm/components/Table/Table.test.js +0 -73
- package/dist/esm/components/Table/Table.test.js.map +0 -1
- package/dist/esm/components/Text/Text.stories.js +0 -26
- package/dist/esm/components/Text/Text.stories.js.map +0 -1
- package/dist/esm/components/Text/Text.test.js +0 -31
- package/dist/esm/components/Text/Text.test.js.map +0 -1
- package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
- package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
- package/dist/esm/components/TextArea/TextArea.test.js +0 -84
- package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
- package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
- package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
- package/dist/esm/components/TextField/TextField.stories.js +0 -100
- package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
- package/dist/esm/components/TextField/TextField.test.js +0 -123
- package/dist/esm/components/TextField/TextField.test.js.map +0 -1
- package/dist/esm/components/Title/Title.stories.js +0 -16
- package/dist/esm/components/Title/Title.stories.js.map +0 -1
- package/dist/esm/components/Title/Title.test.js +0 -20
- package/dist/esm/components/Title/Title.test.js.map +0 -1
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
- package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
- package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
- package/dist/esm/hooks/useButton/useButton.test.js +0 -141
- package/dist/esm/hooks/useButton/useButton.test.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.test.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAE7B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,IAAI,MAAW,CAAC;QAEhB,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,GAAG,MAAM,CACb,KAAC,QAAQ,IACP,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,EAAE,GACZ,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC;QACzD,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAAE;YAC1D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAE,QAAgB,EAAE,EAAE,CAC3E,GAAG,KAAK,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;IAErC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAChC,MAAM,KAAK,GAAG,CAAC,CAAC;QAChB,MAAM,QAAQ,GAAG,CAAC,CAAC;QACnB,MAAM,QAAQ,GAAG,EAAE,CAAC;QAEpB,IAAI,MAAW,CAAC;QAEhB,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,GAAG,MAAM,CACb,KAAC,QAAQ,IACP,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;YACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,CACjD,gBAAgB,EAChB,GAAG,KAAK,IAAI,QAAQ,IAAI,QAAQ,EAAE,CACnC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YACpD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CACzD,GAAG,KAAK,IAAI,QAAQ,IAAI,QAAQ,EAAE,CACnC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Radio } from "./Radio";
|
|
3
|
-
import { RadioGroup } from "./RadioGroup";
|
|
4
|
-
import { Flex } from "../Flex";
|
|
5
|
-
import { Divider } from "../Divider";
|
|
6
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
7
|
-
export default {
|
|
8
|
-
title: "Forms/Radio",
|
|
9
|
-
component: Radio,
|
|
10
|
-
argTypes: Object.assign({ validationState: {
|
|
11
|
-
options: ["valid", "invalid", "neither"],
|
|
12
|
-
control: { type: "radio" },
|
|
13
|
-
mapping: {
|
|
14
|
-
valid: "valid",
|
|
15
|
-
invalid: "invalid",
|
|
16
|
-
neither: "",
|
|
17
|
-
},
|
|
18
|
-
}, orientation: {
|
|
19
|
-
control: { type: "radio" },
|
|
20
|
-
options: ["horizontal", "vertical"],
|
|
21
|
-
}, label: {
|
|
22
|
-
control: { type: "text" },
|
|
23
|
-
} }, excludeControls("children", "className", "elementType")),
|
|
24
|
-
};
|
|
25
|
-
export const Normal = {
|
|
26
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(Radio, { value: "red", label: "Red" }), _jsx(Radio, { value: "blue", label: "Blue" })] }))),
|
|
27
|
-
args: {
|
|
28
|
-
label: "Color",
|
|
29
|
-
isDisabled: false,
|
|
30
|
-
errorMessage: "",
|
|
31
|
-
orientation: "vertical",
|
|
32
|
-
defaultValue: "blue",
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
export const ControlledValue = {
|
|
36
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(Radio, { value: "red", label: "Red" }), _jsx(Radio, { value: "blue", label: "Blue" })] }))),
|
|
37
|
-
args: {
|
|
38
|
-
label: "Color",
|
|
39
|
-
isDisabled: false,
|
|
40
|
-
errorMessage: "",
|
|
41
|
-
orientation: "vertical",
|
|
42
|
-
value: "blue",
|
|
43
|
-
},
|
|
44
|
-
};
|
|
45
|
-
export const Disabled = {
|
|
46
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(Radio, { value: "red", label: "Red", isDisabled: true }), _jsx(Radio, { value: "blue", label: "Blue" })] }))),
|
|
47
|
-
args: {
|
|
48
|
-
label: "Color",
|
|
49
|
-
isDisabled: true,
|
|
50
|
-
errorMessage: "",
|
|
51
|
-
orientation: "vertical",
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
export const DisabledIndividualRadios = {
|
|
55
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(Radio, { value: "red", label: "Red", isDisabled: true }), _jsx(Radio, { value: "blue", label: "Blue" })] }))),
|
|
56
|
-
args: {
|
|
57
|
-
label: "Color",
|
|
58
|
-
isDisabled: false,
|
|
59
|
-
errorMessage: "",
|
|
60
|
-
orientation: "vertical",
|
|
61
|
-
},
|
|
62
|
-
};
|
|
63
|
-
export const Valid = {
|
|
64
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(Radio, { value: "red", label: "Red" }), _jsx(Radio, { value: "blue", label: "Blue" })] }))),
|
|
65
|
-
args: {
|
|
66
|
-
label: "Color",
|
|
67
|
-
isDisabled: false,
|
|
68
|
-
errorMessage: "",
|
|
69
|
-
validationState: "valid",
|
|
70
|
-
orientation: "vertical",
|
|
71
|
-
},
|
|
72
|
-
};
|
|
73
|
-
export const Invalid = {
|
|
74
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(Radio, { value: "red", label: "Red" }), _jsx(Radio, { value: "blue", label: "Blue" })] }))),
|
|
75
|
-
args: {
|
|
76
|
-
label: "Color",
|
|
77
|
-
isDisabled: false,
|
|
78
|
-
errorMessage: "Please select a color",
|
|
79
|
-
validationState: "invalid",
|
|
80
|
-
orientation: "vertical",
|
|
81
|
-
},
|
|
82
|
-
};
|
|
83
|
-
export const ComplexLabel = {
|
|
84
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(Radio, Object.assign({ value: "annual", label: "Pay annually" }, { children: _jsxs(Flex, Object.assign({ style: {
|
|
85
|
-
width: "100%",
|
|
86
|
-
flexDirection: "row",
|
|
87
|
-
justifyContent: "space-between",
|
|
88
|
-
} }, { children: [_jsx("div", { children: "To pay today" }), _jsx("div", { children: "$1265.00" })] })) })), _jsxs(Radio, Object.assign({ value: "monthly", label: "Pay monthly" }, { children: [_jsxs(Flex, Object.assign({ style: {
|
|
89
|
-
width: "100%",
|
|
90
|
-
flexDirection: "row",
|
|
91
|
-
justifyContent: "space-between",
|
|
92
|
-
marginBottom: "var(--size-20)",
|
|
93
|
-
} }, { children: [_jsx("div", { children: "To pay today" }), _jsx("div", { children: "$316.25" })] })), _jsxs(Flex, Object.assign({ style: {
|
|
94
|
-
width: "100%",
|
|
95
|
-
flexDirection: "row",
|
|
96
|
-
justifyContent: "space-between",
|
|
97
|
-
} }, { children: [_jsx("div", { children: "10 monthly payments of" }), _jsx("div", { children: "$94.88" })] })), _jsx(Divider, {}), _jsxs(Flex, Object.assign({ style: {
|
|
98
|
-
width: "100%",
|
|
99
|
-
flexDirection: "row",
|
|
100
|
-
justifyContent: "space-between",
|
|
101
|
-
} }, { children: [_jsx("div", { children: _jsx("strong", { children: "Total" }) }), _jsx("div", { children: _jsx("strong", { children: "$1265.00" }) })] }))] }))] }))),
|
|
102
|
-
args: {
|
|
103
|
-
label: "Payment Options",
|
|
104
|
-
isDisabled: false,
|
|
105
|
-
errorMessage: "",
|
|
106
|
-
orientation: "vertical",
|
|
107
|
-
},
|
|
108
|
-
};
|
|
109
|
-
export const HorizontalLayout = {
|
|
110
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(Radio, { value: "red", label: "Red" }), _jsx(Radio, { value: "blue", label: "Blue" })] }))),
|
|
111
|
-
args: {
|
|
112
|
-
label: "Color",
|
|
113
|
-
isDisabled: false,
|
|
114
|
-
errorMessage: "",
|
|
115
|
-
orientation: "horizontal",
|
|
116
|
-
},
|
|
117
|
-
};
|
|
118
|
-
//# sourceMappingURL=Radio.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,KAAK;IAChB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,EACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;SACpC,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,IACE,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,aAAa,CAAC,CAC3D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA4B;IAC7C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,MAAC,UAAU,oBAAK,IAAI,eAClB,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;QACvB,YAAY,EAAE,MAAM;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA4B;IACtD,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,MAAC,UAAU,oBAAK,IAAI,eAClB,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA4B;IAC/C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,MAAC,UAAU,oBAAK,IAAI,eAClB,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,UAAU,SAAG,EAC5C,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAA4B;IAC/D,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,MAAC,UAAU,oBAAK,IAAI,eAClB,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,UAAU,SAAG,EAC5C,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAA4B;IAC5C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,MAAC,UAAU,oBAAK,IAAI,eAClB,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,OAAO;QACxB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA4B;IAC9C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,MAAC,UAAU,oBAAK,IAAI,eAClB,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,uBAAuB;QACrC,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA4B;IACnD,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,MAAC,UAAU,oBAAK,IAAI,eAClB,KAAC,KAAK,kBAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,cAAc,gBACxC,MAAC,IAAI,kBACH,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,aAAa,EAAE,KAAK;wBACpB,cAAc,EAAE,eAAe;qBAChC,iBAED,yCAAuB,EACvB,qCAAmB,KACd,IACD,EACR,MAAC,KAAK,kBAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,iBACxC,MAAC,IAAI,kBACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,aAAa,EAAE,KAAK;4BACpB,cAAc,EAAE,eAAe;4BAC/B,YAAY,EAAE,gBAAgB;yBAC/B,iBAED,yCAAuB,EACvB,oCAAkB,KACb,EACP,MAAC,IAAI,kBACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,aAAa,EAAE,KAAK;4BACpB,cAAc,EAAE,eAAe;yBAChC,iBAED,mDAAiC,EACjC,mCAAiB,KACZ,EACP,KAAC,OAAO,KAAG,EACX,MAAC,IAAI,kBACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,aAAa,EAAE,KAAK;4BACpB,cAAc,EAAE,eAAe;yBAChC,iBAED,wBACE,qCAAsB,GAClB,EACN,wBACE,wCAAyB,GACrB,KACD,KACD,KACG,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA4B;IACvD,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,MAAC,UAAU,oBAAK,IAAI,eAClB,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,YAAY;KAC1B;CACF,CAAC"}
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { render, fireEvent, screen } from "@testing-library/react";
|
|
3
|
-
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import { RadioGroup, Radio } from ".";
|
|
5
|
-
describe("Radio", () => {
|
|
6
|
-
it("should render without error", () => {
|
|
7
|
-
const component = render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
8
|
-
expect(component).toBeTruthy();
|
|
9
|
-
});
|
|
10
|
-
it("should set aria-describedby for all radios when errorMessage is set", () => {
|
|
11
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Radio Group", errorMessage: "Error message" }, { children: [_jsx(Radio, { label: "Radio 1", value: "value1" }), _jsx(Radio, { label: "Radio 2", value: "value2" }), _jsx(Radio, { label: "Radio 3", value: "value3" })] })));
|
|
12
|
-
const radios = screen.getAllByRole("radio");
|
|
13
|
-
radios.forEach(radio => {
|
|
14
|
-
expect(radio).toHaveAccessibleDescription("Error message");
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
it("should call onChange with the selected value when clicked", async () => {
|
|
18
|
-
const callback = jest.fn();
|
|
19
|
-
const { getByLabelText } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
20
|
-
await userEvent.click(getByLabelText("Red"));
|
|
21
|
-
expect(callback).toHaveBeenCalledWith("red");
|
|
22
|
-
await userEvent.click(getByLabelText("Blue"));
|
|
23
|
-
expect(callback).toHaveBeenCalledWith("blue");
|
|
24
|
-
});
|
|
25
|
-
it("should be selectable via keyboard", async () => {
|
|
26
|
-
const callback = jest.fn();
|
|
27
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
28
|
-
await userEvent.tab();
|
|
29
|
-
await userEvent.type(document.activeElement, "[Space]");
|
|
30
|
-
expect(callback).toHaveBeenCalledWith("red");
|
|
31
|
-
fireEvent.keyDown(document.activeElement, {
|
|
32
|
-
key: "ArrowDown",
|
|
33
|
-
code: "ArrowDown",
|
|
34
|
-
});
|
|
35
|
-
expect(callback).toHaveBeenCalledWith("blue");
|
|
36
|
-
});
|
|
37
|
-
describe("when child component is null", () => {
|
|
38
|
-
it("renders without errors", () => {
|
|
39
|
-
expect(() => render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })))).not.toThrow();
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
describe("isRequired", () => {
|
|
43
|
-
it("should set aria-required to true", () => {
|
|
44
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })));
|
|
45
|
-
expect(screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
|
|
46
|
-
});
|
|
47
|
-
it("should have className of --is-required when true", () => {
|
|
48
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })));
|
|
49
|
-
expect(screen.getByLabelText("Color")).toHaveClass("--is-required");
|
|
50
|
-
});
|
|
51
|
-
it("should have className of --is-optional when false", () => {
|
|
52
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: false }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })));
|
|
53
|
-
expect(screen.getByLabelText("Color")).toHaveClass("--is-optional");
|
|
54
|
-
});
|
|
55
|
-
it("should have neither --is-required nor --is-optional when unset", () => {
|
|
56
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })));
|
|
57
|
-
expect(screen.getByLabelText("Color")).not.toHaveClass("--is-required");
|
|
58
|
-
expect(screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
|
|
59
|
-
});
|
|
60
|
-
});
|
|
61
|
-
describe("uses correct class names for atoms", () => {
|
|
62
|
-
it("uses Mobius class", () => {
|
|
63
|
-
const { container } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
64
|
-
expect(container.firstChild).toHaveClass("mobius");
|
|
65
|
-
});
|
|
66
|
-
it("uses base Mobius class", () => {
|
|
67
|
-
const { container } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
68
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
|
|
69
|
-
expect(screen.getByTestId("test").firstChild).toHaveClass("mobius/Label");
|
|
70
|
-
const wrapper = screen.getByTestId("test").childNodes[1];
|
|
71
|
-
expect(wrapper).toHaveClass("mobius/RadioWrapper");
|
|
72
|
-
expect(container.querySelector(".mobius\\/RadioLabel")).toBeInTheDocument();
|
|
73
|
-
expect(container.querySelector(".mobius\\/RadioBullet")).toBeInTheDocument();
|
|
74
|
-
expect(container.querySelector(".mobius\\/RadioInput")).toBeInTheDocument();
|
|
75
|
-
});
|
|
76
|
-
it("includes custom class names", () => {
|
|
77
|
-
const { container } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", className: "my-class", "data-testid": "test" }, { children: [_jsx(Radio, Object.assign({ value: "red", className: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue", className: "blue" }, { children: "Blue" }))] })));
|
|
78
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
|
|
79
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
80
|
-
const wrapper = screen.getByTestId("test").childNodes[1];
|
|
81
|
-
const label = container.querySelector(".mobius\\/RadioLabel");
|
|
82
|
-
const redLabel = container.querySelector(".mobius\\/RadioLabel.red");
|
|
83
|
-
const blueLabel = container.querySelector(".mobius\\/RadioLabel.blue");
|
|
84
|
-
expect(wrapper).toHaveClass("mobius/RadioWrapper");
|
|
85
|
-
expect(label).toBeInTheDocument();
|
|
86
|
-
expect(redLabel).toBeInTheDocument();
|
|
87
|
-
expect(blueLabel).toBeInTheDocument();
|
|
88
|
-
});
|
|
89
|
-
it("sets classes for interaction states", async () => {
|
|
90
|
-
var _a;
|
|
91
|
-
const callback = jest.fn();
|
|
92
|
-
const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", onChange: callback }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
93
|
-
// Hover over radio
|
|
94
|
-
fireEvent.mouseEnter(container.querySelector("input"));
|
|
95
|
-
const radio = (_a = screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild;
|
|
96
|
-
const radioIcon = radio === null || radio === void 0 ? void 0 : radio.firstChild;
|
|
97
|
-
expect(radio).toHaveClass("--is-hovered");
|
|
98
|
-
expect(radioIcon).toHaveClass("--is-hovered");
|
|
99
|
-
await userEvent.tab();
|
|
100
|
-
await userEvent.type(document.activeElement, "[Space]");
|
|
101
|
-
expect(radio).toHaveClass("--is-selected");
|
|
102
|
-
expect(radioIcon).toHaveClass("--is-selected");
|
|
103
|
-
fireEvent.keyDown(document.activeElement, {
|
|
104
|
-
key: "ArrowDown",
|
|
105
|
-
code: "ArrowDown",
|
|
106
|
-
});
|
|
107
|
-
const selectedLabel = container.querySelector(".mobius\\/RadioLabel.--is-selected");
|
|
108
|
-
expect(selectedLabel).toBeInTheDocument();
|
|
109
|
-
});
|
|
110
|
-
it("sets classes for disabled state", () => {
|
|
111
|
-
const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", isDisabled: true }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
112
|
-
const radio = screen.getByTestId("test");
|
|
113
|
-
const radioIcon = radio === null || radio === void 0 ? void 0 : radio.firstChild;
|
|
114
|
-
const disabledLabels = container.querySelectorAll(".mobius\\/RadioLabel.--is-disabled");
|
|
115
|
-
expect(radio).toHaveClass("--is-disabled");
|
|
116
|
-
expect(radioIcon).toHaveClass("--is-disabled");
|
|
117
|
-
expect(disabledLabels.length).toEqual(2);
|
|
118
|
-
});
|
|
119
|
-
it("sets classes for valid state", () => {
|
|
120
|
-
const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", validationState: "valid" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
121
|
-
const radio = screen.getByTestId("test");
|
|
122
|
-
const radioIcon = radio === null || radio === void 0 ? void 0 : radio.firstChild;
|
|
123
|
-
const validLabels = container.querySelectorAll(".mobius\\/RadioLabel.--is-valid");
|
|
124
|
-
expect(radio).toHaveClass("--is-valid");
|
|
125
|
-
expect(radioIcon).toHaveClass("--is-valid");
|
|
126
|
-
expect(validLabels.length).toEqual(2);
|
|
127
|
-
});
|
|
128
|
-
it("sets classes for invalid state", () => {
|
|
129
|
-
const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", validationState: "invalid" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
130
|
-
const radio = screen.getByTestId("test");
|
|
131
|
-
const radioIcon = radio.firstChild;
|
|
132
|
-
const invalidLabels = container.querySelectorAll(".mobius\\/RadioLabel.--is-invalid");
|
|
133
|
-
expect(radio).toHaveClass("--is-invalid");
|
|
134
|
-
expect(radioIcon).toHaveClass("--is-invalid");
|
|
135
|
-
expect(invalidLabels.length).toEqual(2);
|
|
136
|
-
});
|
|
137
|
-
});
|
|
138
|
-
});
|
|
139
|
-
//# sourceMappingURL=Radio.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { RadioButton } from "./RadioButton";
|
|
3
|
-
import { RadioGroup } from "./RadioGroup";
|
|
4
|
-
import { Icon } from "../Icon";
|
|
5
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
6
|
-
export default {
|
|
7
|
-
title: "Forms/RadioButton",
|
|
8
|
-
component: RadioButton,
|
|
9
|
-
argTypes: Object.assign({ orientation: {
|
|
10
|
-
control: { type: "radio" },
|
|
11
|
-
options: ["horizontal", "vertical"],
|
|
12
|
-
} }, excludeControls("className", "children")),
|
|
13
|
-
};
|
|
14
|
-
export const Normal = {
|
|
15
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] }))),
|
|
16
|
-
args: {
|
|
17
|
-
label: "Color",
|
|
18
|
-
orientation: "horizontal",
|
|
19
|
-
isDisabled: false,
|
|
20
|
-
defaultValue: "blue",
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
export const ControlledValue = {
|
|
24
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] }))),
|
|
25
|
-
args: {
|
|
26
|
-
label: "Color",
|
|
27
|
-
orientation: "horizontal",
|
|
28
|
-
isDisabled: false,
|
|
29
|
-
value: "blue",
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
export const LabelProp = {
|
|
33
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(RadioButton, { value: "red", label: "Red" }), _jsx(RadioButton, { value: "blue", label: "Blue" })] }))),
|
|
34
|
-
args: {
|
|
35
|
-
label: "Color",
|
|
36
|
-
orientation: "horizontal",
|
|
37
|
-
isDisabled: false,
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
export const Selected = {
|
|
41
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(RadioButton, { value: "red", label: "Red" }), _jsx(RadioButton, { value: "blue", label: "Blue" })] }))),
|
|
42
|
-
args: {
|
|
43
|
-
label: "Color",
|
|
44
|
-
defaultValue: "red",
|
|
45
|
-
orientation: "horizontal",
|
|
46
|
-
isDisabled: false,
|
|
47
|
-
},
|
|
48
|
-
argTypes: {
|
|
49
|
-
value: {
|
|
50
|
-
control: { type: "radio" },
|
|
51
|
-
options: ["red", "blue"],
|
|
52
|
-
},
|
|
53
|
-
},
|
|
54
|
-
};
|
|
55
|
-
export const Disabled = {
|
|
56
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(RadioButton, { value: "red", label: "Red" }), _jsx(RadioButton, { value: "blue", label: "Blue" })] }))),
|
|
57
|
-
args: {
|
|
58
|
-
label: "Color",
|
|
59
|
-
orientation: "horizontal",
|
|
60
|
-
isDisabled: true,
|
|
61
|
-
},
|
|
62
|
-
};
|
|
63
|
-
export const VerticalOrientation = {
|
|
64
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(RadioButton, { value: "red", label: "Red" }), _jsx(RadioButton, { value: "blue", label: "Blue" })] }))),
|
|
65
|
-
args: {
|
|
66
|
-
label: "Color",
|
|
67
|
-
orientation: "vertical",
|
|
68
|
-
isDisabled: false,
|
|
69
|
-
},
|
|
70
|
-
};
|
|
71
|
-
export const IconButtons = {
|
|
72
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(RadioButton, Object.assign({ value: "sole_trader", label: "Sole Trader" }, { children: _jsx(Icon, { name: "user", fontSize: "28px" }) })), _jsx(RadioButton, Object.assign({ value: "partnership", label: "Partnership" }, { children: _jsx(Icon, { name: "star", fontSize: "28px" }) })), _jsx(RadioButton, Object.assign({ value: "company", label: "Ltd Company" }, { children: _jsx(Icon, { name: "menu", fontSize: "28px" }) }))] }))),
|
|
73
|
-
args: {
|
|
74
|
-
label: "Business Type",
|
|
75
|
-
orientation: "horizontal",
|
|
76
|
-
isDisabled: false,
|
|
77
|
-
},
|
|
78
|
-
};
|
|
79
|
-
export const CircularButtons = {
|
|
80
|
-
render: (args) => (_jsxs(RadioGroup, Object.assign({}, args, { children: [_jsx(RadioButton, Object.assign({ value: "sole_trader", label: "Sole Trader" }, { children: _jsx(Icon, { name: "user", fontSize: "28px" }) })), _jsx(RadioButton, Object.assign({ value: "partnership", label: "Partnership" }, { children: _jsx(Icon, { name: "star", fontSize: "28px" }) })), _jsx(RadioButton, Object.assign({ value: "company", label: "Ltd Company" }, { children: _jsx(Icon, { name: "menu", fontSize: "28px" }) }))] }))),
|
|
81
|
-
args: {
|
|
82
|
-
label: "Business Type",
|
|
83
|
-
orientation: "horizontal",
|
|
84
|
-
circular: true,
|
|
85
|
-
isDisabled: false,
|
|
86
|
-
},
|
|
87
|
-
};
|
|
88
|
-
//# sourceMappingURL=RadioButton.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../../../src/components/Radio/RadioButton.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { render, fireEvent, screen } from "@testing-library/react";
|
|
3
|
-
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import { RadioGroup, RadioButton } from ".";
|
|
5
|
-
import { Icon } from "..";
|
|
6
|
-
describe("RadioButton", () => {
|
|
7
|
-
it("should render without error", () => {
|
|
8
|
-
const component = render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
9
|
-
expect(component).toBeTruthy();
|
|
10
|
-
});
|
|
11
|
-
it("should call onChange with the selected value when clicked", async () => {
|
|
12
|
-
const callback = jest.fn();
|
|
13
|
-
const { getByLabelText } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
14
|
-
await userEvent.click(getByLabelText("Red"));
|
|
15
|
-
expect(callback).toHaveBeenCalledWith("red");
|
|
16
|
-
await userEvent.click(getByLabelText("Blue"));
|
|
17
|
-
expect(callback).toHaveBeenCalledWith("blue");
|
|
18
|
-
});
|
|
19
|
-
it("should be selectable via keyboard", async () => {
|
|
20
|
-
const callback = jest.fn();
|
|
21
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
22
|
-
await userEvent.tab();
|
|
23
|
-
await userEvent.type(document.activeElement, "[Space]");
|
|
24
|
-
expect(callback).toHaveBeenCalledWith("red");
|
|
25
|
-
fireEvent.keyDown(document.activeElement, {
|
|
26
|
-
key: "ArrowDown",
|
|
27
|
-
code: "ArrowDown",
|
|
28
|
-
});
|
|
29
|
-
expect(callback).toHaveBeenCalledWith("blue");
|
|
30
|
-
});
|
|
31
|
-
describe("correctly assigns icon and label props or children", () => {
|
|
32
|
-
it("renders a simple label prop", () => {
|
|
33
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(RadioButton, { value: "red", label: "Red" }), _jsx(RadioButton, { value: "blue", label: "Blue" })] })));
|
|
34
|
-
expect(screen.getByText("Red")).toHaveClass("mobius/RadioButtonContent");
|
|
35
|
-
});
|
|
36
|
-
it("renders a text child as simple label", () => {
|
|
37
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
38
|
-
expect(screen.getByText("Red")).toHaveClass("mobius/RadioButtonContent");
|
|
39
|
-
});
|
|
40
|
-
it("renders children in <span> tags when there is an icon", () => {
|
|
41
|
-
var _a;
|
|
42
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(RadioButton, Object.assign({ value: "sole_trader", label: "Sole Trader" }, { children: _jsx(Icon, { name: "user" }) })), _jsx(RadioButton, Object.assign({ value: "partnership", label: "Partnership" }, { children: _jsx(Icon, { name: "star" }) })), _jsx(RadioButton, Object.assign({ value: "company", label: "Ltd Company" }, { children: _jsx(Icon, { name: "menu" }) }))] })));
|
|
43
|
-
expect(screen.getByText("Sole Trader")).toHaveClass("mobius/RadioButtonText");
|
|
44
|
-
expect((_a = screen.getByText("Sole Trader").parentElement) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/RadioButtonIcon");
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
describe("isRequired", () => {
|
|
48
|
-
it("should set aria-required to true", () => {
|
|
49
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
|
|
50
|
-
expect(screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
|
|
51
|
-
});
|
|
52
|
-
it("should have className of --is-required when true", () => {
|
|
53
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
|
|
54
|
-
expect(screen.getByLabelText("Color")).toHaveClass("--is-required");
|
|
55
|
-
});
|
|
56
|
-
it("should have className of --is-optional when false", () => {
|
|
57
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: false }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
|
|
58
|
-
expect(screen.getByLabelText("Color")).toHaveClass("--is-optional");
|
|
59
|
-
});
|
|
60
|
-
it("should have neither --is-required nor --is-optional when unset", () => {
|
|
61
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
|
|
62
|
-
expect(screen.getByLabelText("Color")).not.toHaveClass("--is-required");
|
|
63
|
-
expect(screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
describe("uses correct class names for atoms", () => {
|
|
67
|
-
it("uses base Mobius class", () => {
|
|
68
|
-
var _a;
|
|
69
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
70
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
|
|
71
|
-
expect(screen.getByTestId("test").firstChild).toHaveClass("mobius/Label");
|
|
72
|
-
const wrapper = screen.getByTestId("test").childNodes[1];
|
|
73
|
-
expect(wrapper).toHaveClass("mobius/RadioWrapper");
|
|
74
|
-
expect(wrapper.firstChild).toHaveClass("mobius/RadioButtonLabel");
|
|
75
|
-
expect((_a = wrapper.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/RadioInput");
|
|
76
|
-
});
|
|
77
|
-
it("includes custom class names", () => {
|
|
78
|
-
render(_jsxs(RadioGroup, Object.assign({ label: "Color", className: "my-class", "data-testid": "test" }, { children: [_jsx(RadioButton, Object.assign({ value: "red", className: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue", className: "blue" }, { children: "Blue" }))] })));
|
|
79
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
|
|
80
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
81
|
-
const wrapper = screen.getByTestId("test").childNodes[1];
|
|
82
|
-
expect(wrapper).toHaveClass("mobius/RadioWrapper");
|
|
83
|
-
expect(wrapper.firstChild).toHaveClass("mobius/RadioButtonLabel");
|
|
84
|
-
expect(wrapper.firstChild).toHaveClass("red");
|
|
85
|
-
expect(wrapper.childNodes[1]).toHaveClass("blue");
|
|
86
|
-
});
|
|
87
|
-
it("sets classes for interaction states", async () => {
|
|
88
|
-
var _a, _b;
|
|
89
|
-
const callback = jest.fn();
|
|
90
|
-
const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", onChange: callback }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
91
|
-
// Hover over radio
|
|
92
|
-
fireEvent.mouseEnter(container.querySelector("input"));
|
|
93
|
-
const radio = (_a = screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild;
|
|
94
|
-
expect(radio).toHaveClass("--is-hovered");
|
|
95
|
-
await userEvent.tab();
|
|
96
|
-
await userEvent.type(document.activeElement, "[Space]");
|
|
97
|
-
expect(radio).toHaveClass("--is-selected");
|
|
98
|
-
fireEvent.keyDown(document.activeElement, {
|
|
99
|
-
key: "ArrowDown",
|
|
100
|
-
code: "ArrowDown",
|
|
101
|
-
});
|
|
102
|
-
expect((_b = screen.getByTestId("test").childNodes[1]) === null || _b === void 0 ? void 0 : _b.childNodes[1]).toHaveClass("--is-selected");
|
|
103
|
-
});
|
|
104
|
-
it("sets classes for disabled state", () => {
|
|
105
|
-
var _a, _b;
|
|
106
|
-
render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", isDisabled: true }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
107
|
-
expect(screen.getByTestId("test")).toHaveClass("--is-disabled");
|
|
108
|
-
expect((_a = screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("--is-disabled");
|
|
109
|
-
expect((_b = screen.getByTestId("test").childNodes[1]) === null || _b === void 0 ? void 0 : _b.childNodes[1]).toHaveClass("--is-disabled");
|
|
110
|
-
});
|
|
111
|
-
it("sets class for circular state", () => {
|
|
112
|
-
var _a;
|
|
113
|
-
render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", circular: true }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
|
|
114
|
-
expect((_a = screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("circular");
|
|
115
|
-
});
|
|
116
|
-
});
|
|
117
|
-
});
|
|
118
|
-
//# sourceMappingURL=RadioButton.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/components/Radio/RadioButton.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { SVG } from "./SVG";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
const Star = (_jsx("svg", Object.assign({ viewBox: "0 0 51 48" }, { children: _jsx("path", { fill: "none", stroke: "#000", d: "m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z" }) })));
|
|
5
|
-
export default {
|
|
6
|
-
title: "Components/SVG",
|
|
7
|
-
component: SVG,
|
|
8
|
-
argTypes: excludeControls("className"),
|
|
9
|
-
};
|
|
10
|
-
export const Normal = {
|
|
11
|
-
render: (args) => _jsx(SVG, Object.assign({}, args, { children: Star })),
|
|
12
|
-
args: {
|
|
13
|
-
style: {
|
|
14
|
-
width: 75,
|
|
15
|
-
height: 75,
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=SVG.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SVG.stories.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,IAAI,GAAG,CACX,4BAAK,OAAO,EAAC,WAAW,gBACtB,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,CAAC,EAAC,sDAAsD,GACxD,IACE,CACP,CAAC;AAEF,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAqB;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,KAAC,GAAG,oBAAK,IAAI,cAAG,IAAI,IAAO;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF;CACF,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { SVG } from ".";
|
|
4
|
-
const CLASS_NAME = "mobius/SVG";
|
|
5
|
-
const SvgImage = (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85" }, { children: _jsx("path", { d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z" }) })));
|
|
6
|
-
describe("Test for SVG", () => {
|
|
7
|
-
it("should render without errors", () => {
|
|
8
|
-
render(_jsx(SVG, { children: SvgImage }));
|
|
9
|
-
});
|
|
10
|
-
describe("uses correct class names", () => {
|
|
11
|
-
it("uses Mobius class", () => {
|
|
12
|
-
render(_jsx(SVG, Object.assign({ "data-testid": "test" }, { children: SvgImage })));
|
|
13
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius");
|
|
14
|
-
});
|
|
15
|
-
it("uses base Mobius class", () => {
|
|
16
|
-
render(_jsx(SVG, Object.assign({ "data-testid": "test" }, { children: SvgImage })));
|
|
17
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
18
|
-
});
|
|
19
|
-
it("includes custom class name", () => {
|
|
20
|
-
render(_jsx(SVG, Object.assign({ "data-testid": "test", className: "my-class" }, { children: SvgImage })));
|
|
21
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
22
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
//# sourceMappingURL=SVG.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SVG.test.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,QAAQ,GAAG,CACf,4BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,cAAc,gBAC5D,eAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,CACP,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,GAAG,cAAE,QAAQ,GAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,CAAC,KAAC,GAAG,iCAAa,MAAM,gBAAE,QAAQ,IAAO,CAAC,CAAC;YACjD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,KAAC,GAAG,iCAAa,MAAM,gBAAE,QAAQ,IAAO,CAAC,CAAC;YACjD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CACJ,KAAC,GAAG,iCAAa,MAAM,EAAC,SAAS,EAAC,UAAU,gBACzC,QAAQ,IACL,CACP,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|