@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,5 +1,5 @@
|
|
|
1
1
|
import { useState } from "react";
|
|
2
|
-
import { Meta,
|
|
2
|
+
import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
|
|
3
3
|
import { TextField } from "./TextField";
|
|
4
4
|
import { Label, Segment, SegmentGroup } from "..";
|
|
5
5
|
import { excludeControls } from "../../utils/excludeControls";
|
|
@@ -27,60 +27,35 @@ import { TextField } from "@simplybusiness/mobius";
|
|
|
27
27
|
|
|
28
28
|
### Normal
|
|
29
29
|
|
|
30
|
-
<Canvas
|
|
31
|
-
<Story of={TextFieldStories.Normal} />
|
|
32
|
-
</Canvas>
|
|
30
|
+
<Canvas of={TextFieldStories.Normal} />
|
|
33
31
|
|
|
34
32
|
### Placeholder
|
|
35
33
|
|
|
36
|
-
<Canvas
|
|
37
|
-
<Story of={TextFieldStories.Placeholder} />
|
|
38
|
-
</Canvas>
|
|
34
|
+
<Canvas of={TextFieldStories.Placeholder} />
|
|
39
35
|
|
|
40
36
|
### Controlled Value
|
|
41
37
|
|
|
42
|
-
<Canvas
|
|
43
|
-
<Story of={TextFieldStories.ControlledValue} />
|
|
44
|
-
</Canvas>
|
|
38
|
+
<Canvas of={TextFieldStories.ControlledValue} />
|
|
45
39
|
|
|
46
40
|
### Disabled
|
|
47
41
|
|
|
48
|
-
<Canvas
|
|
49
|
-
<Story of={TextFieldStories.Disabled} />
|
|
50
|
-
</Canvas>
|
|
42
|
+
<Canvas of={TextFieldStories.Disabled} />
|
|
51
43
|
|
|
52
44
|
### Valid
|
|
53
45
|
|
|
54
|
-
<Canvas
|
|
55
|
-
<Story of={TextFieldStories.Valid} />
|
|
56
|
-
</Canvas>
|
|
46
|
+
<Canvas of={TextFieldStories.Valid} />
|
|
57
47
|
|
|
58
48
|
### Hidden
|
|
59
49
|
|
|
60
|
-
<Canvas
|
|
61
|
-
<Story of={TextFieldStories.Hidden} />
|
|
62
|
-
</Canvas>
|
|
50
|
+
<Canvas of={TextFieldStories.Hidden} />
|
|
63
51
|
|
|
64
52
|
### Invalid
|
|
65
53
|
|
|
66
|
-
<Canvas
|
|
67
|
-
<Story of={TextFieldStories.Invalid} />
|
|
68
|
-
</Canvas>
|
|
54
|
+
<Canvas of={TextFieldStories.Invalid} />
|
|
69
55
|
|
|
70
56
|
### TextField fills width of container by default
|
|
71
57
|
|
|
72
|
-
<
|
|
73
|
-
<SegmentGroup horizontal>
|
|
74
|
-
<Segment>
|
|
75
|
-
<TextField label="First name" />
|
|
76
|
-
</Segment>
|
|
77
|
-
|
|
78
|
-
<Segment>
|
|
79
|
-
<TextField label="Last name" />
|
|
80
|
-
</Segment>
|
|
81
|
-
|
|
82
|
-
</SegmentGroup>
|
|
83
|
-
</Canvas>
|
|
58
|
+
<TextFieldStories.ExampleHorizontal />
|
|
84
59
|
|
|
85
60
|
## Accessibility
|
|
86
61
|
|
|
@@ -93,7 +68,7 @@ See the example of controlled component using the `onChange` prop.
|
|
|
93
68
|
|
|
94
69
|
## Props
|
|
95
70
|
|
|
96
|
-
<
|
|
71
|
+
<ArgTypes of={TextField} />
|
|
97
72
|
|
|
98
73
|
## Component HTML Structure and Class names
|
|
99
74
|
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { Meta } from "@storybook/react";
|
|
2
2
|
import { TextField, TextFieldProps } from "./TextField";
|
|
3
3
|
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
+
import { Segment, SegmentGroup } from "../Segment";
|
|
4
5
|
|
|
5
6
|
export default {
|
|
6
7
|
title: "Forms/TextField",
|
|
7
8
|
component: TextField,
|
|
9
|
+
excludeStories: ["ExampleHorizontal"],
|
|
8
10
|
argTypes: {
|
|
9
11
|
validationState: {
|
|
10
12
|
options: ["valid", "invalid", "neither"],
|
|
@@ -109,3 +111,14 @@ export const Invalid: Meta<typeof TextField> = {
|
|
|
109
111
|
errorMessage: "This is an error message",
|
|
110
112
|
},
|
|
111
113
|
};
|
|
114
|
+
|
|
115
|
+
export const ExampleHorizontal = () => (
|
|
116
|
+
<SegmentGroup horizontal>
|
|
117
|
+
<Segment>
|
|
118
|
+
<TextField label="First name" />
|
|
119
|
+
</Segment>
|
|
120
|
+
<Segment>
|
|
121
|
+
<TextField label="Last name" />
|
|
122
|
+
</Segment>
|
|
123
|
+
</SegmentGroup>
|
|
124
|
+
);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta,
|
|
1
|
+
import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
|
|
2
2
|
import { Title, TitleProps } from "./Title";
|
|
3
3
|
import { excludeControls } from "../../utils/excludeControls";
|
|
4
4
|
import * as TitleStories from "./Title.stories";
|
|
@@ -25,13 +25,11 @@ import { Title } from "@simplybusiness/mobius";
|
|
|
25
25
|
|
|
26
26
|
## Normal
|
|
27
27
|
|
|
28
|
-
<Canvas
|
|
29
|
-
<Story of={TitleStories.Normal} />
|
|
30
|
-
</Canvas>
|
|
28
|
+
<Canvas of={TitleStories.Normal} />
|
|
31
29
|
|
|
32
30
|
## Props
|
|
33
31
|
|
|
34
|
-
<
|
|
32
|
+
<ArgTypes of={Title} />
|
|
35
33
|
|
|
36
34
|
## Component HTML Structure and Class names
|
|
37
35
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta,
|
|
1
|
+
import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
|
|
2
2
|
import { VisuallyHidden, VisuallyHiddenProps } from ".";
|
|
3
3
|
import { excludeControls } from "../../utils/excludeControls";
|
|
4
4
|
import * as VisuallyHiddenStories from "./VisuallyHidden.stories";
|
|
@@ -36,9 +36,7 @@ function MyComponent() {
|
|
|
36
36
|
|
|
37
37
|
## Normal
|
|
38
38
|
|
|
39
|
-
<Canvas
|
|
40
|
-
<Story of={VisuallyHiddenStories.Normal} />
|
|
41
|
-
</Canvas>
|
|
39
|
+
<Canvas of={VisuallyHiddenStories.Normal} />
|
|
42
40
|
|
|
43
41
|
---
|
|
44
42
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Canvas, Meta
|
|
1
|
+
import { Canvas, Meta } from "@storybook/blocks";
|
|
2
2
|
import * as UseBreakpointStories from "./useBreakpoint.stories";
|
|
3
3
|
|
|
4
4
|
import { useBreakpoint } from "./useBreakpoint";
|
|
@@ -116,9 +116,7 @@ const breakpoints = [
|
|
|
116
116
|
];
|
|
117
117
|
```
|
|
118
118
|
|
|
119
|
-
<Canvas
|
|
120
|
-
<Story of={UseBreakpointStories.Normal} />
|
|
121
|
-
</Canvas>
|
|
119
|
+
<Canvas of={UseBreakpointStories.Normal} />
|
|
122
120
|
|
|
123
121
|
### `up` and `down` helpers
|
|
124
122
|
|
|
@@ -137,6 +135,4 @@ const isMobile = down("sm");
|
|
|
137
135
|
const isDesktop = up("md");
|
|
138
136
|
```
|
|
139
137
|
|
|
140
|
-
<Canvas
|
|
141
|
-
<Story of={UseBreakpointStories.UpAndDown} />
|
|
142
|
-
</Canvas>
|
|
138
|
+
<Canvas of={UseBreakpointStories.UpAndDown} />
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Accordion, Segment, SegmentGroup } from "..";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Components/Accordion",
|
|
6
|
-
component: Accordion,
|
|
7
|
-
argTypes: excludeControls("onClick", "className"),
|
|
8
|
-
};
|
|
9
|
-
export const Normal = {
|
|
10
|
-
render: (args) => (_jsxs(Accordion, Object.assign({}, args, { children: [_jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
|
|
11
|
-
args: {
|
|
12
|
-
showText: "See more",
|
|
13
|
-
hideText: "See less",
|
|
14
|
-
headerPosition: "bottom",
|
|
15
|
-
startOpen: false,
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export const StartExpanded = {
|
|
19
|
-
render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
|
|
20
|
-
args: {
|
|
21
|
-
showText: "See more",
|
|
22
|
-
hideText: "See less",
|
|
23
|
-
headerPosition: "bottom",
|
|
24
|
-
startOpen: true,
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
export const TopHeader = {
|
|
28
|
-
render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
|
|
29
|
-
args: {
|
|
30
|
-
showText: "See more",
|
|
31
|
-
hideText: "See less",
|
|
32
|
-
headerPosition: "top",
|
|
33
|
-
startOpen: false,
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
export const ComplexContent = {
|
|
37
|
-
render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsxs(SegmentGroup, { children: [_jsx(Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), _jsx(Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
|
|
38
|
-
args: {
|
|
39
|
-
showText: "See more",
|
|
40
|
-
hideText: "See less",
|
|
41
|
-
headerPosition: "bottom",
|
|
42
|
-
startOpen: false,
|
|
43
|
-
},
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=Accordion.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA2B;IAC5C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,MAAC,SAAS,oBAAK,IAAI,eACjB,0HAGI,EACJ,0HAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B;IACnD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,0HAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA2B;IAC/C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,0HAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA2B;IACpD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,MAAC,YAAY,eACX,KAAC,OAAO,kHAGE,EACV,KAAC,OAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC"}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen, fireEvent } from "@testing-library/react";
|
|
3
|
-
import { Accordion } from ".";
|
|
4
|
-
const CLASS_NAME = "mobius/Accordion";
|
|
5
|
-
describe("Accordion", () => {
|
|
6
|
-
it("should render without errors", () => {
|
|
7
|
-
const component = render(_jsx(Accordion, { children: "test" }));
|
|
8
|
-
expect(component).toBeTruthy();
|
|
9
|
-
});
|
|
10
|
-
it("should open when clicked", () => {
|
|
11
|
-
var _a, _b, _c;
|
|
12
|
-
const { container } = render(_jsx(Accordion, { children: "test content" }));
|
|
13
|
-
const header = container.getElementsByClassName("mobius/AccordionLink")[0];
|
|
14
|
-
const content = container.getElementsByClassName("mobius/AccordionContent")[0];
|
|
15
|
-
expect((_a = content.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(`rah-static--height-zero`);
|
|
16
|
-
expect(screen.getByText("See more")).toBeInTheDocument();
|
|
17
|
-
fireEvent.click(header);
|
|
18
|
-
expect((_b = content.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).toHaveClass(`rah-animating--to-height-auto`);
|
|
19
|
-
expect(screen.getByText("See less")).toBeInTheDocument();
|
|
20
|
-
fireEvent.click(header);
|
|
21
|
-
expect((_c = content.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement).toHaveClass(`rah-animating--to-height-zero`);
|
|
22
|
-
expect(screen.getByText("See more")).toBeInTheDocument();
|
|
23
|
-
});
|
|
24
|
-
it("renders header in correct place relative to content", () => {
|
|
25
|
-
const { container } = render(_jsx(Accordion, Object.assign({ headerPosition: "top" }, { children: "test content" })));
|
|
26
|
-
const accordion = container.getElementsByClassName("mobius/Accordion")[0];
|
|
27
|
-
expect(accordion.firstChild).toHaveClass(`mobius/AccordionLink show`);
|
|
28
|
-
expect(accordion.lastChild).toHaveClass(`rah-static`);
|
|
29
|
-
const bottomAccordion = render(_jsx(Accordion, Object.assign({ headerPosition: "bottom" }, { children: "test content" })));
|
|
30
|
-
const accordion2 = bottomAccordion.container.getElementsByClassName("mobius/Accordion")[0];
|
|
31
|
-
expect(accordion2.firstChild).toHaveClass(`rah-static`);
|
|
32
|
-
expect(accordion2.lastChild).toHaveClass(`mobius/AccordionLink show`);
|
|
33
|
-
});
|
|
34
|
-
it("respects startOpen prop and is expanded", () => {
|
|
35
|
-
render(_jsx(Accordion, Object.assign({ startOpen: true }, { children: "test content" })));
|
|
36
|
-
expect(screen.getByText("See less")).toBeInTheDocument();
|
|
37
|
-
});
|
|
38
|
-
describe("uses correct class names", () => {
|
|
39
|
-
it("uses mobius class", () => {
|
|
40
|
-
const { container } = render(_jsx(Accordion, { children: "test content" }));
|
|
41
|
-
expect(container.firstChild).toHaveClass("mobius");
|
|
42
|
-
});
|
|
43
|
-
it("uses base Mobius class", () => {
|
|
44
|
-
render(_jsx(Accordion, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
|
|
45
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
46
|
-
});
|
|
47
|
-
it("includes custom class name", () => {
|
|
48
|
-
render(_jsx(Accordion, Object.assign({ className: "my-class", "data-testid": "test" }, { children: "Sample Text" })));
|
|
49
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
50
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
describe("respects onClick prop", () => {
|
|
54
|
-
var _a, _b;
|
|
55
|
-
const handleOnClick = jest.fn();
|
|
56
|
-
const { container } = render(_jsx(Accordion, Object.assign({ onClick: handleOnClick }, { children: "Sample Text" })));
|
|
57
|
-
const header = container.getElementsByClassName("mobius/AccordionLink")[0];
|
|
58
|
-
const content = container.getElementsByClassName("mobius/AccordionContent")[0];
|
|
59
|
-
expect((_a = content.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(`rah-static--height-zero`);
|
|
60
|
-
fireEvent.click(header);
|
|
61
|
-
expect((_b = content.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).toHaveClass(`rah-animating--to-height-auto`);
|
|
62
|
-
expect(handleOnClick).toHaveBeenCalled();
|
|
63
|
-
});
|
|
64
|
-
});
|
|
65
|
-
//# sourceMappingURL=Accordion.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Alert } from "./Alert";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Components/Alert",
|
|
6
|
-
component: Alert,
|
|
7
|
-
argTypes: Object.assign({ variant: {
|
|
8
|
-
control: { type: "radio" },
|
|
9
|
-
options: ["info", "success", "warning", "error"],
|
|
10
|
-
} }, excludeControls("elementType", "className")),
|
|
11
|
-
};
|
|
12
|
-
export const Normal = {
|
|
13
|
-
render: (args) => (_jsxs(Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
|
|
14
|
-
dateStyle: "long",
|
|
15
|
-
}).format(new Date())] }))),
|
|
16
|
-
args: {
|
|
17
|
-
variant: "info",
|
|
18
|
-
show: true,
|
|
19
|
-
header: "",
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
export const WithHeader = {
|
|
23
|
-
render: (args) => (_jsxs(Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
|
|
24
|
-
dateStyle: "long",
|
|
25
|
-
}).format(new Date())] }))),
|
|
26
|
-
args: {
|
|
27
|
-
variant: "info",
|
|
28
|
-
show: true,
|
|
29
|
-
header: "Information",
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=Alert.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,kBACN,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACjD,IACE,eAAe,CAAC,aAAa,EAAE,WAAW,CAAC,CAC/C;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAuB;IAC5C,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,aAAa;KACtB;CACF,CAAC"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Alert } from ".";
|
|
4
|
-
describe("Alert", () => {
|
|
5
|
-
it("should render without errors", () => {
|
|
6
|
-
render(_jsx(Alert, { children: "Sample text" }));
|
|
7
|
-
expect(screen.getByText("Sample text")).toBeInTheDocument();
|
|
8
|
-
});
|
|
9
|
-
describe("given elementType", () => {
|
|
10
|
-
it("is not applied as element attribute", () => {
|
|
11
|
-
const { container } = render(_jsx(Alert, Object.assign({ elementType: "ul" }, { children: "Sample text" })));
|
|
12
|
-
expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
|
|
13
|
-
});
|
|
14
|
-
});
|
|
15
|
-
describe("given the show prop is set to false", () => {
|
|
16
|
-
it("should not render", () => {
|
|
17
|
-
const { container } = render(_jsx(Alert, Object.assign({ show: false }, { children: "Sample text" })));
|
|
18
|
-
expect(container).toBeEmptyDOMElement();
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
it("uses correct class name for info variant", () => {
|
|
22
|
-
const { container } = render(_jsx(Alert, Object.assign({ variant: "info" }, { children: "Sample text" })));
|
|
23
|
-
expect(container.firstChild).toHaveClass("--info");
|
|
24
|
-
});
|
|
25
|
-
it("uses correct class name for success variant", () => {
|
|
26
|
-
const { container } = render(_jsx(Alert, Object.assign({ variant: "success" }, { children: "Sample text" })));
|
|
27
|
-
expect(container.firstChild).toHaveClass("--success");
|
|
28
|
-
});
|
|
29
|
-
it("uses correct class name for warning variant", () => {
|
|
30
|
-
const { container } = render(_jsx(Alert, Object.assign({ variant: "warning" }, { children: "Sample text" })));
|
|
31
|
-
expect(container.firstChild).toHaveClass("--warning");
|
|
32
|
-
});
|
|
33
|
-
it("uses correct class name for error variant", () => {
|
|
34
|
-
const { container } = render(_jsx(Alert, Object.assign({ variant: "error" }, { children: "Sample text" })));
|
|
35
|
-
expect(container.firstChild).toHaveClass("--error");
|
|
36
|
-
});
|
|
37
|
-
describe("when header is defined", () => {
|
|
38
|
-
it("displays the header", () => {
|
|
39
|
-
render(_jsx(Alert, Object.assign({ header: "Information" }, { children: "Sample text" })));
|
|
40
|
-
expect(screen.getByText("Information")).toBeInTheDocument();
|
|
41
|
-
});
|
|
42
|
-
it("uses correct class name", () => {
|
|
43
|
-
const { container } = render(_jsx(Alert, Object.assign({ header: "Information" }, { children: "Sample text" })));
|
|
44
|
-
expect(container.firstChild).toHaveClass("--has-header");
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
//# sourceMappingURL=Alert.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Box } from "./Box";
|
|
3
|
-
import { Button } from "../Button";
|
|
4
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
5
|
-
export default {
|
|
6
|
-
title: "Layout/Box",
|
|
7
|
-
component: Box,
|
|
8
|
-
argTypes: excludeControls("className", "elementType", "style"),
|
|
9
|
-
};
|
|
10
|
-
export const Normal = {
|
|
11
|
-
render: (args) => (_jsx(Box, Object.assign({}, args, { children: _jsx(Button, { children: "Click me" }) }))),
|
|
12
|
-
};
|
|
13
|
-
export const CustomElement = {
|
|
14
|
-
render: (args) => _jsx(Box, Object.assign({}, args, { children: "This text is inside a span" })),
|
|
15
|
-
name: "Custom Element",
|
|
16
|
-
args: {
|
|
17
|
-
elementType: "span",
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=Box.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAqB;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,KAAC,GAAG,oBAAK,IAAI,cACX,KAAC,MAAM,2BAAkB,IACrB,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,KAAC,GAAG,oBAAK,IAAI,8CAAkC;IAC3E,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Box } from ".";
|
|
4
|
-
const CLASS_NAME = "mobius/Box";
|
|
5
|
-
describe("Box", () => {
|
|
6
|
-
it("should render without errors", () => {
|
|
7
|
-
render(_jsx(Box, { children: "Sample text" }));
|
|
8
|
-
});
|
|
9
|
-
describe("given elementType", () => {
|
|
10
|
-
it("is not applied as element attribute", () => {
|
|
11
|
-
const { container } = render(_jsx(Box, { elementType: "span" }));
|
|
12
|
-
expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
|
|
13
|
-
});
|
|
14
|
-
});
|
|
15
|
-
describe("uses correct class names", () => {
|
|
16
|
-
it("uses mobius class", () => {
|
|
17
|
-
const { container } = render(_jsx(Box, { children: "Sample text" }));
|
|
18
|
-
expect(container.firstChild).toHaveClass("mobius");
|
|
19
|
-
});
|
|
20
|
-
it("uses base Mobius class", () => {
|
|
21
|
-
render(_jsx(Box, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
|
|
22
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
23
|
-
});
|
|
24
|
-
it("includes custom class name", () => {
|
|
25
|
-
render(_jsx(Box, Object.assign({ className: "my-class", "data-testid": "test" }, { children: "Sample Text" })));
|
|
26
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
27
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
//# sourceMappingURL=Box.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.test.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.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,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,GAAG,8BAAkB,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,GAAG,IAAC,WAAW,EAAC,MAAM,GAAG,CAAC,CAAC;YACzD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,GAAG,8BAAkB,CAAC,CAAC;YACrD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,KAAC,GAAG,iCAAa,MAAM,iCAAkB,CAAC,CAAC;YAClD,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,kBAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,iCAEtC,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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Breadcrumbs } from "./Breadcrumbs";
|
|
3
|
-
import { BreadcrumbItem } from "./BreadcrumbItem";
|
|
4
|
-
import { Link } from "../Link";
|
|
5
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
6
|
-
export default {
|
|
7
|
-
title: "Components/Breadcrumbs",
|
|
8
|
-
component: Breadcrumbs,
|
|
9
|
-
argTypes: excludeControls("className"),
|
|
10
|
-
};
|
|
11
|
-
export const Normal = {
|
|
12
|
-
render: (args) => (_jsxs(Breadcrumbs, Object.assign({}, args, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), _jsx(BreadcrumbItem, { children: "Beauty salon insurance" }, "beauty-salon-insurance")] }))),
|
|
13
|
-
};
|
|
14
|
-
export const WithLogo = {
|
|
15
|
-
render: (args) => (_jsxs(Breadcrumbs, Object.assign({}, args, { children: [_jsx(BreadcrumbItem, { children: _jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85", height: "32px" }, { 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" }) })) }, "root"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/beauty" }, { children: "Beauty Salon" })) }, "beauty-salon-insurance")] }))),
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=Breadcrumbs.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,MAAC,WAAW,oBAAK,IAAI,eACnB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,KAAC,cAAc,0CAAK,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA6B;IAChD,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,MAAC,WAAW,oBAAK,IAAI,eACnB,KAAC,cAAc,cACb,4BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,cAAc,EACtB,MAAM,EAAC,MAAM,gBAEb,eAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,IAPY,MAAM,CAQT,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,SAAS,kCAAoB,IADtB,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Breadcrumbs, BreadcrumbItem } from ".";
|
|
4
|
-
import { Link } from "../Link";
|
|
5
|
-
const CLASS_NAME = "mobius/Breadcrumb";
|
|
6
|
-
const ITEM_CLASS_NAME = "mobius/BreadcrumbItem";
|
|
7
|
-
describe("Test for Breadcrumbs", () => {
|
|
8
|
-
const component = render(_jsxs(Breadcrumbs, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), _jsx(BreadcrumbItem, { children: "Beauty salon insurance" }, "beauty-salon-insurance")] }));
|
|
9
|
-
test.todo("Write a test for Breadcrumbs");
|
|
10
|
-
expect(component).toBeTruthy();
|
|
11
|
-
});
|
|
12
|
-
describe("uses correct class names", () => {
|
|
13
|
-
it("uses Mobius class for top level Breadcrumb", () => {
|
|
14
|
-
render(_jsxs(Breadcrumbs, Object.assign({ "data-testid": "test" }, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen")] })));
|
|
15
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius");
|
|
16
|
-
});
|
|
17
|
-
it("uses base Mobius class for top level Breadcrumb", () => {
|
|
18
|
-
render(_jsxs(Breadcrumbs, Object.assign({ "data-testid": "test" }, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen")] })));
|
|
19
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
20
|
-
});
|
|
21
|
-
it("includes custom class name for top level Breadcrumb", () => {
|
|
22
|
-
render(_jsxs(Breadcrumbs, Object.assign({ "data-testid": "test", className: "my-class" }, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen")] })));
|
|
23
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
24
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
25
|
-
});
|
|
26
|
-
it("includes custom class names for child Breadcrumb <li> items", () => {
|
|
27
|
-
render(_jsxs(Breadcrumbs, { children: [_jsx(BreadcrumbItem, Object.assign({ "data-testid": "business" }, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }), "business-insurance"), _jsx(BreadcrumbItem, Object.assign({ className: "trades-breadcrumb", "data-testid": "trades" }, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }), "tradesmen")] }));
|
|
28
|
-
expect(screen.getByTestId("business").closest("li")).toHaveClass(ITEM_CLASS_NAME);
|
|
29
|
-
expect(screen.getByTestId("trades").closest("li")).toHaveClass("trades-breadcrumb");
|
|
30
|
-
expect(screen.getByTestId("trades").closest("li")).toHaveClass(ITEM_CLASS_NAME);
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
//# sourceMappingURL=Breadcrumbs.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.test.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.test.tsx"],"names":[],"mappings":"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"}
|