flipper-ui 0.27.1 → 0.28.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 (277) hide show
  1. package/Experimental/Actions/index.d.ts +29 -0
  2. package/Experimental/Actions/index.js +41 -0
  3. package/Experimental/Avatar/index.d.ts +13 -0
  4. package/Experimental/Avatar/index.js +22 -0
  5. package/Experimental/Breadcrumbs/index.d.ts +19 -0
  6. package/Experimental/Breadcrumbs/index.js +67 -0
  7. package/{core/Experimental/Button/Button.js → Experimental/Button/index.js} +3 -3
  8. package/{core/Experimental/Card/Card.d.ts → Experimental/Card/index.d.ts} +5 -1
  9. package/{core/Experimental/Card/Card.js → Experimental/Card/index.js} +11 -13
  10. package/{core/Experimental → Experimental}/Dialog/Dialog.js +5 -7
  11. package/{core/Experimental → Experimental}/Fab/Fab.d.ts +1 -1
  12. package/{core/Experimental → Experimental}/Fab/Fab.js +6 -8
  13. package/Experimental/Loading/index.d.ts +7 -0
  14. package/Experimental/Loading/index.js +41 -0
  15. package/Experimental/NothingFound/index.d.ts +9 -0
  16. package/Experimental/NothingFound/index.js +29 -0
  17. package/Experimental/Panel/index.d.ts +22 -0
  18. package/Experimental/Panel/index.js +77 -0
  19. package/{core/Experimental/Sidebar/SidebarV2.js → Experimental/Sidebar/index.js} +6 -9
  20. package/Experimental/Skeleton/index.d.ts +4 -0
  21. package/Experimental/Skeleton/index.js +23 -0
  22. package/Experimental/VisibilityIcon/index.d.ts +7 -0
  23. package/Experimental/VisibilityIcon/index.js +34 -0
  24. package/Experimental/index.d.ts +13 -0
  25. package/Experimental/index.js +130 -0
  26. package/core/{Advertise.d.ts → Advertise/index.d.ts} +2 -2
  27. package/core/{Advertise.js → Advertise/index.js} +3 -3
  28. package/core/{AutoComplete.d.ts → AutoComplete/index.d.ts} +8 -6
  29. package/core/{AutoComplete.js → AutoComplete/index.js} +10 -8
  30. package/core/{Avatar.d.ts → Avatar/index.d.ts} +3 -2
  31. package/core/{Avatar.js → Avatar/index.js} +1 -1
  32. package/core/{Badge.d.ts → Badge/index.d.ts} +1 -1
  33. package/core/{Badge.js → Badge/index.js} +2 -2
  34. package/core/{Box.d.ts → Box/index.d.ts} +2 -1
  35. package/core/{Box.js → Box/index.js} +1 -1
  36. package/core/{Button.d.ts → Button/index.d.ts} +2 -1
  37. package/core/Button/index.js +35 -0
  38. package/core/{Card.d.ts → Card/index.d.ts} +1 -1
  39. package/core/{Chapter.d.ts → Chapter/index.d.ts} +4 -3
  40. package/core/{Chapter.js → Chapter/index.js} +16 -10
  41. package/core/{Checkbox.d.ts → Checkbox/index.d.ts} +1 -1
  42. package/core/{Checkbox.js → Checkbox/index.js} +2 -1
  43. package/core/{Chip.d.ts → Chip/index.d.ts} +1 -1
  44. package/core/{ChipField.d.ts → ChipField/index.d.ts} +1 -1
  45. package/core/{Collapse.d.ts → Collapse/index.d.ts} +2 -2
  46. package/core/{Container.d.ts → Container/index.d.ts} +1 -1
  47. package/core/Container/index.js +29 -0
  48. package/core/{Content.d.ts → Content/index.d.ts} +1 -1
  49. package/core/{Content.js → Content/index.js} +6 -7
  50. package/core/DataTable/DataTable.js +1 -0
  51. package/core/DataTable/Rows.js +3 -2
  52. package/core/{DateTime.d.ts → DateTime/index.d.ts} +1 -1
  53. package/core/{DateTime.js → DateTime/index.js} +13 -3
  54. package/core/{Dialog.d.ts → Dialog/index.d.ts} +2 -2
  55. package/core/{Dialog.js → Dialog/index.js} +1 -0
  56. package/core/{Divider.d.ts → Divider/index.d.ts} +3 -2
  57. package/core/{Drawer.d.ts → Drawer/index.d.ts} +2 -2
  58. package/core/{Drawer.js → Drawer/index.js} +1 -1
  59. package/core/{EditableTable.d.ts → EditableTable/index.d.ts} +1 -1
  60. package/core/{EditableTable.js → EditableTable/index.js} +54 -48
  61. package/core/{ExpansionPanel.d.ts → ExpansionPanel/index.d.ts} +6 -4
  62. package/core/{ExpansionPanel.js → ExpansionPanel/index.js} +14 -12
  63. package/core/{Fab.d.ts → Fab/index.d.ts} +2 -2
  64. package/core/{Fade.d.ts → Fade/index.d.ts} +2 -2
  65. package/core/{Grow.d.ts → Grow/index.d.ts} +2 -2
  66. package/core/{Header.d.ts → Header/index.d.ts} +1 -1
  67. package/core/{IconButton.d.ts → IconButton/index.d.ts} +3 -1
  68. package/core/{InputAdornment.d.ts → InputAdornment/index.d.ts} +1 -1
  69. package/core/{InputBase.d.ts → InputBase/index.d.ts} +1 -1
  70. package/core/Line/index.d.ts +8 -0
  71. package/core/Line/index.js +32 -0
  72. package/core/{List.d.ts → List/index.d.ts} +2 -2
  73. package/core/{List.js → List/index.js} +2 -2
  74. package/core/{ListItem.d.ts → ListItem/index.d.ts} +1 -1
  75. package/core/{MaskField.d.ts → MaskField/index.d.ts} +1 -1
  76. package/core/{MaskField.js → MaskField/index.js} +1 -1
  77. package/core/{Menu.d.ts → Menu/index.d.ts} +2 -2
  78. package/core/{Menu.js → Menu/index.js} +3 -1
  79. package/core/{Node.d.ts → Node/index.d.ts} +2 -2
  80. package/core/{Node.js → Node/index.js} +4 -5
  81. package/core/{Pagination.d.ts → Pagination/index.d.ts} +1 -1
  82. package/core/{Pagination.js → Pagination/index.js} +19 -11
  83. package/core/{Paper.d.ts → Paper/index.d.ts} +1 -1
  84. package/core/{Paper.js → Paper/index.js} +1 -0
  85. package/core/{PinInput.d.ts → PinInput/index.d.ts} +1 -1
  86. package/core/{PinInput.js → PinInput/index.js} +2 -12
  87. package/core/{Progress.d.ts → Progress/index.d.ts} +4 -4
  88. package/core/{Radio.d.ts → Radio/index.d.ts} +2 -2
  89. package/core/{RadioGroup.d.ts → RadioGroup/index.d.ts} +2 -2
  90. package/core/{Select.d.ts → Select/index.d.ts} +5 -5
  91. package/core/{Select.js → Select/index.js} +10 -1
  92. package/core/{Sidebar.d.ts → Sidebar/index.d.ts} +2 -2
  93. package/core/{Sidebar.js → Sidebar/index.js} +4 -5
  94. package/core/{Slide.d.ts → Slide/index.d.ts} +3 -3
  95. package/core/{Slide.js → Slide/index.js} +1 -2
  96. package/core/{Slider.d.ts → Slider/index.d.ts} +1 -1
  97. package/core/{Snackbar.d.ts → Snackbar/index.d.ts} +1 -1
  98. package/core/{Snackbar.js → Snackbar/index.js} +1 -0
  99. package/core/StepCard/StepCardDetails.js +26 -27
  100. package/core/StepCard/StepCardPanel.js +6 -3
  101. package/core/{StepCardSkeleton.d.ts → StepCard/StepCardSkeleton.d.ts} +1 -0
  102. package/core/{StepCardSkeleton.js → StepCard/StepCardSkeleton.js} +6 -5
  103. package/core/StepCard/index.d.ts +10 -4
  104. package/core/StepCard/index.js +6 -3
  105. package/core/StepCard/styles.d.ts +1 -1
  106. package/core/StepCard/styles.js +2 -2
  107. package/core/{Stepper.d.ts → Stepper/index.d.ts} +1 -1
  108. package/core/{Stepper.js → Stepper/index.js} +24 -12
  109. package/core/{Tab.d.ts → Tab/index.d.ts} +1 -1
  110. package/core/{TableBody.d.ts → Table/TableBody.d.ts} +1 -1
  111. package/core/{TableCell.d.ts → Table/TableCell.d.ts} +1 -1
  112. package/core/{TableHead.d.ts → Table/TableHead.d.ts} +1 -1
  113. package/core/{TableRow.d.ts → Table/TableRow.d.ts} +1 -1
  114. package/core/{TableRow.js → Table/TableRow.js} +1 -1
  115. package/core/{Table.d.ts → Table/index.d.ts} +2 -2
  116. package/core/{Table.js → Table/index.js} +1 -1
  117. package/core/{Tabs.d.ts → Tabs/index.d.ts} +3 -3
  118. package/core/{TextField.d.ts → TextField/index.d.ts} +1 -1
  119. package/core/{TextField.js → TextField/index.js} +21 -17
  120. package/core/{Tooltip.d.ts → Tooltip/index.d.ts} +3 -3
  121. package/core/{Tree.d.ts → Tree/index.d.ts} +1 -1
  122. package/core/{Tree.js → Tree/index.js} +1 -1
  123. package/core/{Typography.d.ts → Typography/index.d.ts} +1 -1
  124. package/core/{Zoom.d.ts → Zoom/index.d.ts} +3 -3
  125. package/index.d.ts +7 -6
  126. package/index.js +9 -6
  127. package/package.json +19 -31
  128. package/test/mocks/data-table-hidden-mock.d.ts +2 -0
  129. package/test/mocks/data-table-hidden-mock.js +299 -0
  130. package/test/mocks/data-table-mock.d.ts +2 -0
  131. package/{stories/DataTableQueryPaginated.stories.js → test/mocks/data-table-mock.js} +84 -287
  132. package/test/mocks/date-time-mock.d.ts +7 -0
  133. package/{stories/ChipField.stories.js → test/mocks/date-time-mock.js} +25 -36
  134. package/test/mocks/editable-table-date-mock.d.ts +10 -0
  135. package/{core/Experimental/Button/button.spec.js → test/mocks/editable-table-date-mock.js} +11 -25
  136. package/test/mocks/editable-table-mock.d.ts +16 -0
  137. package/{stories/Card.stories.js → test/mocks/editable-table-mock.js} +17 -26
  138. package/test/mocks/pin-input-mock.d.ts +6 -0
  139. package/{stories/Grow.stories.js → test/mocks/pin-input-mock.js} +47 -37
  140. package/test/mocks/radio-group-mock.d.ts +6 -0
  141. package/{stories/RadioGroup.stories.js → test/mocks/radio-group-mock.js} +15 -22
  142. package/test/mocks/select-mock.d.ts +7 -0
  143. package/test/mocks/select-mock.js +42 -0
  144. package/test/mocks/snackbar-mock.d.ts +7 -0
  145. package/{stories/Snackbar.stories.js → test/mocks/snackbar-mock.js} +27 -55
  146. package/test/mocks/step-card-mock.d.ts +8 -0
  147. package/{stories/Fade.stories.js → test/mocks/step-card-mock.js} +29 -33
  148. package/test/mocks/text-field-mock.d.ts +7 -0
  149. package/{stories/Slide.stories.js → test/mocks/text-field-mock.js} +47 -39
  150. package/test/util.d.ts +14 -0
  151. package/test/util.js +117 -0
  152. package/core/Button.js +0 -42
  153. package/core/Container.js +0 -34
  154. package/core/Experimental/Button/button.spec.d.ts +0 -1
  155. package/core/Experimental/Button/button.stories.d.ts +0 -6
  156. package/core/Experimental/Button/button.stories.js +0 -21
  157. package/core/Experimental/Button/index.d.ts +0 -1
  158. package/core/Experimental/Button/index.js +0 -13
  159. package/core/Experimental/Card/card.stories.d.ts +0 -6
  160. package/core/Experimental/Card/card.stories.js +0 -22
  161. package/core/Experimental/Card/index.d.ts +0 -1
  162. package/core/Experimental/Card/index.js +0 -13
  163. package/core/Experimental/Dialog/Dialog.stories.d.ts +0 -12
  164. package/core/Experimental/Dialog/Dialog.stories.js +0 -84
  165. package/core/Experimental/Dialog/__test__/confirm-dialog.spec.d.ts +0 -1
  166. package/core/Experimental/Dialog/__test__/confirm-dialog.spec.js +0 -132
  167. package/core/Experimental/Dialog/__test__/dialog.spec.d.ts +0 -1
  168. package/core/Experimental/Dialog/__test__/dialog.spec.js +0 -63
  169. package/core/Experimental/Dialog/__test__/remove-dialog.spec.d.ts +0 -1
  170. package/core/Experimental/Dialog/__test__/remove-dialog.spec.js +0 -131
  171. package/core/Experimental/Fab/Fab.stories.d.ts +0 -9
  172. package/core/Experimental/Fab/Fab.stories.js +0 -29
  173. package/core/Experimental/Fab/fab.spec.d.ts +0 -1
  174. package/core/Experimental/Fab/fab.spec.js +0 -51
  175. package/core/Experimental/Sidebar/Sidebar.stories.d.ts +0 -7
  176. package/core/Experimental/Sidebar/Sidebar.stories.js +0 -51
  177. package/core/Experimental/Sidebar/index.d.ts +0 -1
  178. package/core/Experimental/Sidebar/index.js +0 -13
  179. package/core/Experimental/Sidebar/sidebar.spec.d.ts +0 -1
  180. package/core/Experimental/Sidebar/sidebar.spec.js +0 -129
  181. package/core/Experimental/index.d.ts +0 -5
  182. package/core/Experimental/index.js +0 -60
  183. package/core/Line.d.ts +0 -7
  184. package/core/Line.js +0 -35
  185. package/stories/Advertise.stories.js +0 -25
  186. package/stories/AutoComplete.stories.js +0 -119
  187. package/stories/AutoCompleteLab.stories.js +0 -55
  188. package/stories/Avatar.stories.js +0 -38
  189. package/stories/Badge.stories.js +0 -56
  190. package/stories/Box.stories.js +0 -23
  191. package/stories/Breadcrumb.stories.js +0 -34
  192. package/stories/Button.stories.js +0 -122
  193. package/stories/Chapter.stories.js +0 -35
  194. package/stories/Checkbox.stories.js +0 -91
  195. package/stories/Chip.stories.js +0 -61
  196. package/stories/Collapse.stories.js +0 -59
  197. package/stories/Container.stories.js +0 -18
  198. package/stories/Content.stories.js +0 -22
  199. package/stories/DataTable.stories.js +0 -964
  200. package/stories/Dialog.stories.js +0 -96
  201. package/stories/Divider.stories.js +0 -34
  202. package/stories/Drawer.stories.js +0 -43
  203. package/stories/EditTable.stories.js +0 -140
  204. package/stories/ExpansionPanel.stories.js +0 -96
  205. package/stories/Fab.stories.js +0 -22
  206. package/stories/Header.stories.js +0 -35
  207. package/stories/IconButton.stories.js +0 -41
  208. package/stories/InputAdornment.stories.js +0 -22
  209. package/stories/InputBase.stories.js +0 -48
  210. package/stories/Line.stories.js +0 -29
  211. package/stories/List.stories.js +0 -103
  212. package/stories/MaskField.stories.js +0 -50
  213. package/stories/Menu.stories.js +0 -70
  214. package/stories/Node.stories.js +0 -33
  215. package/stories/Pagination.stories.js +0 -33
  216. package/stories/Paper.stories.js +0 -53
  217. package/stories/PinInput.stories.js +0 -115
  218. package/stories/Progress.stories.js +0 -77
  219. package/stories/Radio.stories.js +0 -43
  220. package/stories/Select.stories.js +0 -86
  221. package/stories/Sidebar.stories.js +0 -39
  222. package/stories/Slider.stories.js +0 -62
  223. package/stories/StepCard.stories.js +0 -113
  224. package/stories/Stepper.stories.js +0 -36
  225. package/stories/Table.stories.js +0 -22
  226. package/stories/Tabs.stories.js +0 -30
  227. package/stories/TextField.stories.js +0 -135
  228. package/stories/Tooltip.stories.js +0 -120
  229. package/stories/Tree.stories.js +0 -39
  230. package/stories/Typography.stories.js +0 -124
  231. package/stories/Zooms.stories.js +0 -44
  232. /package/{core/Experimental/Button/Button.d.ts → Experimental/Button/index.d.ts} +0 -0
  233. /package/{core/Experimental → Experimental}/Dialog/ConfirmDialog.d.ts +0 -0
  234. /package/{core/Experimental → Experimental}/Dialog/ConfirmDialog.js +0 -0
  235. /package/{core/Experimental → Experimental}/Dialog/Dialog.d.ts +0 -0
  236. /package/{core/Experimental → Experimental}/Dialog/RemoveDialog.d.ts +0 -0
  237. /package/{core/Experimental → Experimental}/Dialog/RemoveDialog.js +0 -0
  238. /package/{core/Experimental → Experimental}/Dialog/index.d.ts +0 -0
  239. /package/{core/Experimental → Experimental}/Dialog/index.js +0 -0
  240. /package/{core/Experimental → Experimental}/Fab/FabWrapper.d.ts +0 -0
  241. /package/{core/Experimental → Experimental}/Fab/FabWrapper.js +0 -0
  242. /package/{core/Experimental → Experimental}/Fab/index.d.ts +0 -0
  243. /package/{core/Experimental → Experimental}/Fab/index.js +0 -0
  244. /package/{core/Experimental/Sidebar/SidebarV2.d.ts → Experimental/Sidebar/index.d.ts} +0 -0
  245. /package/core/{Breadcrumb.d.ts → Breadcrumb/index.d.ts} +0 -0
  246. /package/core/{Breadcrumb.js → Breadcrumb/index.js} +0 -0
  247. /package/core/{Card.js → Card/index.js} +0 -0
  248. /package/core/{Chip.js → Chip/index.js} +0 -0
  249. /package/core/{ChipField.js → ChipField/index.js} +0 -0
  250. /package/core/{Collapse.js → Collapse/index.js} +0 -0
  251. /package/core/{Divider.js → Divider/index.js} +0 -0
  252. /package/core/{Fab.js → Fab/index.js} +0 -0
  253. /package/core/{Fade.js → Fade/index.js} +0 -0
  254. /package/core/{Grow.js → Grow/index.js} +0 -0
  255. /package/core/{Header.js → Header/index.js} +0 -0
  256. /package/core/{IconButton.js → IconButton/index.js} +0 -0
  257. /package/core/{InputAdornment.js → InputAdornment/index.js} +0 -0
  258. /package/core/{InputBase.js → InputBase/index.js} +0 -0
  259. /package/core/{Link.d.ts → Link/index.d.ts} +0 -0
  260. /package/core/{Link.js → Link/index.js} +0 -0
  261. /package/core/{ListItem.js → ListItem/index.js} +0 -0
  262. /package/core/{Progress.js → Progress/index.js} +0 -0
  263. /package/core/{Radio.js → Radio/index.js} +0 -0
  264. /package/core/{RadioGroup.js → RadioGroup/index.js} +0 -0
  265. /package/core/{Slider.js → Slider/index.js} +0 -0
  266. /package/core/{StylesProvider.d.ts → StylesProvider/index.d.ts} +0 -0
  267. /package/core/{StylesProvider.js → StylesProvider/index.js} +0 -0
  268. /package/core/{Tab.js → Tab/index.js} +0 -0
  269. /package/core/{TableBody.js → Table/TableBody.js} +0 -0
  270. /package/core/{TableCell.js → Table/TableCell.js} +0 -0
  271. /package/core/{TableHead.js → Table/TableHead.js} +0 -0
  272. /package/core/{Tabs.js → Tabs/index.js} +0 -0
  273. /package/core/{ThemeProvider.d.ts → ThemeProvider/index.d.ts} +0 -0
  274. /package/core/{ThemeProvider.js → ThemeProvider/index.js} +0 -0
  275. /package/core/{Tooltip.js → Tooltip/index.js} +0 -0
  276. /package/core/{Typography.js → Typography/index.js} +0 -0
  277. /package/core/{Zoom.js → Zoom/index.js} +0 -0
@@ -1,103 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.WithIcons = exports.WithAvatar = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _List = _interopRequireDefault(require("../core/List"));
10
- var _ListItem = _interopRequireDefault(require("../core/ListItem"));
11
- var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
12
- var _Avatar = _interopRequireDefault(require("../core/Avatar"));
13
- var _default = {
14
- title: 'List',
15
- component: _List["default"]
16
- };
17
- exports["default"] = _default;
18
- var Template = function Template(args) {
19
- return /*#__PURE__*/_react["default"].createElement(_List["default"], args);
20
- };
21
- var Default = Template.bind({});
22
- exports.Default = Default;
23
- Default.args = {
24
- title: 'My beautiful list"',
25
- children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
26
- title: "Item 1"
27
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
28
- title: "Item 2"
29
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
30
- title: "Item 3"
31
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
32
- title: "Item 4"
33
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
34
- title: "Item 5"
35
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
36
- title: "Item 6"
37
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
38
- selected: true,
39
- title: "Item 7"
40
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
41
- title: "Item 8"
42
- }))
43
- };
44
- var WithIcons = Template.bind({});
45
- exports.WithIcons = WithIcons;
46
- WithIcons.args = {
47
- title: 'My beautiful list"',
48
- children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
49
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
50
- title: "Item 1"
51
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
52
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
53
- title: "Item 2"
54
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
55
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
56
- title: "Item 3"
57
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
58
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
59
- title: "Item 4"
60
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
61
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
62
- title: "Item 5"
63
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
64
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
65
- title: "Item 6"
66
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
67
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
68
- title: "Item 7"
69
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
70
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
71
- title: "Item 8"
72
- }))
73
- };
74
- var WithAvatar = Template.bind({});
75
- exports.WithAvatar = WithAvatar;
76
- WithAvatar.args = {
77
- title: 'My beautiful list"',
78
- children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
79
- avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "1"),
80
- title: "Person 1"
81
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
82
- avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "2"),
83
- title: "Person 2"
84
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
85
- avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "3"),
86
- title: "Person 3"
87
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
88
- avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "4"),
89
- title: "Person 4"
90
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
91
- avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "5"),
92
- title: "Person 5"
93
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
94
- avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "6"),
95
- title: "Person 6"
96
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
97
- avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "7"),
98
- title: "Person 7"
99
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
100
- avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "8"),
101
- title: "Person 8"
102
- }))
103
- };
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.MaskFieldWithInputAdornment = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _InputAdornment = _interopRequireDefault(require("../core/InputAdornment"));
10
- var _MaskField = _interopRequireDefault(require("../core/MaskField"));
11
- var _default = {
12
- title: 'MaskField',
13
- component: _MaskField["default"],
14
- argTypes: {
15
- helperText: {
16
- control: 'text'
17
- },
18
- value: {
19
- control: 'text' || 'number'
20
- }
21
- }
22
- };
23
- exports["default"] = _default;
24
- var Template = function Template(args) {
25
- return /*#__PURE__*/_react["default"].createElement(_MaskField["default"], args);
26
- };
27
- var Default = function Default() {
28
- return /*#__PURE__*/_react["default"].createElement(_MaskField["default"], {
29
- placeholder: "Description"
30
- });
31
- };
32
- exports.Default = Default;
33
- var MaskFieldWithInputAdornment = Template.bind({});
34
- exports.MaskFieldWithInputAdornment = MaskFieldWithInputAdornment;
35
- MaskFieldWithInputAdornment.args = {
36
- fixedDecimalScale: true,
37
- decimalScale: 2,
38
- label: 'Price',
39
- decimalSeparator: ',',
40
- thousandSeparator: '.',
41
- InputProps: {
42
- startAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
43
- position: "start"
44
- }, "$")
45
- },
46
- InputLabelProps: {
47
- shrink: true
48
- },
49
- children: /*#__PURE__*/_react["default"].createElement(_MaskField["default"], null)
50
- };
@@ -1,70 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.Default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
- var _react = _interopRequireWildcard(require("react"));
12
- var _Menu = _interopRequireDefault(require("../core/Menu"));
13
- var _Button = _interopRequireDefault(require("../core/Button"));
14
- var _ListItem = _interopRequireDefault(require("../core/ListItem"));
15
- var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
- var _default = {
19
- title: 'Menu',
20
- component: _Menu["default"]
21
- };
22
- exports["default"] = _default;
23
- var Template = function Template(args) {
24
- var _useState = (0, _react.useState)(false),
25
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
26
- open = _useState2[0],
27
- setOpen = _useState2[1];
28
- function handleClick() {
29
- setOpen(!open);
30
- }
31
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
32
- onClick: handleClick
33
- }, "Menu"), /*#__PURE__*/_react["default"].createElement(_Menu["default"], (0, _extends2["default"])({}, args, {
34
- open: open,
35
- onClick: handleClick
36
- })));
37
- };
38
- var Default = Template.bind({});
39
- exports.Default = Default;
40
- Default.args = {
41
- style: {
42
- margin: '3em'
43
- },
44
- title: 'My beautiful Menu"',
45
- children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
46
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
47
- title: "Menu 1"
48
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
49
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
50
- title: "Menu 2"
51
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
52
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
53
- title: "Menu 3"
54
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
55
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
56
- title: "Menu 4"
57
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
58
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
59
- title: "Menu 5"
60
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
61
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
62
- title: "Menu 6"
63
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
64
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
65
- title: "Menu 7"
66
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
67
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null),
68
- title: "Menu 8"
69
- }))
70
- };
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Node = _interopRequireDefault(require("../core/Node"));
10
- var _default = {
11
- title: 'Node',
12
- component: _Node["default"]
13
- };
14
- exports["default"] = _default;
15
- var Template = function Template(args) {
16
- return /*#__PURE__*/_react["default"].createElement(_Node["default"], args);
17
- };
18
- var Default = Template.bind({});
19
- exports.Default = Default;
20
- Default.args = {
21
- id: '1',
22
- name: 'Branch',
23
- children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Node["default"], {
24
- id: "2",
25
- name: "I am a Node 1"
26
- }), /*#__PURE__*/_react["default"].createElement(_Node["default"], {
27
- id: "3",
28
- name: "I am a Node 2"
29
- }), /*#__PURE__*/_react["default"].createElement(_Node["default"], {
30
- id: "4",
31
- name: "I am a Node 3"
32
- }))
33
- };
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Pagination = _interopRequireDefault(require("../core/Pagination"));
10
- var _default = {
11
- title: 'Pagination',
12
- component: _Pagination["default"]
13
- };
14
- exports["default"] = _default;
15
- var Template = function Template(args) {
16
- return /*#__PURE__*/_react["default"].createElement(_Pagination["default"], args);
17
- };
18
- var Default = Template.bind({});
19
- exports.Default = Default;
20
- Default.args = {
21
- pages: 5,
22
- active: 3,
23
- onNext: function onNext() {
24
- return alert('Next page');
25
- },
26
- onPrevious: function onPrevious() {
27
- return alert('Previous page');
28
- },
29
- onNavigate: function onNavigate(page) {
30
- return alert('You tried to navigate to page ' + page);
31
- },
32
- children: 'Pagination'
33
- };
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.Square = exports.NoElevated = exports.MaxEletavion = exports.Elevated = exports.Default = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _Paper = _interopRequireDefault(require("../core/Paper"));
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
- var _default = {
14
- title: 'Paper',
15
- component: _Paper["default"]
16
- };
17
- exports["default"] = _default;
18
- var Template = function Template(args) {
19
- return /*#__PURE__*/_react["default"].createElement(_Paper["default"], args);
20
- };
21
- var defaultArgs = {
22
- padding: 24,
23
- margin: 24
24
- };
25
- var argsWithChildren = _objectSpread(_objectSpread({}, defaultArgs), {}, {
26
- children: 'I am a Paper.'
27
- });
28
- var Default = function Default() {
29
- return /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
30
- style: _objectSpread({}, defaultArgs)
31
- }, "I am a Paper.");
32
- };
33
- exports.Default = Default;
34
- var Square = Template.bind({});
35
- exports.Square = Square;
36
- Square.args = _objectSpread(_objectSpread({}, argsWithChildren), {}, {
37
- square: true
38
- });
39
- var NoElevated = Template.bind({});
40
- exports.NoElevated = NoElevated;
41
- NoElevated.args = _objectSpread(_objectSpread({}, argsWithChildren), {}, {
42
- elevation: 0
43
- });
44
- var Elevated = Template.bind({});
45
- exports.Elevated = Elevated;
46
- Elevated.args = _objectSpread(_objectSpread({}, argsWithChildren), {}, {
47
- elevation: 12
48
- });
49
- var MaxEletavion = Template.bind({});
50
- exports.MaxEletavion = MaxEletavion;
51
- MaxEletavion.args = _objectSpread(_objectSpread({}, argsWithChildren), {}, {
52
- elevation: 24
53
- });
@@ -1,115 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.Large = exports.Default = void 0;
9
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
12
- var _react = _interopRequireWildcard(require("react"));
13
- var _PinInput = _interopRequireDefault(require("../core/PinInput"));
14
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
15
- var _styledComponents = _interopRequireDefault(require("styled-components"));
16
- var _templateObject, _templateObject2;
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
- var _default = {
20
- title: 'PinInput',
21
- component: _PinInput["default"]
22
- };
23
- exports["default"] = _default;
24
- var ValidateContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n width: auto;\n justify-content: center;\n margin-bottom: 2rem;\n"])));
25
- var ButtonContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n width: auto;\n justify-content: center;\n margin-top: 3rem;\n"])));
26
- var PIN_LENGTH = 6;
27
- var Default = function Default() {
28
- var _useState = (0, _react.useState)(new Array(PIN_LENGTH)),
29
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
30
- pin = _useState2[0],
31
- setPin = _useState2[1];
32
- var onPinChanged = function onPinChanged(pinEntry, index) {
33
- var newPin = (0, _toConsumableArray2["default"])(pin);
34
- newPin[index] = pinEntry;
35
- setPin(newPin);
36
- };
37
- var _useState3 = (0, _react.useState)(false),
38
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
39
- hasError = _useState4[0],
40
- setHasError = _useState4[1];
41
- var _useState5 = (0, _react.useState)(false),
42
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
43
- isValidating = _useState6[0],
44
- setIsValidating = _useState6[1];
45
- var handleValidation = function handleValidation() {
46
- setIsValidating(true);
47
- if (pin.join('') !== '123123') {
48
- setHasError(true);
49
- setPin(new Array(PIN_LENGTH));
50
- } else {
51
- setHasError(false);
52
- alert('PIN is correct');
53
- }
54
- setIsValidating(false);
55
- };
56
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ValidateContainer, null, /*#__PURE__*/_react["default"].createElement("span", null, "Valid pin: 123123")), /*#__PURE__*/_react["default"].createElement(_PinInput["default"], {
57
- pin: pin,
58
- setPin: setPin,
59
- onPinChanged: onPinChanged,
60
- pinLength: PIN_LENGTH,
61
- validationResult: hasError,
62
- isValidating: isValidating,
63
- size: "small",
64
- variant: "outlined"
65
- }), /*#__PURE__*/_react["default"].createElement(ButtonContainer, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
66
- onClick: function onClick() {
67
- handleValidation();
68
- }
69
- }, "Validate")));
70
- };
71
- exports.Default = Default;
72
- var Large = function Large() {
73
- var _useState7 = (0, _react.useState)(new Array(PIN_LENGTH)),
74
- _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
75
- pin = _useState8[0],
76
- setPin = _useState8[1];
77
- var onPinChanged = function onPinChanged(pinEntry, index) {
78
- var newPin = (0, _toConsumableArray2["default"])(pin);
79
- newPin[index] = pinEntry;
80
- setPin(newPin);
81
- };
82
- var _useState9 = (0, _react.useState)(false),
83
- _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
84
- hasError = _useState10[0],
85
- setHasError = _useState10[1];
86
- var _useState11 = (0, _react.useState)(false),
87
- _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
88
- isValidating = _useState12[0],
89
- setIsValidating = _useState12[1];
90
- var handleValidation = function handleValidation() {
91
- setIsValidating(true);
92
- if (pin.join('') !== '123123') {
93
- setPin(new Array(PIN_LENGTH));
94
- setHasError(true);
95
- } else {
96
- setHasError(false);
97
- alert('PIN is correct');
98
- }
99
- setIsValidating(false);
100
- };
101
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ValidateContainer, null, /*#__PURE__*/_react["default"].createElement("span", null, "Valid pin: 123123")), /*#__PURE__*/_react["default"].createElement(_PinInput["default"], {
102
- pin: pin,
103
- setPin: setPin,
104
- onPinChanged: onPinChanged,
105
- pinLength: PIN_LENGTH,
106
- validationResult: hasError,
107
- isValidating: isValidating,
108
- size: "large"
109
- }), /*#__PURE__*/_react["default"].createElement(ButtonContainer, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
110
- onClick: function onClick() {
111
- handleValidation();
112
- }
113
- }, "Validate")));
114
- };
115
- exports.Large = Large;
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.Secondary = exports.Primary = exports.LinearSecondary = exports.LinearQuerySecondary = exports.LinearQuery = exports.LinearBuffer = exports.Linear = exports.Inherit = exports.Default = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _Progress = _interopRequireDefault(require("../core/Progress"));
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
- var _default = {
14
- title: 'Progress',
15
- component: _Progress["default"]
16
- };
17
- exports["default"] = _default;
18
- var Template = function Template(args) {
19
- return /*#__PURE__*/_react["default"].createElement(_Progress["default"], args);
20
- };
21
- var commonArgs = {
22
- margin: 24,
23
- children: /*#__PURE__*/_react["default"].createElement(_Progress["default"], null)
24
- };
25
- var Default = Template.bind({});
26
- exports.Default = Default;
27
- Default.args = _objectSpread({}, commonArgs);
28
- var Primary = Template.bind({});
29
- exports.Primary = Primary;
30
- Primary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
31
- size: 48,
32
- color: 'primary'
33
- });
34
- var Secondary = Template.bind({});
35
- exports.Secondary = Secondary;
36
- Secondary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
37
- size: 48,
38
- color: 'secondary'
39
- });
40
- var Inherit = Template.bind({});
41
- exports.Inherit = Inherit;
42
- Inherit.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
43
- size: 96,
44
- color: 'inherit'
45
- });
46
- var Linear = Template.bind({});
47
- exports.Linear = Linear;
48
- Linear.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
49
- linear: true
50
- });
51
- var LinearSecondary = Template.bind({});
52
- exports.LinearSecondary = LinearSecondary;
53
- LinearSecondary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
54
- linear: true,
55
- color: 'secondary'
56
- });
57
- var LinearBuffer = Template.bind({});
58
- exports.LinearBuffer = LinearBuffer;
59
- LinearBuffer.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
60
- variant: 'buffer',
61
- valueBuffer: 75,
62
- value: 50,
63
- linear: true
64
- });
65
- var LinearQuery = Template.bind({});
66
- exports.LinearQuery = LinearQuery;
67
- LinearQuery.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
68
- variant: 'query',
69
- linear: true
70
- });
71
- var LinearQuerySecondary = Template.bind({});
72
- exports.LinearQuerySecondary = LinearQuerySecondary;
73
- LinearQuerySecondary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
74
- color: 'secondary',
75
- variant: 'query',
76
- linear: true
77
- });
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.PrimaryChecked = exports.Primary = exports.Default = exports.Checked = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _Radio = _interopRequireDefault(require("../core/Radio"));
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
- var _default = {
14
- title: 'Radio',
15
- component: _Radio["default"]
16
- };
17
- exports["default"] = _default;
18
- var Template = function Template(args) {
19
- return /*#__PURE__*/_react["default"].createElement(_Radio["default"], args);
20
- };
21
- var commonArgs = {
22
- value: 'first',
23
- children: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null)
24
- };
25
- var Default = Template.bind({});
26
- exports.Default = Default;
27
- Default.args = _objectSpread({}, commonArgs);
28
- var Checked = Template.bind({});
29
- exports.Checked = Checked;
30
- Checked.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
31
- checked: true
32
- });
33
- var Primary = Template.bind({});
34
- exports.Primary = Primary;
35
- Primary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
36
- color: 'primary'
37
- });
38
- var PrimaryChecked = Template.bind({});
39
- exports.PrimaryChecked = PrimaryChecked;
40
- PrimaryChecked.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
41
- color: 'primary',
42
- checked: true
43
- });