@simplybusiness/mobius 3.9.3 → 3.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/CHANGELOG.md +9 -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/src/components/NumberField/__snapshots__/NumberField.test.tsx.snap +7 -14
  6. package/dist/esm/components/Accordion/Accordion.stories.js +0 -45
  7. package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
  8. package/dist/esm/components/Accordion/Accordion.test.js +0 -65
  9. package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
  10. package/dist/esm/components/Alert/Alert.stories.js +0 -32
  11. package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
  12. package/dist/esm/components/Alert/Alert.test.js +0 -48
  13. package/dist/esm/components/Alert/Alert.test.js.map +0 -1
  14. package/dist/esm/components/Box/Box.stories.js +0 -20
  15. package/dist/esm/components/Box/Box.stories.js.map +0 -1
  16. package/dist/esm/components/Box/Box.test.js +0 -31
  17. package/dist/esm/components/Box/Box.test.js.map +0 -1
  18. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
  19. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
  20. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
  21. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
  22. package/dist/esm/components/Button/Button.stories.js +0 -213
  23. package/dist/esm/components/Button/Button.stories.js.map +0 -1
  24. package/dist/esm/components/Button/Button.test.js +0 -81
  25. package/dist/esm/components/Button/Button.test.js.map +0 -1
  26. package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
  27. package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
  28. package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
  29. package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
  30. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
  31. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
  32. package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
  33. package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
  34. package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
  35. package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
  36. package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
  37. package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
  38. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
  39. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
  40. package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
  41. package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
  42. package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
  43. package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
  44. package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
  45. package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
  46. package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
  47. package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
  48. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
  49. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
  50. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
  51. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
  52. package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
  53. package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
  54. package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
  55. package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
  56. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
  57. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
  58. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
  59. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
  60. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
  61. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
  62. package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
  63. package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
  64. package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
  65. package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
  66. package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
  67. package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
  68. package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
  69. package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
  70. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
  71. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
  72. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
  73. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
  74. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
  75. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
  76. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
  77. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
  78. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
  79. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
  80. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
  81. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
  82. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
  83. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
  84. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
  85. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
  86. package/dist/esm/components/Container/Container.stories.js +0 -12
  87. package/dist/esm/components/Container/Container.stories.js.map +0 -1
  88. package/dist/esm/components/Container/Container.test.js +0 -37
  89. package/dist/esm/components/Container/Container.test.js.map +0 -1
  90. package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
  91. package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
  92. package/dist/esm/components/DataTable/DataTable.test.js +0 -119
  93. package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
  94. package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
  95. package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
  96. package/dist/esm/components/Divider/Divider.stories.js +0 -12
  97. package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
  98. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
  99. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
  100. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
  101. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
  102. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
  103. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
  104. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
  105. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
  106. package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
  107. package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
  108. package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
  109. package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
  110. package/dist/esm/components/Flex/Flex.stories.js +0 -148
  111. package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
  112. package/dist/esm/components/Flex/Flex.test.js +0 -31
  113. package/dist/esm/components/Flex/Flex.test.js.map +0 -1
  114. package/dist/esm/components/Grid/Grid.stories.js +0 -227
  115. package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
  116. package/dist/esm/components/Grid/Grid.test.js +0 -95
  117. package/dist/esm/components/Grid/Grid.test.js.map +0 -1
  118. package/dist/esm/components/Icon/Icon.stories.js +0 -43
  119. package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
  120. package/dist/esm/components/Icon/Icon.test.js +0 -52
  121. package/dist/esm/components/Icon/Icon.test.js.map +0 -1
  122. package/dist/esm/components/Image/Image.stories.js +0 -17
  123. package/dist/esm/components/Image/Image.stories.js.map +0 -1
  124. package/dist/esm/components/Image/Image.test.js +0 -37
  125. package/dist/esm/components/Image/Image.test.js.map +0 -1
  126. package/dist/esm/components/Label/Label.stories.js +0 -15
  127. package/dist/esm/components/Label/Label.stories.js.map +0 -1
  128. package/dist/esm/components/Label/Label.test.js +0 -35
  129. package/dist/esm/components/Label/Label.test.js.map +0 -1
  130. package/dist/esm/components/Link/Link.stories.js +0 -41
  131. package/dist/esm/components/Link/Link.stories.js.map +0 -1
  132. package/dist/esm/components/Link/Link.test.js +0 -65
  133. package/dist/esm/components/Link/Link.test.js.map +0 -1
  134. package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
  135. package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
  136. package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
  137. package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
  138. package/dist/esm/components/List/List.stories.js +0 -77
  139. package/dist/esm/components/List/List.stories.js.map +0 -1
  140. package/dist/esm/components/List/List.test.js +0 -93
  141. package/dist/esm/components/List/List.test.js.map +0 -1
  142. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
  143. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
  144. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
  145. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
  146. package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
  147. package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
  148. package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
  149. package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
  150. package/dist/esm/components/Modal/Modal.stories.js +0 -79
  151. package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
  152. package/dist/esm/components/Modal/Modal.test.js +0 -135
  153. package/dist/esm/components/Modal/Modal.test.js.map +0 -1
  154. package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
  155. package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
  156. package/dist/esm/components/NumberField/NumberField.test.js +0 -81
  157. package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
  158. package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
  159. package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
  160. package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
  161. package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
  162. package/dist/esm/components/Progress/Progress.stories.js +0 -89
  163. package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
  164. package/dist/esm/components/Progress/Progress.test.js +0 -32
  165. package/dist/esm/components/Progress/Progress.test.js.map +0 -1
  166. package/dist/esm/components/Radio/Radio.stories.js +0 -118
  167. package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
  168. package/dist/esm/components/Radio/Radio.test.js +0 -139
  169. package/dist/esm/components/Radio/Radio.test.js.map +0 -1
  170. package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
  171. package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
  172. package/dist/esm/components/Radio/RadioButton.test.js +0 -118
  173. package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
  174. package/dist/esm/components/SVG/SVG.stories.js +0 -19
  175. package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
  176. package/dist/esm/components/SVG/SVG.test.js +0 -26
  177. package/dist/esm/components/SVG/SVG.test.js.map +0 -1
  178. package/dist/esm/components/Segment/Segment.stories.js +0 -112
  179. package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
  180. package/dist/esm/components/Select/Select.stories.js +0 -79
  181. package/dist/esm/components/Select/Select.stories.js.map +0 -1
  182. package/dist/esm/components/Select/Select.test.js +0 -94
  183. package/dist/esm/components/Select/Select.test.js.map +0 -1
  184. package/dist/esm/components/Slider/Slider.stories.js +0 -63
  185. package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
  186. package/dist/esm/components/Slider/Slider.test.js +0 -58
  187. package/dist/esm/components/Slider/Slider.test.js.map +0 -1
  188. package/dist/esm/components/Table/Table.stories.js +0 -15
  189. package/dist/esm/components/Table/Table.stories.js.map +0 -1
  190. package/dist/esm/components/Table/Table.test.js +0 -73
  191. package/dist/esm/components/Table/Table.test.js.map +0 -1
  192. package/dist/esm/components/Text/Text.stories.js +0 -31
  193. package/dist/esm/components/Text/Text.stories.js.map +0 -1
  194. package/dist/esm/components/Text/Text.test.js +0 -31
  195. package/dist/esm/components/Text/Text.test.js.map +0 -1
  196. package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
  197. package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
  198. package/dist/esm/components/TextArea/TextArea.test.js +0 -84
  199. package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
  200. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
  201. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
  202. package/dist/esm/components/TextField/TextField.stories.js +0 -103
  203. package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
  204. package/dist/esm/components/TextField/TextField.test.js +0 -123
  205. package/dist/esm/components/TextField/TextField.test.js.map +0 -1
  206. package/dist/esm/components/Title/Title.stories.js +0 -16
  207. package/dist/esm/components/Title/Title.stories.js.map +0 -1
  208. package/dist/esm/components/Title/Title.test.js +0 -20
  209. package/dist/esm/components/Title/Title.test.js.map +0 -1
  210. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
  211. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
  212. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
  213. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
  214. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
  215. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
  216. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
  217. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
  218. package/dist/esm/hooks/useButton/useButton.test.js +0 -141
  219. package/dist/esm/hooks/useButton/useButton.test.js.map +0 -1
@@ -1,119 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen, fireEvent } from "@testing-library/react";
3
- import { DataTable } from ".";
4
- import { data, columns } from "./mockTableData";
5
- import { TABLE_BODY_CELL_CLASS, TABLE_CLASS, TABLE_HEAD_CELL_CLASS, } from "./constants";
6
- const props = {
7
- data,
8
- columns,
9
- };
10
- describe("DataTable", () => {
11
- it("should render without errors", () => {
12
- const component = render(_jsx(DataTable, Object.assign({}, props)));
13
- expect(component).toBeTruthy();
14
- });
15
- describe("uses correct class names", () => {
16
- it("uses mobius class", () => {
17
- render(_jsx(DataTable, Object.assign({}, props, { "data-testid": "test-id" })));
18
- expect(screen.getByTestId("test-id")).toHaveClass("mobius");
19
- });
20
- it("uses mobius/Table class", () => {
21
- render(_jsx(DataTable, Object.assign({}, props, { "data-testid": "test-id" })));
22
- expect(screen.getByTestId("test-id")).toHaveClass(TABLE_CLASS);
23
- });
24
- it("includes custom class name for table layout", () => {
25
- render(_jsx(DataTable, Object.assign({}, props, { "data-testid": "test-id", className: "my-class" })));
26
- expect(screen.getByTestId("test-id")).toHaveClass("my-class");
27
- expect(screen.getByTestId("test-id")).toHaveClass(TABLE_CLASS);
28
- });
29
- it("includes custom class name for div layout", () => {
30
- render(_jsx(DataTable, Object.assign({}, props, { layout: "flex", "data-testid": "test-id", className: "my-class" })));
31
- expect(screen.getByTestId("test-id")).toHaveClass("my-class");
32
- expect(screen.getByTestId("test-id")).toHaveClass(TABLE_CLASS);
33
- });
34
- it("uses table head cell class name", () => {
35
- render(_jsx(DataTable, Object.assign({}, props)));
36
- expect(screen.getByRole("columnheader", {
37
- name: /insurance cover/i,
38
- })).toHaveClass(TABLE_HEAD_CELL_CLASS);
39
- });
40
- it("uses table body cell class name", () => {
41
- render(_jsx(DataTable, Object.assign({}, props)));
42
- expect(screen.getByRole("cell", {
43
- name: /Stock/i,
44
- })).toHaveClass(TABLE_BODY_CELL_CLASS);
45
- });
46
- });
47
- describe("renders correct elements based on passed props", () => {
48
- it("uses 'display:table-row' for rows by default", () => {
49
- render(_jsx(DataTable, Object.assign({}, props)));
50
- expect(screen.getAllByRole("row")[0]).toHaveStyle("display: table-row");
51
- });
52
- it("uses table head cells that are not clickable by default", () => {
53
- render(_jsx(DataTable, Object.assign({}, props)));
54
- const headCells = screen.getAllByRole("columnheader");
55
- headCells.forEach(cell => {
56
- expect(cell).not.toHaveAttribute("tabindex", "0");
57
- });
58
- });
59
- it("uses 'display:block' when layout prop is set to flex", () => {
60
- render(_jsx(DataTable, Object.assign({}, props, { layout: "flex" })));
61
- expect(screen.getAllByRole("row")[0]).toHaveStyle("display: block");
62
- });
63
- it("renders 'table' based container by default", () => {
64
- const { container } = render(_jsx(DataTable, Object.assign({}, props)));
65
- expect(container.querySelector("table.mobius")).not.toBeNull();
66
- expect(container.querySelector("div.mobius")).toBeNull();
67
- });
68
- it("renders 'div' based container with renderAsDivs prop", () => {
69
- const { container } = render(_jsx(DataTable, Object.assign({}, props, { layout: "flex" })));
70
- expect(container.querySelector("div.mobius")).not.toBeNull();
71
- expect(container.querySelector("table.mobius")).toBeNull();
72
- });
73
- it("adds sorting behaviour with sortable prop", () => {
74
- render(_jsx(DataTable, Object.assign({}, props, { isSortable: true })));
75
- const headCells = screen.getAllByRole("columnheader");
76
- const firstHeadCell = headCells[0];
77
- expect(firstHeadCell).not.toHaveClass("sortedAsc");
78
- expect(firstHeadCell).not.toHaveClass("sortedDesc");
79
- fireEvent.click(firstHeadCell);
80
- expect(firstHeadCell).toHaveClass("sortedAsc");
81
- fireEvent.click(firstHeadCell);
82
- expect(firstHeadCell).toHaveClass("sortedDesc");
83
- headCells.forEach(cell => {
84
- expect(cell).toHaveAttribute("tabindex", "0");
85
- });
86
- });
87
- });
88
- describe("Column and Row spanning", () => {
89
- const testSpanData = {
90
- lowest_excess: {
91
- colspan: 2,
92
- rowspan: 3,
93
- targetValue: "£350",
94
- },
95
- };
96
- it("adds span attrs to target cell with spanData prop", () => {
97
- render(_jsx(DataTable, Object.assign({}, props, { spanData: testSpanData })));
98
- const cell = screen.getByRole("cell", {
99
- name: /£350/i,
100
- });
101
- expect(cell).toHaveAttribute("colspan", `${testSpanData.lowest_excess.colspan}`);
102
- expect(cell).toHaveAttribute("aria-colspan", `${testSpanData.lowest_excess.colspan}`);
103
- expect(cell).toHaveAttribute("rowspan", `${testSpanData.lowest_excess.rowspan}`);
104
- expect(cell).toHaveAttribute("aria-rowspan", `${testSpanData.lowest_excess.rowspan}`);
105
- });
106
- it("doesn't render the cell if its value is undefined and 'spanData' provided", () => {
107
- const testData = [
108
- {
109
- insurance_cover: "Employers' liability",
110
- lowest_excess: "£250",
111
- },
112
- ];
113
- render(_jsx(DataTable, Object.assign({}, props, { data: testData, spanData: testSpanData })));
114
- const bodyCells = screen.getAllByRole("cell");
115
- expect(bodyCells).toHaveLength(Object.keys(testData[0]).length);
116
- });
117
- });
118
- });
119
- //# sourceMappingURL=DataTable.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DataTable.test.js","sourceRoot":"","sources":["../../../../src/components/DataTable/DataTable.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EACL,qBAAqB,EACrB,WAAW,EACX,qBAAqB,GACtB,MAAM,aAAa,CAAC;AAErB,MAAM,KAAK,GAAG;IACZ,IAAI;IACJ,OAAO;CACR,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,mBAAc,SAAS,IAAG,CAAC,CAAC;YACvD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YACjC,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,mBAAc,SAAS,IAAG,CAAC,CAAC;YACvD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;YACrD,MAAM,CACJ,KAAC,SAAS,oBAAK,KAAK,mBAAc,SAAS,EAAC,SAAS,EAAC,UAAU,IAAG,CACpE,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,MAAM,CACJ,KAAC,SAAS,oBACJ,KAAK,IACT,MAAM,EAAC,MAAM,iBACD,SAAS,EACrB,SAAS,EAAC,UAAU,IACpB,CACH,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;YACzC,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACjC,MAAM,CACJ,MAAM,CAAC,SAAS,CAAC,cAAc,EAAE;gBAC/B,IAAI,EAAE,kBAAkB;aACzB,CAAC,CACH,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;YACzC,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACjC,MAAM,CACJ,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE;gBACvB,IAAI,EAAE,QAAQ;aACf,CAAC,CACH,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;QAC9D,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;YACtD,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACjC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACjC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;YACtD,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvB,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC9D,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,IAAE,MAAM,EAAC,MAAM,IAAG,CAAC,CAAC;YAC/C,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACvD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAC/D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,IAAE,MAAM,EAAC,MAAM,IAAG,CAAC,CAAC;YACrE,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAC7D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,IAAE,UAAU,UAAG,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;YACtD,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAEnC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YACnD,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACpD,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAC/B,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YAC/C,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAC/B,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAChD,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvB,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACvC,MAAM,YAAY,GAAG;YACnB,aAAa,EAAE;gBACb,OAAO,EAAE,CAAC;gBACV,OAAO,EAAE,CAAC;gBACV,WAAW,EAAE,MAAM;aACpB;SACF,CAAC;QAEF,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,IAAE,QAAQ,EAAE,YAAY,IAAI,CAAC,CAAC;YACzD,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE;gBACpC,IAAI,EAAE,OAAO;aACd,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAC1B,SAAS,EACT,GAAG,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,CACxC,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAC1B,cAAc,EACd,GAAG,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,CACxC,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAC1B,SAAS,EACT,GAAG,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,CACxC,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAC1B,cAAc,EACd,GAAG,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,CACxC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2EAA2E,EAAE,GAAG,EAAE;YACnF,MAAM,QAAQ,GAAG;gBACf;oBACE,eAAe,EAAE,sBAAsB;oBACvC,aAAa,EAAE,MAAM;iBACtB;aACF,CAAC;YAEF,MAAM,CAAC,KAAC,SAAS,oBAAK,KAAK,IAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,IAAI,CAAC,CAAC;YACzE,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,25 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { parseDate } from "@internationalized/date";
3
- import { I18nProvider } from "@react-aria/i18n";
4
- import { DatePicker } from "./DatePicker";
5
- export default {
6
- title: "Forms/DatePicker",
7
- component: DatePicker,
8
- argTypes: {
9
- locale: {
10
- control: { type: "select" },
11
- options: ["", "en-GB", "en-US"],
12
- },
13
- },
14
- };
15
- export const Normal = {
16
- render: (args) => (_jsx(DatePicker, Object.assign({ minValue: parseDate("2022-05-05") }, args))),
17
- args: {
18
- label: "Start date",
19
- isRequired: false,
20
- },
21
- decorators: [
22
- (Story, context) => (_jsx(I18nProvider, Object.assign({ locale: context.allArgs.locale }, { children: _jsx(Story, {}) }))),
23
- ],
24
- };
25
- //# sourceMappingURL=DatePicker.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE3D,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC;SAChC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA4B;IAC7C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,kBAAC,QAAQ,EAAE,SAAS,CAAC,YAAY,CAAC,IAAM,IAAI,EAAI,CAC5D;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,KAAK;KAClB;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,kBAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,gBAC1C,KAAC,KAAK,KAAG,IACI,CAChB;KACF;CACF,CAAC"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Divider } from "./Divider";
3
- import { excludeControls } from "../../utils/excludeControls";
4
- export default {
5
- title: "Components/Divider",
6
- component: Divider,
7
- argTypes: excludeControls("className"),
8
- };
9
- export const Normal = {
10
- render: (args) => _jsx(Divider, Object.assign({}, args)),
11
- };
12
- //# sourceMappingURL=Divider.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.stories.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,KAAC,OAAO,oBAAK,IAAI,EAAI;CACtD,CAAC"}
@@ -1,58 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { forwardRef } from "react";
14
- import clsx from "clsx";
15
- import { DropdownMenu } from ".";
16
- import { Icon } from "../Icon";
17
- import { excludeControls } from "../../utils/excludeControls";
18
- const CustomTrigger = forwardRef((props) => {
19
- const { className, open } = props, otherProps = __rest(props, ["className", "open"]);
20
- const classes = clsx({
21
- "--is-open": open,
22
- });
23
- return (_jsxs("button", Object.assign({ type: "button", className: className }, otherProps, { children: [open ? "Close" : "Open", " ", _jsx(Icon, { name: "chevronDown", className: classes })] })));
24
- });
25
- export default {
26
- title: "Components/DropdownMenu",
27
- component: DropdownMenu,
28
- argTypes: excludeControls("className", "elementType", "trigger", "style"),
29
- decorators: [
30
- Story => {
31
- // eslint-disable-next-line global-require
32
- require("./DropdownMenu.story.styles.css");
33
- return _jsx(Story, {});
34
- },
35
- ],
36
- };
37
- export const Normal = {
38
- render: (args) => (_jsx("div", Object.assign({ style: {
39
- height: 300,
40
- } }, { children: _jsxs(DropdownMenu, Object.assign({}, args, { children: [_jsx(DropdownMenu.Item, { children: "Home" }), _jsx(DropdownMenu.Item, { children: "My details" }), _jsx(DropdownMenu.Item, { children: "Sign out" })] })) }))),
41
- args: {
42
- label: "Menu",
43
- },
44
- };
45
- export const WithCustomTrigger = {
46
- render: (args) => (_jsx("div", Object.assign({ style: {
47
- height: 300,
48
- }, className: "dropdownmenu-example-custom-trigger" }, { children: _jsxs(DropdownMenu, Object.assign({}, args, { children: [_jsx(DropdownMenu.Item, Object.assign({ onClick: () => alert("Clicked Home") }, { children: "Home" })), _jsx(DropdownMenu.Item, { children: "My details" }), _jsx(DropdownMenu.Item, { children: "Sign out" })] })) }))),
49
- args: {
50
- trigger: _jsx(CustomTrigger, {}),
51
- },
52
- parameters: {
53
- controls: {
54
- exclude: ["label"],
55
- },
56
- },
57
- };
58
- //# sourceMappingURL=DropdownMenu.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAqB,MAAM,GAAG,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAO9D,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,KAAyB,EAAE,EAAE;IAC7D,MAAM,EAAE,SAAS,EAAE,IAAI,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA1C,qBAAkC,CAAQ,CAAC;IACjD,MAAM,OAAO,GAAG,IAAI,CAAC;QACnB,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IACH,OAAO,CACL,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,IAAM,UAAU,eACvD,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,OAAE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,OAAO,GAAI,KAClE,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,CAAC;IACzE,UAAU,EAAE;QACV,KAAK,CAAC,EAAE;YACN,0CAA0C;YAC1C,OAAO,CAAC,iCAAiC,CAAC,CAAC;YAE3C,OAAO,KAAC,KAAK,KAAG,CAAC;QACnB,CAAC;KACF;CACkC,CAAC;AAEtC,MAAM,CAAC,MAAM,MAAM,GAA8B;IAC/C,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,CACnC,4BACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;SACZ,gBAED,MAAC,YAAY,oBAAK,IAAI,eACpB,KAAC,YAAY,CAAC,IAAI,uBAAyB,EAC3C,KAAC,YAAY,CAAC,IAAI,6BAA+B,EACjD,KAAC,YAAY,CAAC,IAAI,2BAA6B,KAClC,IACX,CACP;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA8B;IAC1D,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,CACnC,4BACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;SACZ,EACD,SAAS,EAAC,qCAAqC,gBAE/C,MAAC,YAAY,oBAAK,IAAI,eAEpB,KAAC,YAAY,CAAC,IAAI,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,0BAEnC,EACpB,KAAC,YAAY,CAAC,IAAI,6BAA+B,EACjD,KAAC,YAAY,CAAC,IAAI,2BAA6B,KAClC,IACX,CACP;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAC,aAAa,KAAG;KAC3B;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,OAAO,CAAC;SACnB;KACF;CACF,CAAC"}
@@ -1,95 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { forwardRef } from "react";
3
- import { fireEvent, render, screen } from "@testing-library/react";
4
- import { DropdownMenu } from ".";
5
- const CLASS_NAME = "mobius/DropdownMenu";
6
- const TRIGGER_CLASS_NAME = "mobius/DropdownMenuTrigger";
7
- const LIST_CLASS_NAME = "mobius/DropdownMenuList";
8
- const ITEM_CLASS_NAME = "mobius/DropdownMenuItem";
9
- const ACTIVE_ITEM_CLASS_NAME = "--is-active";
10
- describe("DropdownMenu", () => {
11
- it("should render without errors", () => {
12
- const component = render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, { children: "Home" }) }));
13
- expect(component).toBeTruthy();
14
- });
15
- it("should use the provided elementType", () => {
16
- var _a;
17
- const { container } = render(_jsx(DropdownMenu, Object.assign({ elementType: "span" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
18
- expect((_a = container.firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName).toBe("SPAN");
19
- });
20
- describe("given elementType", () => {
21
- it("is not applied as element attribute", () => {
22
- const { container } = render(_jsx(DropdownMenu, Object.assign({ elementType: "ul" }, { children: _jsx(DropdownMenu.Item, Object.assign({ elementType: "li" }, { children: "Home" })) })));
23
- expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
24
- expect(screen.queryByRole("menuitem")).not.toHaveAttribute("elementtype", "li");
25
- });
26
- });
27
- it("should use the provided label", () => {
28
- const label = "Menu";
29
- render(_jsx(DropdownMenu, Object.assign({ label: label }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
30
- expect(screen.getByText(label)).toBeInTheDocument();
31
- });
32
- it("should use the provided trigger", () => {
33
- const triggerText = "My custom trigger";
34
- const Trigger = forwardRef(() => _jsx("span", { children: triggerText }));
35
- render(_jsx(DropdownMenu, Object.assign({ trigger: _jsx(Trigger, {}) }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
36
- expect(screen.getByText(triggerText)).toBeInTheDocument();
37
- });
38
- it("should use the onClick handler on menu item", () => {
39
- const customHandler = jest.fn();
40
- render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, Object.assign({ onClick: customHandler }, { children: "Home" })) }));
41
- const trigger = screen.getByRole("button");
42
- fireEvent.click(trigger);
43
- const item = screen.getByRole("menuitem");
44
- fireEvent.click(item);
45
- expect(customHandler).toHaveBeenCalled();
46
- });
47
- it("should close menu upon item selection", () => {
48
- render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, { children: "Home" }) }));
49
- const trigger = screen.getByRole("button");
50
- fireEvent.click(trigger);
51
- const item = screen.getByRole("menuitem");
52
- fireEvent.click(item);
53
- expect(trigger).toHaveAttribute("aria-expanded", "false");
54
- });
55
- describe("uses correct class names", () => {
56
- it("uses Mobius class", () => {
57
- const { container } = render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, { children: "Home" }) }));
58
- expect(container.firstChild).toHaveClass("mobius");
59
- });
60
- it("uses base Mobius class", () => {
61
- const { container } = render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, { children: "Home" }) }));
62
- expect(container.firstChild).toHaveClass(CLASS_NAME);
63
- });
64
- it("includes custom class name", () => {
65
- const { container } = render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
66
- expect(container.firstChild).toHaveClass("my-class");
67
- expect(container.firstChild).toHaveClass(CLASS_NAME);
68
- });
69
- it("uses trigger class name", () => {
70
- render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
71
- expect(screen.getByRole("button")).toHaveClass(TRIGGER_CLASS_NAME);
72
- });
73
- it("uses list class name", () => {
74
- render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
75
- const trigger = screen.getByRole("button");
76
- fireEvent.click(trigger);
77
- expect(screen.getByRole("menu")).toHaveClass(LIST_CLASS_NAME);
78
- });
79
- it("uses list item class name", () => {
80
- render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
81
- const trigger = screen.getByRole("button");
82
- fireEvent.click(trigger);
83
- expect(screen.getByRole("menuitem")).toHaveClass(ITEM_CLASS_NAME);
84
- });
85
- it("uses list item active class name", () => {
86
- render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
87
- const trigger = screen.getByRole("button");
88
- fireEvent.click(trigger);
89
- const item = screen.getByRole("menuitem");
90
- fireEvent.click(item);
91
- expect(item).toHaveClass(ACTIVE_ITEM_CLASS_NAME);
92
- });
93
- });
94
- });
95
- //# sourceMappingURL=DropdownMenu.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMenu.test.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.test.tsx"],"names":[],"mappings":"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"}
@@ -1,21 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { ErrorMessage } from ".";
3
- import { excludeControls } from "../../utils/excludeControls";
4
- export default {
5
- title: "Forms/ErrorMessage",
6
- component: ErrorMessage,
7
- argTypes: excludeControls("id", "className"),
8
- };
9
- export const Normal = {
10
- render: (args) => _jsx(ErrorMessage, Object.assign({}, args)),
11
- args: {
12
- errorMessage: "This is an error message",
13
- },
14
- };
15
- export const LongMessage = {
16
- render: (args) => _jsx(ErrorMessage, Object.assign({}, args)),
17
- args: {
18
- errorMessage: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vestibulum, mauris ac egestas rutrum, dui urna imperdiet velit, ac malesuada velit augue eget orci. Duis id purus et elit tempus egestas ut eget tellus. Praesent tempus sit amet metus iaculis auctor. Morbi aliquet nibh sit amet neque congue dictum. Proin auctor pellentesque facilisis. Donec rutrum at ante a pulvinar. In hac habitasse platea dictumst. Mauris non blandit nulla. Duis facilisis fringilla cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus.",
19
- },
20
- };
21
- //# sourceMappingURL=ErrorMessage.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorMessage.stories.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAqB,MAAM,GAAG,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA8B;IAC/C,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,KAAC,YAAY,oBAAK,IAAI,EAAI;IAC/D,IAAI,EAAE;QACJ,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA8B;IACpD,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,KAAC,YAAY,oBAAK,IAAI,EAAI;IAC/D,IAAI,EAAE;QACJ,YAAY,EACV,giBAAgiB;KACniB;CACF,CAAC"}
@@ -1,30 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render } from "@testing-library/react";
3
- import { ErrorMessage } from ".";
4
- const CLASS_NAME = "mobius/ErrorMessage";
5
- describe("Error message", () => {
6
- it("should render without errors", () => {
7
- render(_jsx(ErrorMessage, {}));
8
- });
9
- it("should not display when there is no message", () => {
10
- const { container } = render(_jsx(ErrorMessage, {}));
11
- expect(container.childNodes.length).toEqual(0);
12
- });
13
- it("should display when there is a message", () => {
14
- const { getByText } = render(_jsx(ErrorMessage, { errorMessage: "Oops" }));
15
- expect(getByText("Oops")).toBeTruthy();
16
- });
17
- it("uses Mobius class", () => {
18
- const { getByText } = render(_jsx(ErrorMessage, { errorMessage: "Oops" }));
19
- expect(getByText("Oops").closest("div")).toHaveClass("mobius");
20
- });
21
- it("uses base Mobius class", () => {
22
- const { getByText } = render(_jsx(ErrorMessage, { errorMessage: "Oops" }));
23
- expect(getByText("Oops").closest("div")).toHaveClass(CLASS_NAME);
24
- });
25
- it("uses CSS classes", () => {
26
- const { container } = render(_jsx(ErrorMessage, { errorMessage: "Oops", className: "custom-class" }));
27
- expect(container.firstChild).toHaveClass("custom-class");
28
- });
29
- });
30
- //# sourceMappingURL=ErrorMessage.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorMessage.test.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,MAAM,UAAU,GAAG,qBAAqB,CAAC;AAEzC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC;QAC/C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,YAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,YAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,YAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,IAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,cAAc,GAAG,CAC9D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,22 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Fieldset } from "./Fieldset";
3
- import { TextField } from "../TextField";
4
- import { excludeControls } from "../../utils/excludeControls";
5
- export default {
6
- title: "Forms/Fieldset",
7
- component: Fieldset,
8
- argTypes: excludeControls("className", "legendComponent"),
9
- };
10
- export const Normal = {
11
- render: (args) => (_jsxs(Fieldset, Object.assign({}, args, { children: [_jsx(TextField, { label: "Full name" }), _jsx(TextField, { label: "Street" }), _jsx(TextField, { label: "Number" }), _jsx(TextField, { label: "City" }), _jsx(TextField, { label: "Postcode" })] }))),
12
- args: {
13
- legend: "",
14
- },
15
- };
16
- export const WithLegend = {
17
- render: (args) => (_jsxs(Fieldset, Object.assign({}, args, { children: [_jsx(TextField, { label: "Full name" }), _jsx(TextField, { label: "Street" }), _jsx(TextField, { label: "Number" }), _jsx(TextField, { label: "City" }), _jsx(TextField, { label: "Postcode" })] }))),
18
- args: {
19
- legend: "Contact Details",
20
- },
21
- };
22
- //# sourceMappingURL=Fieldset.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Fieldset.stories.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,iBAAiB,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA0B;IAC3C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC/B,MAAC,QAAQ,oBAAK,IAAI,eAChB,KAAC,SAAS,IAAC,KAAK,EAAC,WAAW,GAAG,EAC/B,KAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,KAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,KAAC,SAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,KAAC,SAAS,IAAC,KAAK,EAAC,UAAU,GAAG,KACrB,CACZ;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA0B;IAC/C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC/B,MAAC,QAAQ,oBAAK,IAAI,eAChB,KAAC,SAAS,IAAC,KAAK,EAAC,WAAW,GAAG,EAC/B,KAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,KAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,KAAC,SAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,KAAC,SAAS,IAAC,KAAK,EAAC,UAAU,GAAG,KACrB,CACZ;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;CACF,CAAC"}
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render } from "@testing-library/react";
3
- import { Fieldset } from ".";
4
- import { TextField } from "../TextField";
5
- describe("Fieldset", () => {
6
- it("should render without errors", () => {
7
- render(_jsx(Fieldset, Object.assign({ legend: "Shipping address" }, { children: _jsx(TextField, { "aria-label": "name" }) })));
8
- });
9
- });
10
- //# sourceMappingURL=Fieldset.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Fieldset.test.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,QAAQ,kBAAC,MAAM,EAAC,kBAAkB,gBACjC,KAAC,SAAS,kBAAY,MAAM,GAAG,IACtB,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,148 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { Flex } from "./Flex";
14
- import { Box } from "../Box";
15
- import { excludeControls } from "../../utils/excludeControls";
16
- const sizeOptions = [
17
- "",
18
- "var(--size-0)",
19
- "var(--size-10)",
20
- "var(--size-20)",
21
- "var(--size-30)",
22
- "var(--size-40)",
23
- "var(--size-50)",
24
- "var(--size-60)",
25
- "var(--size-70)",
26
- "var(--size-80)",
27
- "var(--size-90)",
28
- "var(--size-100)",
29
- ];
30
- const Card = (_a) => {
31
- var { children, style } = _a, props = __rest(_a, ["children", "style"]);
32
- return (_jsx(Box, Object.assign({ style: Object.assign({ borderRadius: "4px", padding: "8px", backgroundColor: "#dddddd", width: "100%" }, style) }, props, { children: children })));
33
- };
34
- export default {
35
- title: "Layout/Flex",
36
- component: Flex,
37
- argTypes: Object.assign({ flexDirection: {
38
- control: { type: "select" },
39
- options: ["", "row", "row-reverse", "column", "column-reverse"],
40
- }, flexWrap: {
41
- control: { type: "select" },
42
- options: ["", "nowrap", "wrap", "wrap-reverse"],
43
- }, flexGrow: {
44
- control: { type: "text" },
45
- if: {
46
- arg: "flex",
47
- truthy: false,
48
- },
49
- }, flex: {
50
- control: { type: "text" },
51
- }, justifyContent: {
52
- control: { type: "select" },
53
- options: [
54
- "",
55
- "space-around",
56
- "space-between",
57
- "space-evenly",
58
- "stretch",
59
- "center",
60
- "end",
61
- "flex-end",
62
- "flex-start",
63
- "start",
64
- "left",
65
- "normal",
66
- "right",
67
- ],
68
- }, alignItems: {
69
- control: { type: "select" },
70
- options: [
71
- "",
72
- "center",
73
- "end",
74
- "flex-end",
75
- "flex-start",
76
- "self-end",
77
- "self-start",
78
- "start",
79
- "baseline",
80
- "normal",
81
- "stretch",
82
- ],
83
- }, alignContent: {
84
- control: { type: "select" },
85
- options: [
86
- "",
87
- "space-around",
88
- "space-between",
89
- "space-evenly",
90
- "stretch",
91
- "center",
92
- "end",
93
- "flex-end",
94
- "flex-start",
95
- "start",
96
- "baseline",
97
- "normal",
98
- ],
99
- }, gap: {
100
- control: { type: "select" },
101
- options: [...sizeOptions],
102
- }, rowGap: {
103
- control: { type: "select" },
104
- options: [...sizeOptions],
105
- if: {
106
- arg: "gap",
107
- truthy: false,
108
- },
109
- }, columnGap: {
110
- control: { type: "select" },
111
- options: [...sizeOptions],
112
- if: {
113
- arg: "gap",
114
- truthy: false,
115
- },
116
- } }, excludeControls("className", "elementType", "style")),
117
- };
118
- export const RowLayout = {
119
- render: (args) => (_jsxs(Flex, Object.assign({}, args, { children: [_jsx(Card, { children: "Item" }), _jsx(Card, { children: "Item" }), _jsx(Card, { children: "Item" })] }))),
120
- args: {
121
- flexDirection: "row",
122
- flexWrap: "nowrap",
123
- flexGrow: "0",
124
- flex: "1 1 0px",
125
- justifyContent: "normal",
126
- alignItems: "stretch",
127
- alignContent: "flex-start",
128
- gap: "var(--size-20)",
129
- rowGap: "",
130
- columnGap: "",
131
- },
132
- };
133
- export const ColumnLayout = {
134
- render: (args) => (_jsxs(Flex, Object.assign({}, args, { children: [_jsx(Card, { children: "Item" }), _jsx(Card, { children: "Item" }), _jsx(Card, { children: "Item" })] }))),
135
- args: {
136
- flexDirection: "column",
137
- flexWrap: "nowrap",
138
- flexGrow: "0",
139
- flex: "1 1 0px",
140
- justifyContent: "normal",
141
- alignItems: "stretch",
142
- alignContent: "normal",
143
- gap: "var(--size-20)",
144
- rowGap: "",
145
- columnGap: "",
146
- },
147
- };
148
- //# sourceMappingURL=Flex.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Flex.stories.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"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"}