@simplybusiness/mobius 3.9.3 → 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 +8 -0
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/NumberField/NumberField.mdx +17 -0
- 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 -213
- 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 -112
- 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 -31
- 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 -103
- 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,112 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Segment } from "./Segment";
|
|
3
|
-
import { SegmentGroup } from "./SegmentGroup";
|
|
4
|
-
import { Text, Flex, TextField, TextArea, RadioGroup, Radio, Select, Option, Divider, } from "..";
|
|
5
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
6
|
-
const sizeOptions = [
|
|
7
|
-
"",
|
|
8
|
-
"size-10",
|
|
9
|
-
"size-20",
|
|
10
|
-
"size-30",
|
|
11
|
-
"size-40",
|
|
12
|
-
"size-50",
|
|
13
|
-
"size-60",
|
|
14
|
-
"size-70",
|
|
15
|
-
"size-80",
|
|
16
|
-
];
|
|
17
|
-
export default {
|
|
18
|
-
title: "Layout/Segment",
|
|
19
|
-
component: Segment,
|
|
20
|
-
excludeStories: [
|
|
21
|
-
"ColouredBackground",
|
|
22
|
-
"HorizontalStack2",
|
|
23
|
-
"HorizontalStack3",
|
|
24
|
-
"Nested2",
|
|
25
|
-
"Nested3",
|
|
26
|
-
"BottomMarginRemoved",
|
|
27
|
-
"CompoundLayout",
|
|
28
|
-
"MarginAround",
|
|
29
|
-
"PaymentDetails",
|
|
30
|
-
],
|
|
31
|
-
argTypes: Object.assign({ colour: {
|
|
32
|
-
control: { type: "select" },
|
|
33
|
-
options: ["", "primary", "secondary", "grey", "subtle"],
|
|
34
|
-
}, inverted: {
|
|
35
|
-
control: { type: "boolean" },
|
|
36
|
-
if: {
|
|
37
|
-
arg: "colour",
|
|
38
|
-
},
|
|
39
|
-
} }, excludeControls("className")),
|
|
40
|
-
};
|
|
41
|
-
export const Single = {
|
|
42
|
-
render: (args) => (_jsxs(Segment, Object.assign({}, args, { children: [_jsxs(Flex, Object.assign({ style: {
|
|
43
|
-
width: "100%",
|
|
44
|
-
}, justifyContent: "space-between" }, { children: [_jsx(Text, { children: "General liability*" }), _jsx(Text, { children: "$300.00" })] })), _jsxs(Flex, Object.assign({ style: {
|
|
45
|
-
width: "100%",
|
|
46
|
-
}, justifyContent: "space-between" }, { children: [_jsx(Text, { children: "Contractor\u2018s equipment and small tools" }), _jsx(Text, { children: "$80.00" })] })), _jsxs(Flex, Object.assign({ style: {
|
|
47
|
-
width: "100%",
|
|
48
|
-
}, justifyContent: "space-between" }, { children: [_jsx(Text, { children: "Cyber insurance" }), _jsx(Text, { children: "$250.00" })] }))] }))),
|
|
49
|
-
args: {
|
|
50
|
-
heading: "Today's Payment",
|
|
51
|
-
inverted: false,
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
export const VerticalStack = {
|
|
55
|
-
render: (args) => (_jsxs(SegmentGroup, { children: [_jsx(Segment, Object.assign({}, args, { children: "Item" })), _jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" })] })),
|
|
56
|
-
args: {
|
|
57
|
-
heading: "",
|
|
58
|
-
inverted: true,
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
export const HorizontalStack = {
|
|
62
|
-
render: (args) => (_jsxs(SegmentGroup, Object.assign({}, args, { children: [_jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" })] }))),
|
|
63
|
-
args: {
|
|
64
|
-
horizontal: true,
|
|
65
|
-
margin: "size-20",
|
|
66
|
-
},
|
|
67
|
-
argTypes: {
|
|
68
|
-
margin: {
|
|
69
|
-
control: { type: "select" },
|
|
70
|
-
options: [...sizeOptions],
|
|
71
|
-
},
|
|
72
|
-
},
|
|
73
|
-
parameters: {
|
|
74
|
-
controls: {
|
|
75
|
-
exclude: ["heading", "colour"],
|
|
76
|
-
},
|
|
77
|
-
},
|
|
78
|
-
};
|
|
79
|
-
export const Nested = {
|
|
80
|
-
render: (args) => (_jsx(Segment, Object.assign({}, args, { children: _jsxs(SegmentGroup, { children: [_jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" })] }) }))),
|
|
81
|
-
args: {
|
|
82
|
-
heading: "Today's Payment",
|
|
83
|
-
inverted: false,
|
|
84
|
-
},
|
|
85
|
-
};
|
|
86
|
-
export const Nested2 = () => (_jsx(Segment, { children: _jsxs(SegmentGroup, { children: [_jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" })] }) }));
|
|
87
|
-
export const Nested3 = () => (_jsx(Segment, Object.assign({ heading: "Today's Payment" }, { children: _jsx(Segment, { children: "Item" }) })));
|
|
88
|
-
export const ColouredBackground = () => (_jsxs("div", Object.assign({ style: { display: "flex", flexDirection: "column", gap: "16px" } }, { children: [_jsx(Segment, Object.assign({ colour: "subtle" }, { children: "Subtle" })), _jsx(Segment, Object.assign({ colour: "secondary" }, { children: "Secondary" })), _jsx(Segment, Object.assign({ inverted: true, colour: "primary" }, { children: "Primary" })), _jsx(Segment, Object.assign({ inverted: true, colour: "secondary" }, { children: "Secondary" }))] })));
|
|
89
|
-
export const HorizontalStack2 = () => (_jsxs(SegmentGroup, Object.assign({ horizontal: true }, { children: [_jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" })] })));
|
|
90
|
-
export const HorizontalStack3 = () => (_jsx(SegmentGroup, Object.assign({ horizontal: true }, { children: _jsx(Segment, { children: "Item" }) })));
|
|
91
|
-
export const BottomMarginRemoved = () => (_jsxs(SegmentGroup, Object.assign({ horizontal: true }, { children: [_jsxs(Segment, { children: [_jsx(TextField, { label: "First name" }), _jsx(TextArea, { label: "Address" })] }), _jsxs(Segment, Object.assign({ colour: "subtle" }, { children: [_jsxs(RadioGroup, Object.assign({ label: "Colour" }, { children: [_jsx(Radio, { value: "red", label: "Red" }), _jsx(Radio, { value: "blue", label: "Blue" })] })), _jsxs(Select, Object.assign({ label: "Selection" }, { children: [_jsx(Option, { children: "Please select a color" }), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))] }))] })));
|
|
92
|
-
export const CompoundLayout = () => (_jsxs(SegmentGroup, Object.assign({ horizontal: true }, { children: [_jsxs(SegmentGroup, { children: [_jsx(Segment, { children: "General liability" }), _jsx(Segment, { children: "Business property and equipment" }), _jsx(Segment, { children: "Total" })] }), _jsx(SegmentGroup, { children: _jsx(Segment, { children: "Payment Options" }) })] })));
|
|
93
|
-
export const MarginAround = () => (_jsxs(SegmentGroup, { children: [_jsx(Segment, { children: "Top" }), _jsxs(SegmentGroup, Object.assign({ margin: "size-30" }, { children: [_jsx(Segment, { children: "Nested Top" }), _jsx(Segment, { children: "Nested Middle" }), _jsx(Segment, { children: "Nested Bottom" })] })), _jsxs(SegmentGroup, Object.assign({ horizontal: true }, { children: [_jsx(Segment, { children: "Top" }), _jsx(Segment, { children: "Middle" }), _jsx(Segment, { children: "Bottom" })] })), _jsx(Segment, { children: "Bottom" })] }));
|
|
94
|
-
export const PaymentDetails = () => (_jsx("div", Object.assign({ style: { width: "340px" } }, { children: _jsxs(SegmentGroup, { children: [_jsxs(Segment, Object.assign({ heading: "Today's Payment" }, { children: [_jsxs("div", Object.assign({ style: {
|
|
95
|
-
display: "grid",
|
|
96
|
-
gridTemplateColumns: "2fr 1fr",
|
|
97
|
-
alignItems: "flex-end",
|
|
98
|
-
rowGap: "8px",
|
|
99
|
-
} }, { children: [_jsx(Text, Object.assign({ variant: "caption" }, { children: "General liability\\*" })), _jsx(Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$300.00" })), _jsx(Text, Object.assign({ variant: "caption" }, { children: "Contractor's equipment and small tools" })), _jsx(Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$80.00" })), _jsx(Text, Object.assign({ variant: "caption" }, { children: "Cyber insurance" })), _jsx(Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$250.00" }))] })), _jsx(Divider, {}), _jsxs("div", Object.assign({ style: {
|
|
100
|
-
display: "grid",
|
|
101
|
-
gridTemplateColumns: "2fr 1fr",
|
|
102
|
-
alignItems: "flex-end",
|
|
103
|
-
rowGap: "8px",
|
|
104
|
-
width: "100%",
|
|
105
|
-
} }, { children: [_jsx(Text, Object.assign({ variant: "caption" }, { children: _jsx("strong", { children: "To pay today" }) })), _jsx(Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: _jsx("strong", { children: "$630.00" }) }))] }))] })), _jsx(Segment, Object.assign({ heading: "Monthly Payments" }, { children: _jsxs("div", Object.assign({ style: {
|
|
106
|
-
display: "grid",
|
|
107
|
-
gridTemplateColumns: "2fr 1fr",
|
|
108
|
-
alignItems: "flex-end",
|
|
109
|
-
rowGap: "8px",
|
|
110
|
-
width: "100%",
|
|
111
|
-
} }, { children: [_jsx(Text, Object.assign({ variant: "caption" }, { children: _jsx("strong", { children: "First monthly payment taken" }) })), _jsx(Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "01/01/2022" })), _jsx(Text, Object.assign({ variant: "caption" }, { children: "8 monthly payments of" })), _jsx(Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$120.00" })), _jsx(Text, Object.assign({ variant: "caption" }, { children: "Then 2 monthly payments of" })), _jsx(Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$90.00" }))] })) })), _jsx(Segment, Object.assign({ colour: "subtle" }, { children: _jsxs(Flex, Object.assign({ style: { width: "100%" }, justifyContent: "space-between" }, { children: [_jsxs(Text, { children: [_jsx("strong", { children: "Total" }), " (inc. tax + fees)"] }), _jsx(Text, { children: _jsx("strong", { children: "$1,770.00" }) })] })) }))] }) })));
|
|
112
|
-
//# sourceMappingURL=Segment.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Segment.stories.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Select } from "./Select";
|
|
3
|
-
import { Option } from "../Option";
|
|
4
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
5
|
-
export default {
|
|
6
|
-
title: "Forms/Select",
|
|
7
|
-
component: Select,
|
|
8
|
-
argTypes: Object.assign({ validationState: {
|
|
9
|
-
options: ["valid", "invalid", "neither"],
|
|
10
|
-
control: { type: "radio" },
|
|
11
|
-
mapping: {
|
|
12
|
-
valid: "valid",
|
|
13
|
-
invalid: "invalid",
|
|
14
|
-
neither: "",
|
|
15
|
-
},
|
|
16
|
-
}, value: {
|
|
17
|
-
control: { type: "select" },
|
|
18
|
-
options: ["", "red", "blue", "green"],
|
|
19
|
-
} }, excludeControls("className", "onChange", "aria-describedby")),
|
|
20
|
-
};
|
|
21
|
-
export const Normal = {
|
|
22
|
-
render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
23
|
-
args: {
|
|
24
|
-
name: "color",
|
|
25
|
-
label: "Colors",
|
|
26
|
-
defaultValue: "",
|
|
27
|
-
errorMessage: "",
|
|
28
|
-
isDisabled: false,
|
|
29
|
-
isRequired: false,
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
export const ControlledValue = {
|
|
33
|
-
render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
34
|
-
args: {
|
|
35
|
-
name: "color",
|
|
36
|
-
label: "Colors",
|
|
37
|
-
value: "green",
|
|
38
|
-
errorMessage: "",
|
|
39
|
-
defaultValue: "",
|
|
40
|
-
isDisabled: false,
|
|
41
|
-
isRequired: false,
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
export const Disabled = {
|
|
45
|
-
render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
46
|
-
args: {
|
|
47
|
-
name: "color",
|
|
48
|
-
label: "Colors",
|
|
49
|
-
defaultValue: "green",
|
|
50
|
-
errorMessage: "",
|
|
51
|
-
isDisabled: true,
|
|
52
|
-
isRequired: false,
|
|
53
|
-
},
|
|
54
|
-
};
|
|
55
|
-
export const Valid = {
|
|
56
|
-
render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
57
|
-
args: {
|
|
58
|
-
name: "color",
|
|
59
|
-
label: "Colors",
|
|
60
|
-
defaultValue: "green",
|
|
61
|
-
validationState: "valid",
|
|
62
|
-
errorMessage: "",
|
|
63
|
-
isDisabled: false,
|
|
64
|
-
isRequired: false,
|
|
65
|
-
},
|
|
66
|
-
};
|
|
67
|
-
export const Invalid = {
|
|
68
|
-
render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
69
|
-
args: {
|
|
70
|
-
name: "color",
|
|
71
|
-
label: "Colors",
|
|
72
|
-
defaultValue: "green",
|
|
73
|
-
validationState: "invalid",
|
|
74
|
-
errorMessage: "Unacceptable color",
|
|
75
|
-
isDisabled: false,
|
|
76
|
-
isRequired: false,
|
|
77
|
-
},
|
|
78
|
-
};
|
|
79
|
-
//# sourceMappingURL=Select.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;IACjB,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,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;SACtC,IACE,eAAe,CAAC,WAAW,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAChE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,oBAAK,IAAI,eACd,KAAC,MAAM,kBAAY,KAAK,EAAC,EAAE,EAAC,UAAU,kDAA1B,MAAM,CAET,EACT,KAAC,MAAM,kBAAW,KAAK,EAAC,KAAK,0BAAjB,KAAK,CAER,EACT,KAAC,MAAM,kBAAY,KAAK,EAAC,MAAM,2BAAnB,MAAM,CAET,EACT,KAAC,MAAM,kBAAa,KAAK,EAAC,OAAO,4BAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAwB;IAClD,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,oBAAK,IAAI,eACd,KAAC,MAAM,kBAAY,KAAK,EAAC,EAAE,EAAC,UAAU,kDAA1B,MAAM,CAET,EACT,KAAC,MAAM,kBAAW,KAAK,EAAC,KAAK,0BAAjB,KAAK,CAER,EACT,KAAC,MAAM,kBAAY,KAAK,EAAC,MAAM,2BAAnB,MAAM,CAET,EACT,KAAC,MAAM,kBAAa,KAAK,EAAC,OAAO,4BAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,OAAO;QACd,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAwB;IAC3C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,oBAAK,IAAI,eACd,KAAC,MAAM,kBAAY,KAAK,EAAC,EAAE,EAAC,UAAU,kDAA1B,MAAM,CAET,EACT,KAAC,MAAM,kBAAW,KAAK,EAAC,KAAK,0BAAjB,KAAK,CAER,EACT,KAAC,MAAM,kBAAY,KAAK,EAAC,MAAM,2BAAnB,MAAM,CAET,EACT,KAAC,MAAM,kBAAa,KAAK,EAAC,OAAO,4BAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,OAAO;QACrB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,IAAI;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,oBAAK,IAAI,eACd,KAAC,MAAM,kBAAY,KAAK,EAAC,EAAE,EAAC,UAAU,kDAA1B,MAAM,CAET,EACT,KAAC,MAAM,kBAAW,KAAK,EAAC,KAAK,0BAAjB,KAAK,CAER,EACT,KAAC,MAAM,kBAAY,KAAK,EAAC,MAAM,2BAAnB,MAAM,CAET,EACT,KAAC,MAAM,kBAAa,KAAK,EAAC,OAAO,4BAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,OAAO;QACrB,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,oBAAK,IAAI,eACd,KAAC,MAAM,kBAAY,KAAK,EAAC,EAAE,EAAC,UAAU,kDAA1B,MAAM,CAET,EACT,KAAC,MAAM,kBAAW,KAAK,EAAC,KAAK,0BAAjB,KAAK,CAER,EACT,KAAC,MAAM,kBAAY,KAAK,EAAC,MAAM,2BAAnB,MAAM,CAET,EACT,KAAC,MAAM,kBAAa,KAAK,EAAC,OAAO,4BAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,OAAO;QACrB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC"}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import { Select } from ".";
|
|
5
|
-
import { Option } from "..";
|
|
6
|
-
const CLASS_NAME = "mobius/Select";
|
|
7
|
-
const LABEL_CLASS_NAME = "mobius/Label";
|
|
8
|
-
describe("Select", () => {
|
|
9
|
-
it("should render without error", () => {
|
|
10
|
-
const component = render(_jsxs(Select, Object.assign({ label: "Color" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
11
|
-
expect(component).toBeTruthy();
|
|
12
|
-
});
|
|
13
|
-
it("should call onChange when clicked", async () => {
|
|
14
|
-
const callback = jest.fn();
|
|
15
|
-
const { getByLabelText } = render(_jsxs(Select, Object.assign({ label: "Color", name: "color", onChange: callback }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
16
|
-
await userEvent.selectOptions(getByLabelText("Color"), ["Red"]);
|
|
17
|
-
expect(callback).toHaveBeenCalledWith("Red");
|
|
18
|
-
});
|
|
19
|
-
describe("with errors", () => {
|
|
20
|
-
it("should render the error", () => {
|
|
21
|
-
const { getByText } = render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
22
|
-
expect(getByText("Required")).toBeTruthy();
|
|
23
|
-
});
|
|
24
|
-
it("should set aria-invalid to true", () => {
|
|
25
|
-
const { getByLabelText } = render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
26
|
-
expect(getByLabelText("Color").getAttribute("aria-invalid")).toBeTruthy();
|
|
27
|
-
});
|
|
28
|
-
it("should set the correct aria-describedby attribute", () => {
|
|
29
|
-
const { getByLabelText } = render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
30
|
-
expect(getByLabelText("Color")).toHaveAccessibleDescription("Required");
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
describe("given a disabled option", () => {
|
|
34
|
-
it("should render with disabled attribute applied", () => {
|
|
35
|
-
render(_jsxs(Select, Object.assign({ label: "Color", name: "color" }, { children: [_jsx(Option, Object.assign({ isDisabled: true }, { children: "Please select a color" })), _jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
36
|
-
const options = screen.queryAllByRole("option");
|
|
37
|
-
expect(options[0]).toBeDisabled();
|
|
38
|
-
});
|
|
39
|
-
});
|
|
40
|
-
describe("isRequired", () => {
|
|
41
|
-
it("should set aria-required to true", () => {
|
|
42
|
-
render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: true }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
43
|
-
expect(screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
|
|
44
|
-
});
|
|
45
|
-
it("should have className of --is-required when true", () => {
|
|
46
|
-
render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: true }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
47
|
-
expect(screen.getByLabelText("Color")).toHaveClass("--is-required");
|
|
48
|
-
});
|
|
49
|
-
it("should have className of --is-optional when false", () => {
|
|
50
|
-
render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: false }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
51
|
-
expect(screen.getByLabelText("Color")).toHaveClass("--is-optional");
|
|
52
|
-
});
|
|
53
|
-
it("should have neither --is-required nor --is-optional when unset", () => {
|
|
54
|
-
render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
55
|
-
expect(screen.getByLabelText("Color")).not.toHaveClass("--is-required");
|
|
56
|
-
expect(screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
|
|
57
|
-
});
|
|
58
|
-
});
|
|
59
|
-
describe("uses correct class names", () => {
|
|
60
|
-
it("uses Mobius class", () => {
|
|
61
|
-
const { container } = render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
62
|
-
expect(container.firstChild).toHaveClass("mobius");
|
|
63
|
-
});
|
|
64
|
-
it("uses base Mobius class", () => {
|
|
65
|
-
render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
66
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
67
|
-
});
|
|
68
|
-
it("includes custom class name", () => {
|
|
69
|
-
render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test", className: "my-class" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
70
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
71
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
72
|
-
});
|
|
73
|
-
it("includes label class name", () => {
|
|
74
|
-
var _a, _b;
|
|
75
|
-
render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
76
|
-
expect((_b = (_a = screen.getByTestId("test").closest("div")) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass(LABEL_CLASS_NAME);
|
|
77
|
-
});
|
|
78
|
-
it("includes disabled class name", () => {
|
|
79
|
-
render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test", isDisabled: true }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
80
|
-
const select = screen.getByTestId("test");
|
|
81
|
-
const selectIcon = select.nextElementSibling;
|
|
82
|
-
expect(select).toHaveClass("--is-disabled");
|
|
83
|
-
expect(selectIcon).toHaveClass("--is-disabled");
|
|
84
|
-
});
|
|
85
|
-
it("includes valid state class name", () => {
|
|
86
|
-
render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test", validationState: "valid" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
|
|
87
|
-
const select = screen.getByTestId("test");
|
|
88
|
-
const selectIcon = select.nextElementSibling;
|
|
89
|
-
expect(select).toHaveClass("--is-valid");
|
|
90
|
-
expect(selectIcon).toHaveClass("--is-valid");
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
|
-
//# sourceMappingURL=Select.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.test.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Slider } from "./Slider";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Components/Slider",
|
|
6
|
-
component: Slider,
|
|
7
|
-
// Note: minValue, maxValue, defaultValue only work with certain settings.
|
|
8
|
-
argTypes: Object.assign({}, excludeControls("className", "onChange", "onChangeEnd", "formatOptions", "minValue", "maxValue", "defaultValue")),
|
|
9
|
-
};
|
|
10
|
-
export const Primary = {
|
|
11
|
-
render: (args) => _jsx(Slider, Object.assign({}, args)),
|
|
12
|
-
args: {
|
|
13
|
-
label: "Tools value",
|
|
14
|
-
minValue: 20,
|
|
15
|
-
maxValue: 500,
|
|
16
|
-
defaultValue: 100,
|
|
17
|
-
variant: "primary",
|
|
18
|
-
minLabel: "",
|
|
19
|
-
maxLabel: "",
|
|
20
|
-
isDisabled: false,
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
export const Secondary = {
|
|
24
|
-
render: (args) => _jsx(Slider, Object.assign({}, args)),
|
|
25
|
-
args: {
|
|
26
|
-
label: "Tools value",
|
|
27
|
-
minValue: 20,
|
|
28
|
-
maxValue: 500,
|
|
29
|
-
defaultValue: 100,
|
|
30
|
-
variant: "secondary",
|
|
31
|
-
minLabel: "",
|
|
32
|
-
maxLabel: "",
|
|
33
|
-
isDisabled: false,
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
export const NoLabel = {
|
|
37
|
-
render: (args) => _jsx(Slider, Object.assign({}, args)),
|
|
38
|
-
args: {
|
|
39
|
-
label: "",
|
|
40
|
-
"aria-label": "Tools value",
|
|
41
|
-
minValue: 20,
|
|
42
|
-
maxValue: 500,
|
|
43
|
-
variant: "primary",
|
|
44
|
-
defaultValue: 100,
|
|
45
|
-
minLabel: "",
|
|
46
|
-
maxLabel: "",
|
|
47
|
-
isDisabled: false,
|
|
48
|
-
},
|
|
49
|
-
};
|
|
50
|
-
export const Disabled = {
|
|
51
|
-
render: (args) => _jsx(Slider, Object.assign({}, args)),
|
|
52
|
-
args: {
|
|
53
|
-
label: "Tools value",
|
|
54
|
-
minValue: 20,
|
|
55
|
-
maxValue: 500,
|
|
56
|
-
variant: "primary",
|
|
57
|
-
defaultValue: 100,
|
|
58
|
-
minLabel: "",
|
|
59
|
-
maxLabel: "",
|
|
60
|
-
isDisabled: true,
|
|
61
|
-
},
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=Slider.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.stories.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,0EAA0E;IAC1E,QAAQ,oBAMD,eAAe,CAChB,WAAW,EACX,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,EACV,UAAU,EACV,cAAc,CACf,CACF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAwB;IAC5C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,aAAa;QAC3B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAwB;IAC3C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render } from "@testing-library/react";
|
|
3
|
-
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import { Slider } from "./Slider";
|
|
5
|
-
describe("Slider", () => {
|
|
6
|
-
it("should render without errors", () => {
|
|
7
|
-
const { container } = render(_jsx(Slider, { className: "test", label: "Test", defaultValue: 0 }));
|
|
8
|
-
expect(container).toBeInTheDocument();
|
|
9
|
-
});
|
|
10
|
-
describe("labels", () => {
|
|
11
|
-
it("should render a min label", () => {
|
|
12
|
-
const { getByTestId } = render(_jsx(Slider, { label: "Test", minLabel: "Min" }));
|
|
13
|
-
expect(getByTestId("min-label")).toHaveTextContent("Min");
|
|
14
|
-
});
|
|
15
|
-
it("should render a max label", () => {
|
|
16
|
-
const { getByTestId } = render(_jsx(Slider, { label: "Test", maxLabel: "Max" }));
|
|
17
|
-
expect(getByTestId("max-label")).toHaveTextContent("Max");
|
|
18
|
-
});
|
|
19
|
-
});
|
|
20
|
-
describe("classnames", () => {
|
|
21
|
-
let result;
|
|
22
|
-
beforeEach(() => {
|
|
23
|
-
result = render(_jsx(Slider, { className: "test", label: "test", defaultValue: 0 }));
|
|
24
|
-
});
|
|
25
|
-
const classNames = ["mobius", "mobius/Slider", "test"];
|
|
26
|
-
it.each(classNames)("should have classname %s", className => {
|
|
27
|
-
expect(result.container.firstChild).toHaveClass(className);
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
describe("events", () => {
|
|
31
|
-
it("should call events on input change", async () => {
|
|
32
|
-
const onChange = jest.fn();
|
|
33
|
-
const onChangeEnd = jest.fn();
|
|
34
|
-
render(_jsx(Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
|
|
35
|
-
await userEvent.tab();
|
|
36
|
-
await userEvent.keyboard("{arrowright}");
|
|
37
|
-
expect(onChange).toHaveBeenCalledWith(2);
|
|
38
|
-
expect(onChangeEnd).toHaveBeenCalledWith(2);
|
|
39
|
-
});
|
|
40
|
-
it("should not call onChange when value is already min", async () => {
|
|
41
|
-
const onChange = jest.fn();
|
|
42
|
-
const onChangeEnd = jest.fn();
|
|
43
|
-
render(_jsx(Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
|
|
44
|
-
await userEvent.tab();
|
|
45
|
-
await userEvent.keyboard("{arrowleft}");
|
|
46
|
-
expect(onChange).not.toHaveBeenCalled();
|
|
47
|
-
});
|
|
48
|
-
it("should not call onChange when value is already max", async () => {
|
|
49
|
-
const onChange = jest.fn();
|
|
50
|
-
const onChangeEnd = jest.fn();
|
|
51
|
-
render(_jsx(Slider, { label: "test", defaultValue: 10, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
|
|
52
|
-
await userEvent.tab();
|
|
53
|
-
await userEvent.keyboard("{arrowright}");
|
|
54
|
-
expect(onChange).not.toHaveBeenCalled();
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
//# sourceMappingURL=Slider.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.test.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Table } from ".";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Components/Table",
|
|
6
|
-
component: Table,
|
|
7
|
-
argTypes: excludeControls("className"),
|
|
8
|
-
};
|
|
9
|
-
export const Normal = {
|
|
10
|
-
render: (args) => (_jsxs(Table, Object.assign({}, args, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.HeaderCell, { children: "Insurance cover" }), _jsx(Table.HeaderCell, { children: "Lowest excess" }), _jsx(Table.HeaderCell, { children: "Highest excess" })] }) }), _jsxs(Table.Body, { children: [_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Public liability" }), _jsx(Table.Cell, { children: "\u00A3250" }), _jsx(Table.Cell, { children: "\u00A32,500" })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Employers\u2018 liability" }), _jsx(Table.Cell, { children: "\u00A3250" }), _jsx(Table.Cell, { children: "\u00A3500" })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Tools" }), _jsx(Table.Cell, { children: "\u00A3100" }), _jsx(Table.Cell, { children: "\u00A3500" })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Stock" }), _jsx(Table.Cell, { children: "\u00A3250" }), _jsx(Table.Cell, { children: "\u00A3500" })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Business and office equipment" }), _jsx(Table.Cell, { children: "\u00A350" }), _jsx(Table.Cell, { children: "\u00A3500" })] })] })] }))),
|
|
11
|
-
};
|
|
12
|
-
export const Extended = {
|
|
13
|
-
render: (args) => (_jsxs(Table, Object.assign({}, args, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.HeaderCell, { children: "Column one" }), _jsx(Table.HeaderCell, { children: "Column two" }), _jsx(Table.HeaderCell, { children: "Column three" }), _jsx(Table.HeaderCell, { children: "Column four" }), _jsx(Table.HeaderCell, { children: "Column five" }), _jsx(Table.HeaderCell, { children: "Column six" }), _jsx(Table.HeaderCell, { children: "Column seven" })] }) }), _jsxs(Table.Body, { children: [_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Lorem" }), _jsx(Table.Cell, { children: "Ipsum" }), _jsx(Table.Cell, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi ultrices vitae." }), _jsx(Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis. Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), _jsx(Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis." }), _jsx(Table.Cell, { children: "Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), _jsx(Table.Cell, { children: "Nullam a dui sit amet nisi porta sollicitudin." })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Lorem" }), _jsx(Table.Cell, { children: "Ipsum" }), _jsx(Table.Cell, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi ultrices vitae." }), _jsx(Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis. Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), _jsx(Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis." }), _jsx(Table.Cell, { children: "Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), _jsx(Table.Cell, { children: "Nullam a dui sit amet nisi porta sollicitudin." })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Public liability" }), _jsx(Table.Cell, { children: "\u00A3250" }), _jsx(Table.Cell, { children: "\u00A32,500" }), _jsx(Table.Cell, { children: "\u00A32,500" }), _jsx(Table.Cell, { children: "\u00A32,500" }), _jsx(Table.Cell, { children: "\u00A32,500" }), _jsx(Table.Cell, { children: "\u00A32,500" })] })] })] }))),
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=Table.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Table } from ".";
|
|
4
|
-
const TABLE_CLASS_NAME = "mobius/Table";
|
|
5
|
-
describe("Test for Table", () => {
|
|
6
|
-
it("renders an empty table", () => {
|
|
7
|
-
const component = render(_jsx(Table, {}));
|
|
8
|
-
expect(component).toBeTruthy();
|
|
9
|
-
});
|
|
10
|
-
describe("uses correct class names", () => {
|
|
11
|
-
describe("uses the Mobius class name", () => {
|
|
12
|
-
beforeEach(() => {
|
|
13
|
-
render(_jsxs(Table, Object.assign({ "data-testid": "table" }, { children: [_jsx(Table.Head, Object.assign({ "data-testid": "head" }, { children: _jsx(Table.Row, Object.assign({ "data-testid": "row" }, { children: _jsx(Table.HeaderCell, Object.assign({ "data-testid": "headerCell" }, { children: "Browser" })) })) })), _jsx(Table.Body, Object.assign({ "data-testid": "body" }, { children: _jsx(Table.Row, { children: _jsx(Table.Cell, Object.assign({ "data-testid": "cell" }, { children: "Cell" })) }) })), _jsx(Table.Foot, { "data-testid": "foot" })] })));
|
|
14
|
-
});
|
|
15
|
-
it.each([
|
|
16
|
-
["Table", "table"],
|
|
17
|
-
["Table.Head", "head"],
|
|
18
|
-
["Table.Body", "body"],
|
|
19
|
-
["Table.Foot", "foot"],
|
|
20
|
-
["Table.Row", "row"],
|
|
21
|
-
["Table.HeaderCell", "headerCell"],
|
|
22
|
-
["Table.Cell", "cell"],
|
|
23
|
-
])("for the %s component", (_component, testId) => {
|
|
24
|
-
expect(screen.getByTestId(testId)).toHaveClass("mobius");
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
it("uses table component class names", () => {
|
|
28
|
-
var _a, _b;
|
|
29
|
-
render(_jsxs(Table, Object.assign({ "data-testid": "test" }, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.HeaderCell, { children: "Browser" }), _jsx(Table.HeaderCell, { children: "Number of unique visitors" }), _jsx(Table.HeaderCell, { children: "Header" }), _jsx(Table.HeaderCell, { children: "Header" }), _jsx(Table.HeaderCell, { children: "Header" })] }) }), _jsx(Table.Body, { children: _jsxs(Table.Row, { children: [_jsx(Table.HeaderCell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" })] }) }), _jsx(Table.Foot, {})] })));
|
|
30
|
-
// Table and head
|
|
31
|
-
expect(screen.getByTestId("test")).toHaveClass(TABLE_CLASS_NAME);
|
|
32
|
-
const head = screen.getByTestId("test").firstChild;
|
|
33
|
-
expect(head).toHaveClass("mobius/TableHead");
|
|
34
|
-
expect(head === null || head === void 0 ? void 0 : head.firstChild).toHaveClass("mobius/TableRow");
|
|
35
|
-
expect((_a = head === null || head === void 0 ? void 0 : head.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/TableHeadCell");
|
|
36
|
-
// Body
|
|
37
|
-
const body = screen.getByTestId("test").childNodes[1];
|
|
38
|
-
expect(body).toHaveClass("mobius/TableBody");
|
|
39
|
-
expect(body === null || body === void 0 ? void 0 : body.firstChild).toHaveClass("mobius/TableRow");
|
|
40
|
-
expect((_b = body === null || body === void 0 ? void 0 : body.firstChild) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass("mobius/TableHeadCell");
|
|
41
|
-
// Foot
|
|
42
|
-
const foot = screen.getByTestId("test").childNodes[2];
|
|
43
|
-
expect(foot).toHaveClass("mobius/TableFoot");
|
|
44
|
-
});
|
|
45
|
-
it("includes custom class name", () => {
|
|
46
|
-
var _a, _b, _c, _d;
|
|
47
|
-
render(_jsxs(Table, Object.assign({ "data-testid": "test", className: "my-table" }, { children: [_jsx(Table.Head, Object.assign({ className: "my-header" }, { children: _jsxs(Table.Row, Object.assign({ className: "my-header-row" }, { children: [_jsx(Table.HeaderCell, Object.assign({ className: "my-header-cell" }, { children: "Browser" })), _jsx(Table.HeaderCell, { children: "Number of unique visitors" }), _jsx(Table.HeaderCell, { children: "Header" }), _jsx(Table.HeaderCell, { children: "Header" }), _jsx(Table.HeaderCell, { children: "Header" })] })) })), _jsx(Table.Body, Object.assign({ className: "my-body" }, { children: _jsxs(Table.Row, Object.assign({ className: "my-body-row" }, { children: [_jsx(Table.HeaderCell, Object.assign({ className: "my-body-cell" }, { children: "Cell" })), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" })] })) })), _jsx(Table.Foot, { className: "my-footer" })] })));
|
|
48
|
-
// Table and head
|
|
49
|
-
expect(screen.getByTestId("test")).toHaveClass(TABLE_CLASS_NAME);
|
|
50
|
-
expect(screen.getByTestId("test")).toHaveClass("my-table");
|
|
51
|
-
const head = screen.getByTestId("test").firstChild;
|
|
52
|
-
expect(head).toHaveClass("mobius/TableHead");
|
|
53
|
-
expect(head).toHaveClass("my-header");
|
|
54
|
-
expect(head === null || head === void 0 ? void 0 : head.firstChild).toHaveClass("mobius/TableRow");
|
|
55
|
-
expect(head === null || head === void 0 ? void 0 : head.firstChild).toHaveClass("my-header-row");
|
|
56
|
-
expect((_a = head === null || head === void 0 ? void 0 : head.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/TableHeadCell");
|
|
57
|
-
expect((_b = head === null || head === void 0 ? void 0 : head.firstChild) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass("my-header-cell");
|
|
58
|
-
// Body
|
|
59
|
-
const body = screen.getByTestId("test").childNodes[1];
|
|
60
|
-
expect(body).toHaveClass("mobius/TableBody");
|
|
61
|
-
expect(body).toHaveClass("my-body");
|
|
62
|
-
expect(body === null || body === void 0 ? void 0 : body.firstChild).toHaveClass("mobius/TableRow");
|
|
63
|
-
expect(body === null || body === void 0 ? void 0 : body.firstChild).toHaveClass("my-body-row");
|
|
64
|
-
expect((_c = body === null || body === void 0 ? void 0 : body.firstChild) === null || _c === void 0 ? void 0 : _c.firstChild).toHaveClass("mobius/TableHeadCell");
|
|
65
|
-
expect((_d = body === null || body === void 0 ? void 0 : body.firstChild) === null || _d === void 0 ? void 0 : _d.firstChild).toHaveClass("my-body-cell");
|
|
66
|
-
// Foot
|
|
67
|
-
const foot = screen.getByTestId("test").childNodes[2];
|
|
68
|
-
expect(foot).toHaveClass("mobius/TableFoot");
|
|
69
|
-
expect(foot).toHaveClass("my-footer");
|
|
70
|
-
});
|
|
71
|
-
});
|
|
72
|
-
});
|
|
73
|
-
//# sourceMappingURL=Table.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.test.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.test.tsx"],"names":[],"mappings":"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"}
|