flipper-ui 0.27.1 → 0.27.2

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 (130) 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.js +3 -4
  12. package/Experimental/Loading/index.d.ts +7 -0
  13. package/{stories/RadioGroup.stories.js → Experimental/Loading/index.js} +30 -29
  14. package/Experimental/NothingFound/index.d.ts +9 -0
  15. package/Experimental/NothingFound/index.js +29 -0
  16. package/Experimental/Panel/index.d.ts +22 -0
  17. package/Experimental/Panel/index.js +77 -0
  18. package/{core/Experimental/Sidebar/SidebarV2.js → Experimental/Sidebar/index.js} +6 -9
  19. package/Experimental/Skeleton/index.d.ts +4 -0
  20. package/Experimental/Skeleton/index.js +23 -0
  21. package/Experimental/VisibilityIcon/index.d.ts +7 -0
  22. package/Experimental/VisibilityIcon/index.js +34 -0
  23. package/Experimental/index.d.ts +13 -0
  24. package/Experimental/index.js +130 -0
  25. package/core/Button.d.ts +1 -0
  26. package/core/ExpansionPanel.d.ts +3 -2
  27. package/core/ExpansionPanel.js +9 -7
  28. package/core/IconButton.d.ts +1 -0
  29. package/core/IconButton.js +3 -0
  30. package/index.d.ts +2 -1
  31. package/index.js +4 -1
  32. package/package.json +20 -16
  33. package/core/Experimental/Button/button.spec.d.ts +0 -1
  34. package/core/Experimental/Button/button.spec.js +0 -32
  35. package/core/Experimental/Button/button.stories.d.ts +0 -6
  36. package/core/Experimental/Button/button.stories.js +0 -21
  37. package/core/Experimental/Button/index.d.ts +0 -1
  38. package/core/Experimental/Button/index.js +0 -13
  39. package/core/Experimental/Card/card.stories.d.ts +0 -6
  40. package/core/Experimental/Card/card.stories.js +0 -22
  41. package/core/Experimental/Card/index.d.ts +0 -1
  42. package/core/Experimental/Card/index.js +0 -13
  43. package/core/Experimental/Dialog/Dialog.stories.d.ts +0 -12
  44. package/core/Experimental/Dialog/Dialog.stories.js +0 -84
  45. package/core/Experimental/Dialog/__test__/confirm-dialog.spec.d.ts +0 -1
  46. package/core/Experimental/Dialog/__test__/confirm-dialog.spec.js +0 -132
  47. package/core/Experimental/Dialog/__test__/dialog.spec.d.ts +0 -1
  48. package/core/Experimental/Dialog/__test__/dialog.spec.js +0 -63
  49. package/core/Experimental/Dialog/__test__/remove-dialog.spec.d.ts +0 -1
  50. package/core/Experimental/Dialog/__test__/remove-dialog.spec.js +0 -131
  51. package/core/Experimental/Fab/Fab.stories.d.ts +0 -9
  52. package/core/Experimental/Fab/Fab.stories.js +0 -29
  53. package/core/Experimental/Fab/fab.spec.d.ts +0 -1
  54. package/core/Experimental/Fab/fab.spec.js +0 -51
  55. package/core/Experimental/Sidebar/Sidebar.stories.d.ts +0 -7
  56. package/core/Experimental/Sidebar/Sidebar.stories.js +0 -51
  57. package/core/Experimental/Sidebar/index.d.ts +0 -1
  58. package/core/Experimental/Sidebar/index.js +0 -13
  59. package/core/Experimental/Sidebar/sidebar.spec.d.ts +0 -1
  60. package/core/Experimental/Sidebar/sidebar.spec.js +0 -129
  61. package/core/Experimental/index.d.ts +0 -5
  62. package/core/Experimental/index.js +0 -60
  63. package/stories/Advertise.stories.js +0 -25
  64. package/stories/AutoComplete.stories.js +0 -119
  65. package/stories/AutoCompleteLab.stories.js +0 -55
  66. package/stories/Avatar.stories.js +0 -38
  67. package/stories/Badge.stories.js +0 -56
  68. package/stories/Box.stories.js +0 -23
  69. package/stories/Breadcrumb.stories.js +0 -34
  70. package/stories/Button.stories.js +0 -122
  71. package/stories/Card.stories.js +0 -37
  72. package/stories/Chapter.stories.js +0 -35
  73. package/stories/Checkbox.stories.js +0 -91
  74. package/stories/Chip.stories.js +0 -61
  75. package/stories/ChipField.stories.js +0 -49
  76. package/stories/Collapse.stories.js +0 -59
  77. package/stories/Container.stories.js +0 -18
  78. package/stories/Content.stories.js +0 -22
  79. package/stories/DataTable.stories.js +0 -964
  80. package/stories/DataTableQueryPaginated.stories.js +0 -525
  81. package/stories/Dialog.stories.js +0 -96
  82. package/stories/Divider.stories.js +0 -34
  83. package/stories/Drawer.stories.js +0 -43
  84. package/stories/EditTable.stories.js +0 -140
  85. package/stories/ExpansionPanel.stories.js +0 -96
  86. package/stories/Fab.stories.js +0 -22
  87. package/stories/Fade.stories.js +0 -44
  88. package/stories/Grow.stories.js +0 -53
  89. package/stories/Header.stories.js +0 -35
  90. package/stories/IconButton.stories.js +0 -41
  91. package/stories/InputAdornment.stories.js +0 -22
  92. package/stories/InputBase.stories.js +0 -48
  93. package/stories/Line.stories.js +0 -29
  94. package/stories/List.stories.js +0 -103
  95. package/stories/MaskField.stories.js +0 -50
  96. package/stories/Menu.stories.js +0 -70
  97. package/stories/Node.stories.js +0 -33
  98. package/stories/Pagination.stories.js +0 -33
  99. package/stories/Paper.stories.js +0 -53
  100. package/stories/PinInput.stories.js +0 -115
  101. package/stories/Progress.stories.js +0 -77
  102. package/stories/Radio.stories.js +0 -43
  103. package/stories/Select.stories.js +0 -86
  104. package/stories/Sidebar.stories.js +0 -39
  105. package/stories/Slide.stories.js +0 -51
  106. package/stories/Slider.stories.js +0 -62
  107. package/stories/Snackbar.stories.js +0 -91
  108. package/stories/StepCard.stories.js +0 -113
  109. package/stories/Stepper.stories.js +0 -36
  110. package/stories/Table.stories.js +0 -22
  111. package/stories/Tabs.stories.js +0 -30
  112. package/stories/TextField.stories.js +0 -135
  113. package/stories/Tooltip.stories.js +0 -120
  114. package/stories/Tree.stories.js +0 -39
  115. package/stories/Typography.stories.js +0 -124
  116. package/stories/Zooms.stories.js +0 -44
  117. /package/{core/Experimental/Button/Button.d.ts → Experimental/Button/index.d.ts} +0 -0
  118. /package/{core/Experimental → Experimental}/Dialog/ConfirmDialog.d.ts +0 -0
  119. /package/{core/Experimental → Experimental}/Dialog/ConfirmDialog.js +0 -0
  120. /package/{core/Experimental → Experimental}/Dialog/Dialog.d.ts +0 -0
  121. /package/{core/Experimental → Experimental}/Dialog/RemoveDialog.d.ts +0 -0
  122. /package/{core/Experimental → Experimental}/Dialog/RemoveDialog.js +0 -0
  123. /package/{core/Experimental → Experimental}/Dialog/index.d.ts +0 -0
  124. /package/{core/Experimental → Experimental}/Dialog/index.js +0 -0
  125. /package/{core/Experimental → Experimental}/Fab/Fab.d.ts +0 -0
  126. /package/{core/Experimental → Experimental}/Fab/FabWrapper.d.ts +0 -0
  127. /package/{core/Experimental → Experimental}/Fab/FabWrapper.js +0 -0
  128. /package/{core/Experimental → Experimental}/Fab/index.d.ts +0 -0
  129. /package/{core/Experimental → Experimental}/Fab/index.js +0 -0
  130. /package/{core/Experimental/Sidebar/SidebarV2.d.ts → Experimental/Sidebar/index.d.ts} +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
- });