@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.
Files changed (218) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  3. package/package.json +1 -1
  4. package/src/components/NumberField/NumberField.mdx +17 -0
  5. package/dist/esm/components/Accordion/Accordion.stories.js +0 -45
  6. package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
  7. package/dist/esm/components/Accordion/Accordion.test.js +0 -65
  8. package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
  9. package/dist/esm/components/Alert/Alert.stories.js +0 -32
  10. package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
  11. package/dist/esm/components/Alert/Alert.test.js +0 -48
  12. package/dist/esm/components/Alert/Alert.test.js.map +0 -1
  13. package/dist/esm/components/Box/Box.stories.js +0 -20
  14. package/dist/esm/components/Box/Box.stories.js.map +0 -1
  15. package/dist/esm/components/Box/Box.test.js +0 -31
  16. package/dist/esm/components/Box/Box.test.js.map +0 -1
  17. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
  18. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
  19. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
  20. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
  21. package/dist/esm/components/Button/Button.stories.js +0 -213
  22. package/dist/esm/components/Button/Button.stories.js.map +0 -1
  23. package/dist/esm/components/Button/Button.test.js +0 -81
  24. package/dist/esm/components/Button/Button.test.js.map +0 -1
  25. package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
  26. package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
  27. package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
  28. package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
  29. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
  30. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
  31. package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
  32. package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
  33. package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
  34. package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
  35. package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
  36. package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
  37. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
  38. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
  39. package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
  40. package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
  41. package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
  42. package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
  43. package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
  44. package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
  45. package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
  46. package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
  47. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
  48. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
  49. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
  50. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
  51. package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
  52. package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
  53. package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
  54. package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
  55. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
  56. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
  57. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
  58. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
  59. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
  60. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
  61. package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
  62. package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
  63. package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
  64. package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
  65. package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
  66. package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
  67. package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
  68. package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
  69. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
  70. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
  71. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
  72. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
  73. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
  74. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
  75. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
  76. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
  77. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
  78. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
  79. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
  80. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
  81. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
  82. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
  83. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
  84. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
  85. package/dist/esm/components/Container/Container.stories.js +0 -12
  86. package/dist/esm/components/Container/Container.stories.js.map +0 -1
  87. package/dist/esm/components/Container/Container.test.js +0 -37
  88. package/dist/esm/components/Container/Container.test.js.map +0 -1
  89. package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
  90. package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
  91. package/dist/esm/components/DataTable/DataTable.test.js +0 -119
  92. package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
  93. package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
  94. package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
  95. package/dist/esm/components/Divider/Divider.stories.js +0 -12
  96. package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
  97. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
  98. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
  99. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
  100. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
  101. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
  102. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
  103. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
  104. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
  105. package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
  106. package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
  107. package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
  108. package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
  109. package/dist/esm/components/Flex/Flex.stories.js +0 -148
  110. package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
  111. package/dist/esm/components/Flex/Flex.test.js +0 -31
  112. package/dist/esm/components/Flex/Flex.test.js.map +0 -1
  113. package/dist/esm/components/Grid/Grid.stories.js +0 -227
  114. package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
  115. package/dist/esm/components/Grid/Grid.test.js +0 -95
  116. package/dist/esm/components/Grid/Grid.test.js.map +0 -1
  117. package/dist/esm/components/Icon/Icon.stories.js +0 -43
  118. package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
  119. package/dist/esm/components/Icon/Icon.test.js +0 -52
  120. package/dist/esm/components/Icon/Icon.test.js.map +0 -1
  121. package/dist/esm/components/Image/Image.stories.js +0 -17
  122. package/dist/esm/components/Image/Image.stories.js.map +0 -1
  123. package/dist/esm/components/Image/Image.test.js +0 -37
  124. package/dist/esm/components/Image/Image.test.js.map +0 -1
  125. package/dist/esm/components/Label/Label.stories.js +0 -15
  126. package/dist/esm/components/Label/Label.stories.js.map +0 -1
  127. package/dist/esm/components/Label/Label.test.js +0 -35
  128. package/dist/esm/components/Label/Label.test.js.map +0 -1
  129. package/dist/esm/components/Link/Link.stories.js +0 -41
  130. package/dist/esm/components/Link/Link.stories.js.map +0 -1
  131. package/dist/esm/components/Link/Link.test.js +0 -65
  132. package/dist/esm/components/Link/Link.test.js.map +0 -1
  133. package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
  134. package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
  135. package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
  136. package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
  137. package/dist/esm/components/List/List.stories.js +0 -77
  138. package/dist/esm/components/List/List.stories.js.map +0 -1
  139. package/dist/esm/components/List/List.test.js +0 -93
  140. package/dist/esm/components/List/List.test.js.map +0 -1
  141. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
  142. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
  143. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
  144. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
  145. package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
  146. package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
  147. package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
  148. package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
  149. package/dist/esm/components/Modal/Modal.stories.js +0 -79
  150. package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
  151. package/dist/esm/components/Modal/Modal.test.js +0 -135
  152. package/dist/esm/components/Modal/Modal.test.js.map +0 -1
  153. package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
  154. package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
  155. package/dist/esm/components/NumberField/NumberField.test.js +0 -81
  156. package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
  157. package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
  158. package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
  159. package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
  160. package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
  161. package/dist/esm/components/Progress/Progress.stories.js +0 -89
  162. package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
  163. package/dist/esm/components/Progress/Progress.test.js +0 -32
  164. package/dist/esm/components/Progress/Progress.test.js.map +0 -1
  165. package/dist/esm/components/Radio/Radio.stories.js +0 -118
  166. package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
  167. package/dist/esm/components/Radio/Radio.test.js +0 -139
  168. package/dist/esm/components/Radio/Radio.test.js.map +0 -1
  169. package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
  170. package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
  171. package/dist/esm/components/Radio/RadioButton.test.js +0 -118
  172. package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
  173. package/dist/esm/components/SVG/SVG.stories.js +0 -19
  174. package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
  175. package/dist/esm/components/SVG/SVG.test.js +0 -26
  176. package/dist/esm/components/SVG/SVG.test.js.map +0 -1
  177. package/dist/esm/components/Segment/Segment.stories.js +0 -112
  178. package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
  179. package/dist/esm/components/Select/Select.stories.js +0 -79
  180. package/dist/esm/components/Select/Select.stories.js.map +0 -1
  181. package/dist/esm/components/Select/Select.test.js +0 -94
  182. package/dist/esm/components/Select/Select.test.js.map +0 -1
  183. package/dist/esm/components/Slider/Slider.stories.js +0 -63
  184. package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
  185. package/dist/esm/components/Slider/Slider.test.js +0 -58
  186. package/dist/esm/components/Slider/Slider.test.js.map +0 -1
  187. package/dist/esm/components/Table/Table.stories.js +0 -15
  188. package/dist/esm/components/Table/Table.stories.js.map +0 -1
  189. package/dist/esm/components/Table/Table.test.js +0 -73
  190. package/dist/esm/components/Table/Table.test.js.map +0 -1
  191. package/dist/esm/components/Text/Text.stories.js +0 -31
  192. package/dist/esm/components/Text/Text.stories.js.map +0 -1
  193. package/dist/esm/components/Text/Text.test.js +0 -31
  194. package/dist/esm/components/Text/Text.test.js.map +0 -1
  195. package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
  196. package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
  197. package/dist/esm/components/TextArea/TextArea.test.js +0 -84
  198. package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
  199. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
  200. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
  201. package/dist/esm/components/TextField/TextField.stories.js +0 -103
  202. package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
  203. package/dist/esm/components/TextField/TextField.test.js +0 -123
  204. package/dist/esm/components/TextField/TextField.test.js.map +0 -1
  205. package/dist/esm/components/Title/Title.stories.js +0 -16
  206. package/dist/esm/components/Title/Title.stories.js.map +0 -1
  207. package/dist/esm/components/Title/Title.test.js +0 -20
  208. package/dist/esm/components/Title/Title.test.js.map +0 -1
  209. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
  210. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
  211. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
  212. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
  213. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
  214. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
  215. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
  216. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
  217. package/dist/esm/hooks/useButton/useButton.test.js +0 -141
  218. 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":"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"}
@@ -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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"}