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,96 +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.WithTypography = exports.WithAlertOnClose = exports.Default = void 0;
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _Dialog = _interopRequireDefault(require("../core/Dialog"));
12
- var _Button = _interopRequireDefault(require("../core/Button"));
13
- var _Typography = _interopRequireDefault(require("../core/Typography"));
14
- 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); }
15
- 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; }
16
- var _default = {
17
- title: 'Dialog',
18
- component: _Dialog["default"]
19
- };
20
- exports["default"] = _default;
21
- var Default = function Default() {
22
- var _useState = (0, _react.useState)(false),
23
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
24
- open = _useState2[0],
25
- setOpen = _useState2[1];
26
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
27
- onClick: function onClick() {
28
- return setOpen(true);
29
- }
30
- }, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
31
- open: open,
32
- title: "My beautiful Dialog",
33
- text: 'Is not it?',
34
- onClose: function onClose() {
35
- return setOpen(false);
36
- },
37
- actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
38
- onClick: function onClick() {
39
- return setOpen(false);
40
- }
41
- }, "Close dialog")
42
- }));
43
- };
44
- exports.Default = Default;
45
- var WithAlertOnClose = function WithAlertOnClose() {
46
- var _useState3 = (0, _react.useState)(false),
47
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
48
- open = _useState4[0],
49
- setOpen = _useState4[1];
50
- var handleClose = function handleClose(e) {
51
- e.preventDefault();
52
- alert('I prevented dialog to close');
53
- };
54
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
55
- onClick: function onClick() {
56
- return setOpen(true);
57
- }
58
- }, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
59
- open: open,
60
- title: "My beautiful Dialog",
61
- text: 'Is not it?',
62
- onClose: handleClose,
63
- actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
64
- onClick: function onClick() {
65
- return setOpen(false);
66
- }
67
- }, "Close dialog")
68
- }));
69
- };
70
- exports.WithAlertOnClose = WithAlertOnClose;
71
- var WithTypography = function WithTypography() {
72
- var _useState5 = (0, _react.useState)(false),
73
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
74
- open = _useState6[0],
75
- setOpen = _useState6[1];
76
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
77
- onClick: function onClick() {
78
- return setOpen(true);
79
- }
80
- }, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
81
- open: open,
82
- title: /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
83
- color: "primary"
84
- }, "Title with Typography"),
85
- text: "Simple Text",
86
- onClose: function onClose() {
87
- return setOpen(false);
88
- },
89
- actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
90
- onClick: function onClick() {
91
- return setOpen(false);
92
- }
93
- }, "Close dialog")
94
- }));
95
- };
96
- exports.WithTypography = WithTypography;
@@ -1,34 +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.WithSelectedFields = exports.WithDisabledFields = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Divider = _interopRequireDefault(require("../core/Divider"));
10
- var _List = _interopRequireDefault(require("../core/List"));
11
- var _ListItem = _interopRequireDefault(require("../core/ListItem"));
12
- var _default = {
13
- title: 'Divider',
14
- component: _Divider["default"]
15
- };
16
- exports["default"] = _default;
17
- var Default = function Default() {
18
- return /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Banded penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Chinstrap penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Crested penguins")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
19
- };
20
- exports.Default = Default;
21
- var WithDisabledFields = function WithDisabledFields() {
22
- return /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Banded penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
23
- disabled: true
24
- }, /*#__PURE__*/_react["default"].createElement("p", null, "Chinstrap penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
25
- disabled: true
26
- }, /*#__PURE__*/_react["default"].createElement("p", null, "Crested penguins")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
27
- };
28
- exports.WithDisabledFields = WithDisabledFields;
29
- var WithSelectedFields = function WithSelectedFields() {
30
- return /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
31
- selected: true
32
- }, /*#__PURE__*/_react["default"].createElement("p", null, "Banded penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Chinstrap penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Crested penguins")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
33
- };
34
- exports.WithSelectedFields = WithSelectedFields;
@@ -1,43 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _Drawer = _interopRequireDefault(require("../core/Drawer"));
12
- var _List = _interopRequireDefault(require("../core/List"));
13
- var _ListItem = _interopRequireDefault(require("../core/ListItem"));
14
- var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
15
- var _Button = _interopRequireDefault(require("../core/Button"));
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: 'Drawer',
20
- component: _Drawer["default"]
21
- };
22
- exports["default"] = _default;
23
- var Default = function Default() {
24
- var _useState = (0, _react.useState)(false),
25
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
26
- open = _useState2[0],
27
- SetOpen = _useState2[1];
28
- var handleClick = 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
- disabled: open
34
- }, "Open"), /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
35
- open: open,
36
- onClick: handleClick
37
- }, /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
38
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
39
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
40
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
41
- }))));
42
- };
43
- exports.Default = Default;
@@ -1,140 +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.WithAutocomplete = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Avatar = _interopRequireDefault(require("../core/Avatar"));
10
- var _EditableTable = _interopRequireDefault(require("../core/EditableTable"));
11
- var _default = {
12
- title: 'EditTable',
13
- component: _Avatar["default"]
14
- };
15
- exports["default"] = _default;
16
- var Default = function Default() {
17
- return /*#__PURE__*/_react["default"].createElement(_EditableTable["default"], {
18
- paginationInfo: true,
19
- noRowsExpand: true,
20
- disableAddHeader: true,
21
- onAddRow: function onAddRow(item) {
22
- return Promise.resolve(console.log(item));
23
- },
24
- onRowClick: function onRowClick() {
25
- return window.alert('hello');
26
- },
27
- title: "adicionar",
28
- columns: [{
29
- title: 'Leitura',
30
- field: 'readAt',
31
- initialEditValue: new Date(),
32
- type: 'datetime',
33
- cellStyle: {
34
- textAlign: 'right'
35
- },
36
- headerStyle: {
37
- textAlign: 'right'
38
- }
39
- }, {
40
- title: 'Posição',
41
- field: 'position',
42
- type: 'numeric'
43
- }, {
44
- title: 'Origem',
45
- field: 'origin',
46
- editable: 'never',
47
- initialEditValue: 'Manual'
48
- }],
49
- data: [{
50
- readAt: new Date('07/01/2019 17:21'),
51
- position: 7000,
52
- origin: /*#__PURE__*/_react["default"].createElement("div", {
53
- style: {
54
- maxWidth: '100px',
55
- width: '80%',
56
- backgroundColor: 'green',
57
- borderRadius: 10,
58
- textAlign: 'center'
59
- }
60
- }, "80%")
61
- }, {
62
- readAt: new Date('06/15/2019 16:01'),
63
- position: 6740,
64
- origin: 'Manual'
65
- }, {
66
- readAt: new Date('06/01/2019 19:22'),
67
- position: 6450,
68
- origin: 'S.O. 018774'
69
- }, {
70
- readAt: new Date('05/15/2019 14:07'),
71
- position: 5600,
72
- origin: 'S.0. 018774'
73
- }, {
74
- readAt: new Date('07/01/2019 19:22'),
75
- position: 6451,
76
- origin: 'S.O. 3'
77
- }, {
78
- readAt: new Date('05/12/2019 14:07'),
79
- position: 8000,
80
- origin: 'S.0. 018771'
81
- }]
82
- });
83
- };
84
- exports.Default = Default;
85
- var WithAutocomplete = function WithAutocomplete() {
86
- return /*#__PURE__*/_react["default"].createElement(_EditableTable["default"], {
87
- noHeader: true,
88
- title: "adicionar",
89
- autoCompleteSuggestions: [{
90
- label: 'other values',
91
- value: '123456'
92
- }, {
93
- label: 'only values',
94
- value: '10000'
95
- }, {
96
- label: 'some values',
97
- value: '5000'
98
- }, {
99
- label: 'any values',
100
- value: '12'
101
- }],
102
- autoCompleteField: "listValues",
103
- onUpdateRow: function onUpdateRow() {
104
- return Promise.resolve();
105
- },
106
- onClickAdd: function onClickAdd() {
107
- return window.alert('hello');
108
- },
109
- columns: [{
110
- title: 'values',
111
- field: 'listValues',
112
- cellStyle: {
113
- textAlign: 'right'
114
- },
115
- headerStyle: {
116
- textAlign: 'right'
117
- }
118
- }, {
119
- title: 'Posição',
120
- field: 'position',
121
- type: 'numeric'
122
- }],
123
- data: [{
124
- listValues: 'some values',
125
- autoComplete: {
126
- value: '1',
127
- label: 'some values'
128
- },
129
- position: 7000
130
- }, {
131
- listValues: 'any values',
132
- autoComplete: {
133
- value: '2',
134
- label: 'any values'
135
- },
136
- position: 6740
137
- }]
138
- });
139
- };
140
- exports.WithAutocomplete = WithAutocomplete;
@@ -1,96 +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.WithEditable = exports.Disabled = exports.Default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _ExpansionPanel = _interopRequireDefault(require("../core/ExpansionPanel"));
12
- var _Typography = _interopRequireDefault(require("../core/Typography"));
13
- var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
14
- var _Button = _interopRequireDefault(require("../core/Button"));
15
- var _TextField = _interopRequireDefault(require("../core/TextField"));
16
- var _default = {
17
- title: 'ExpansionPanel',
18
- component: _ExpansionPanel["default"]
19
- };
20
- exports["default"] = _default;
21
- var Template = function Template(args) {
22
- var _React$useState = _react["default"].useState(args.editing),
23
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
24
- editing = _React$useState2[0],
25
- setEditing = _React$useState2[1];
26
- var _React$useState3 = _react["default"].useState(args.details),
27
- _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
28
- details = _React$useState4[0],
29
- setDetails = _React$useState4[1];
30
- var inputRef = _react["default"].useRef(null);
31
- var handleEditClick = function handleEditClick() {
32
- setEditing(true);
33
- };
34
- var handleSaveClick = function handleSaveClick() {
35
- var _inputRef$current;
36
- setDetails((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value);
37
- setEditing(false);
38
- };
39
- var handleKeyDown = function handleKeyDown(event) {
40
- if (event.key === 'Enter') {
41
- handleSaveClick();
42
- }
43
- if (event.key === 'Escape') {
44
- setEditing(false);
45
- }
46
- };
47
- var renderDetails = function renderDetails() {
48
- if (editing) {
49
- return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
50
- autoFocus: true,
51
- inputRef: inputRef,
52
- onKeyDown: handleKeyDown
53
- });
54
- }
55
- return details;
56
- };
57
- return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], (0, _extends2["default"])({}, args, {
58
- editing: editing,
59
- onEditClick: handleEditClick,
60
- onSaveClick: handleSaveClick,
61
- details: renderDetails()
62
- }));
63
- };
64
- var Default = Template.bind({});
65
- exports.Default = Default;
66
- Default.args = {
67
- summary: 'Pulp Fiction',
68
- onHelperClick: function onHelperClick() {
69
- return window.alert('HELP!');
70
- },
71
- expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null),
72
- actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
73
- color: "primary"
74
- }, "Confirm"),
75
- details: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
76
- gutterBottom: true
77
- }, "books about imaginary characters and events, produced in large quantities and intended to be read by many people but not considered to be of very good quality:"), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
78
- variant: "caption"
79
- }, "She was reading a pulp fiction thriller with a lurid cover."))
80
- };
81
- var Disabled = Template.bind({});
82
- exports.Disabled = Disabled;
83
- Disabled.args = {
84
- disabled: true,
85
- summary: 'Dormammu',
86
- details: 'I have come to bargain',
87
- expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
88
- };
89
- var WithEditable = Template.bind({});
90
- exports.WithEditable = WithEditable;
91
- WithEditable.args = {
92
- editable: true,
93
- summary: 'Editable Expansion Panel',
94
- details: 'This is an editable expansion panel',
95
- expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
96
- };
@@ -1,22 +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 _Fab = _interopRequireDefault(require("../core/Fab"));
10
- var _default = {
11
- title: 'Fab',
12
- component: _Fab["default"]
13
- };
14
- exports["default"] = _default;
15
- var Template = function Template(args) {
16
- return /*#__PURE__*/_react["default"].createElement(_Fab["default"], args);
17
- };
18
- var Default = Template.bind({});
19
- exports.Default = Default;
20
- Default.args = {
21
- children: 'Fab'
22
- };
@@ -1,35 +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.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Header = _interopRequireDefault(require("../core/Header"));
10
- var _default = {
11
- title: 'Header',
12
- component: _Header["default"]
13
- };
14
- exports["default"] = _default;
15
- var Template = function Template(args) {
16
- return /*#__PURE__*/_react["default"].createElement(_Header["default"], args);
17
- };
18
- var Default = Template.bind({});
19
- exports.Default = Default;
20
- Default.args = {
21
- color: 'default',
22
- children: 'Flipper UI'
23
- };
24
- var Primary = Template.bind({});
25
- exports.Primary = Primary;
26
- Primary.args = {
27
- color: 'primary',
28
- children: 'Flipper UI'
29
- };
30
- var Secondary = Template.bind({});
31
- exports.Secondary = Secondary;
32
- Secondary.args = {
33
- color: 'secondary',
34
- children: 'Flipper UI'
35
- };
@@ -1,41 +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.Disabled = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _IconButton = _interopRequireDefault(require("../core/IconButton"));
10
- var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
11
- var _default = {
12
- title: 'IconButton',
13
- component: _IconButton["default"]
14
- };
15
- exports["default"] = _default;
16
- var Template = function Template(args) {
17
- return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], args);
18
- };
19
- var Default = Template.bind({});
20
- exports.Default = Default;
21
- Default.args = {
22
- children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
23
- };
24
- var Primary = Template.bind({});
25
- exports.Primary = Primary;
26
- Primary.args = {
27
- color: 'primary',
28
- children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
29
- };
30
- var Secondary = Template.bind({});
31
- exports.Secondary = Secondary;
32
- Secondary.args = {
33
- color: 'secondary',
34
- children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
35
- };
36
- var Disabled = Template.bind({});
37
- exports.Disabled = Disabled;
38
- Disabled.args = {
39
- disabled: true,
40
- children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
41
- };
@@ -1,22 +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 _InputAdornment = _interopRequireDefault(require("../core/InputAdornment"));
10
- var _default = {
11
- title: 'InputAdornment',
12
- component: _InputAdornment["default"]
13
- };
14
- exports["default"] = _default;
15
- var Template = function Template(args) {
16
- return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], args);
17
- };
18
- var Default = Template.bind({});
19
- exports.Default = Default;
20
- Default.args = {
21
- children: 'InputAdornment'
22
- };
@@ -1,48 +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 _InputBase = _interopRequireDefault(require("../core/InputBase"));
10
- var _default = {
11
- title: 'InputBase',
12
- component: _InputBase["default"],
13
- argTypes: {
14
- placeholder: {
15
- control: 'text'
16
- },
17
- value: {
18
- control: 'text'
19
- },
20
- fullWidth: {
21
- control: 'boolean'
22
- },
23
- autoComplete: {
24
- control: 'text'
25
- },
26
- autoFocus: {
27
- control: 'boolean'
28
- },
29
- error: {
30
- control: 'boolean'
31
- },
32
- inputProps: {
33
- control: 'object'
34
- },
35
- readonly: {
36
- control: 'boolean'
37
- }
38
- }
39
- };
40
- exports["default"] = _default;
41
- var Template = function Template(args) {
42
- return /*#__PURE__*/_react["default"].createElement(_InputBase["default"], args);
43
- };
44
- var Default = Template.bind({});
45
- exports.Default = Default;
46
- Default.args = {
47
- placeholder: 'InputBase'
48
- };
@@ -1,29 +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.Primary = exports.LineWithWidthProp = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Line = _interopRequireDefault(require("../core/Line"));
10
- var _default = {
11
- title: 'Line',
12
- component: _Line["default"]
13
- };
14
- exports["default"] = _default;
15
- var Template = function Template(args) {
16
- return /*#__PURE__*/_react["default"].createElement(_Line["default"], args);
17
- };
18
- var Default = Template.bind({});
19
- exports.Default = Default;
20
- var Primary = Template.bind({});
21
- exports.Primary = Primary;
22
- Primary.args = {
23
- primary: true
24
- };
25
- var LineWithWidthProp = Template.bind({});
26
- exports.LineWithWidthProp = LineWithWidthProp;
27
- LineWithWidthProp.args = {
28
- width: '100%'
29
- };