flipper-ui 0.27.0 → 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}/Dialog/index.d.ts +1 -1
  12. package/{core/Experimental → Experimental}/Dialog/index.js +4 -4
  13. package/{core/Experimental → Experimental}/Fab/Fab.js +3 -4
  14. package/{core/Experimental → Experimental}/Fab/index.d.ts +1 -1
  15. package/{core/Experimental → Experimental}/Fab/index.js +4 -4
  16. package/Experimental/Loading/index.d.ts +7 -0
  17. package/{stories/RadioGroup.stories.js → Experimental/Loading/index.js} +30 -29
  18. package/Experimental/NothingFound/index.d.ts +9 -0
  19. package/Experimental/NothingFound/index.js +29 -0
  20. package/Experimental/Panel/index.d.ts +22 -0
  21. package/Experimental/Panel/index.js +77 -0
  22. package/{core/Experimental/Sidebar/SidebarV2.js → Experimental/Sidebar/index.js} +6 -9
  23. package/Experimental/Skeleton/index.d.ts +4 -0
  24. package/Experimental/Skeleton/index.js +23 -0
  25. package/Experimental/VisibilityIcon/index.d.ts +7 -0
  26. package/Experimental/VisibilityIcon/index.js +34 -0
  27. package/Experimental/index.d.ts +13 -0
  28. package/Experimental/index.js +130 -0
  29. package/core/Button.d.ts +1 -0
  30. package/core/ExpansionPanel.d.ts +3 -2
  31. package/core/ExpansionPanel.js +9 -7
  32. package/core/IconButton.d.ts +1 -0
  33. package/core/IconButton.js +3 -0
  34. package/index.d.ts +2 -1
  35. package/index.js +4 -1
  36. package/package.json +20 -16
  37. package/core/Experimental/Button/button.spec.d.ts +0 -1
  38. package/core/Experimental/Button/button.spec.js +0 -32
  39. package/core/Experimental/Button/button.stories.d.ts +0 -6
  40. package/core/Experimental/Button/button.stories.js +0 -21
  41. package/core/Experimental/Button/index.d.ts +0 -1
  42. package/core/Experimental/Button/index.js +0 -13
  43. package/core/Experimental/Card/card.stories.d.ts +0 -6
  44. package/core/Experimental/Card/card.stories.js +0 -22
  45. package/core/Experimental/Card/index.d.ts +0 -1
  46. package/core/Experimental/Card/index.js +0 -13
  47. package/core/Experimental/Dialog/Dialog.stories.d.ts +0 -12
  48. package/core/Experimental/Dialog/Dialog.stories.js +0 -84
  49. package/core/Experimental/Dialog/__test__/confirm-dialog.spec.d.ts +0 -1
  50. package/core/Experimental/Dialog/__test__/confirm-dialog.spec.js +0 -132
  51. package/core/Experimental/Dialog/__test__/dialog.spec.d.ts +0 -1
  52. package/core/Experimental/Dialog/__test__/dialog.spec.js +0 -63
  53. package/core/Experimental/Dialog/__test__/remove-dialog.spec.d.ts +0 -1
  54. package/core/Experimental/Dialog/__test__/remove-dialog.spec.js +0 -131
  55. package/core/Experimental/Fab/Fab.stories.d.ts +0 -9
  56. package/core/Experimental/Fab/Fab.stories.js +0 -29
  57. package/core/Experimental/Fab/fab.spec.d.ts +0 -1
  58. package/core/Experimental/Fab/fab.spec.js +0 -51
  59. package/core/Experimental/Sidebar/Sidebar.stories.d.ts +0 -7
  60. package/core/Experimental/Sidebar/Sidebar.stories.js +0 -51
  61. package/core/Experimental/Sidebar/index.d.ts +0 -1
  62. package/core/Experimental/Sidebar/index.js +0 -13
  63. package/core/Experimental/Sidebar/sidebar.spec.d.ts +0 -1
  64. package/core/Experimental/Sidebar/sidebar.spec.js +0 -129
  65. package/core/Experimental/index.d.ts +0 -5
  66. package/core/Experimental/index.js +0 -41
  67. package/stories/Advertise.stories.js +0 -25
  68. package/stories/AutoComplete.stories.js +0 -119
  69. package/stories/AutoCompleteLab.stories.js +0 -55
  70. package/stories/Avatar.stories.js +0 -38
  71. package/stories/Badge.stories.js +0 -56
  72. package/stories/Box.stories.js +0 -23
  73. package/stories/Breadcrumb.stories.js +0 -34
  74. package/stories/Button.stories.js +0 -122
  75. package/stories/Card.stories.js +0 -37
  76. package/stories/Chapter.stories.js +0 -35
  77. package/stories/Checkbox.stories.js +0 -91
  78. package/stories/Chip.stories.js +0 -61
  79. package/stories/ChipField.stories.js +0 -49
  80. package/stories/Collapse.stories.js +0 -59
  81. package/stories/Container.stories.js +0 -18
  82. package/stories/Content.stories.js +0 -22
  83. package/stories/DataTable.stories.js +0 -964
  84. package/stories/DataTableQueryPaginated.stories.js +0 -525
  85. package/stories/Dialog.stories.js +0 -96
  86. package/stories/Divider.stories.js +0 -34
  87. package/stories/Drawer.stories.js +0 -43
  88. package/stories/EditTable.stories.js +0 -140
  89. package/stories/ExpansionPanel.stories.js +0 -96
  90. package/stories/Fab.stories.js +0 -22
  91. package/stories/Fade.stories.js +0 -44
  92. package/stories/Grow.stories.js +0 -53
  93. package/stories/Header.stories.js +0 -35
  94. package/stories/IconButton.stories.js +0 -41
  95. package/stories/InputAdornment.stories.js +0 -22
  96. package/stories/InputBase.stories.js +0 -48
  97. package/stories/Line.stories.js +0 -29
  98. package/stories/List.stories.js +0 -103
  99. package/stories/MaskField.stories.js +0 -50
  100. package/stories/Menu.stories.js +0 -70
  101. package/stories/Node.stories.js +0 -33
  102. package/stories/Pagination.stories.js +0 -33
  103. package/stories/Paper.stories.js +0 -53
  104. package/stories/PinInput.stories.js +0 -115
  105. package/stories/Progress.stories.js +0 -77
  106. package/stories/Radio.stories.js +0 -43
  107. package/stories/Select.stories.js +0 -86
  108. package/stories/Sidebar.stories.js +0 -39
  109. package/stories/Slide.stories.js +0 -51
  110. package/stories/Slider.stories.js +0 -62
  111. package/stories/Snackbar.stories.js +0 -91
  112. package/stories/StepCard.stories.js +0 -113
  113. package/stories/Stepper.stories.js +0 -36
  114. package/stories/Table.stories.js +0 -22
  115. package/stories/Tabs.stories.js +0 -30
  116. package/stories/TextField.stories.js +0 -135
  117. package/stories/Tooltip.stories.js +0 -120
  118. package/stories/Tree.stories.js +0 -39
  119. package/stories/Typography.stories.js +0 -124
  120. package/stories/Zooms.stories.js +0 -44
  121. /package/{core/Experimental/Button/Button.d.ts → Experimental/Button/index.d.ts} +0 -0
  122. /package/{core/Experimental → Experimental}/Dialog/ConfirmDialog.d.ts +0 -0
  123. /package/{core/Experimental → Experimental}/Dialog/ConfirmDialog.js +0 -0
  124. /package/{core/Experimental → Experimental}/Dialog/Dialog.d.ts +0 -0
  125. /package/{core/Experimental → Experimental}/Dialog/RemoveDialog.d.ts +0 -0
  126. /package/{core/Experimental → Experimental}/Dialog/RemoveDialog.js +0 -0
  127. /package/{core/Experimental → Experimental}/Fab/Fab.d.ts +0 -0
  128. /package/{core/Experimental → Experimental}/Fab/FabWrapper.d.ts +0 -0
  129. /package/{core/Experimental → Experimental}/Fab/FabWrapper.js +0 -0
  130. /package/{core/Experimental/Sidebar/SidebarV2.d.ts → Experimental/Sidebar/index.d.ts} +0 -0
@@ -1,86 +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.WithClear = exports.Default = void 0;
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _Select = _interopRequireDefault(require("../core/Select"));
12
- var _ListItem = _interopRequireDefault(require("../core/ListItem"));
13
- 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); }
14
- 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; }
15
- var _default = {
16
- title: 'Select',
17
- component: _Select["default"]
18
- };
19
- exports["default"] = _default;
20
- var Default = function Default() {
21
- var _useState = (0, _react.useState)('3'),
22
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
23
- select = _useState2[0],
24
- setSelect = _useState2[1];
25
- function handleChange(event) {
26
- setSelect(event.target.value);
27
- }
28
- return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
29
- value: select,
30
- onChange: handleChange
31
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
32
- value: "0"
33
- }, "Option 0"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
34
- value: "1"
35
- }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
36
- value: "2"
37
- }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
38
- value: "3"
39
- }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
40
- value: "4"
41
- }, "Option 4"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
42
- value: "5"
43
- }, "Option 5"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
44
- value: "6"
45
- }, "Option 6"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
46
- value: "7"
47
- }, "Option 7"));
48
- };
49
- exports.Default = Default;
50
- var WithClear = function WithClear() {
51
- var _useState3 = (0, _react.useState)('3'),
52
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
53
- select = _useState4[0],
54
- setSelect = _useState4[1];
55
- function handleChange(event) {
56
- setSelect(event.target.value);
57
- }
58
- var handleClear = function handleClear() {
59
- setSelect('');
60
- };
61
- return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
62
- hasClear: true,
63
- onClear: handleClear,
64
- value: select,
65
- onChange: handleChange
66
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
67
- value: ""
68
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
69
- value: "0"
70
- }, "Option 0"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
71
- value: "1"
72
- }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
73
- value: "2"
74
- }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
75
- value: "3"
76
- }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
77
- value: "4"
78
- }, "Option 4"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
79
- value: "5"
80
- }, "Option 5"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
81
- value: "6"
82
- }, "Option 6"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
83
- value: "7"
84
- }, "Option 7"));
85
- };
86
- exports.WithClear = WithClear;
@@ -1,39 +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 _Sidebar = _interopRequireDefault(require("../core/Sidebar"));
10
- var _List = _interopRequireDefault(require("../core/List"));
11
- var _ListItem = _interopRequireDefault(require("../core/ListItem"));
12
- var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
13
- var _default = {
14
- title: 'Sidebar',
15
- component: _Sidebar["default"]
16
- };
17
- exports["default"] = _default;
18
- var Template = function Template(args) {
19
- return /*#__PURE__*/_react["default"].createElement(_Sidebar["default"], args);
20
- };
21
- var Default = Template.bind({});
22
- exports.Default = Default;
23
- Default.args = {
24
- title: 'My beautiful Sidebar"',
25
- expanded: false,
26
- children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
27
- title: "Item 1",
28
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
29
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
30
- title: "Item 2",
31
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
32
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
33
- title: "Item 3",
34
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
35
- }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
36
- title: "Item 4",
37
- icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
38
- })))
39
- };
@@ -1,51 +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 _Slide = _interopRequireDefault(require("../core/Slide"));
13
- var _Button = _interopRequireDefault(require("../core/Button"));
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: 'Slide',
18
- component: _Slide["default"]
19
- };
20
- exports["default"] = _default;
21
- var Template = function Template(args) {
22
- var _useState = (0, _react.useState)(true),
23
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
24
- open = _useState2[0],
25
- setOpen = _useState2[1];
26
- var _useState3 = (0, _react.useState)('Close'),
27
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
28
- btnLabel = _useState4[0],
29
- setBtnLabel = _useState4[1];
30
- function handleClick() {
31
- setOpen(!open);
32
- btnLabel === 'Close' ? setBtnLabel('Open') : setBtnLabel('Close');
33
- }
34
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
35
- color: "primary",
36
- variant: "contained",
37
- style: {
38
- marginRight: '3em'
39
- },
40
- onClick: handleClick
41
- }, btnLabel), /*#__PURE__*/_react["default"].createElement(_Slide["default"], (0, _extends2["default"])({}, args, {
42
- "in": open
43
- })));
44
- };
45
- var Default = Template.bind({});
46
- exports.Default = Default;
47
- Default.args = {
48
- direction: 'left',
49
- timeout: 300,
50
- children: /*#__PURE__*/_react["default"].createElement("span", null, "Im not open for discussions.")
51
- };
@@ -1,62 +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.WithMarks = exports.Secondary = exports.Ranged = exports.Primary = exports.FixedLabel = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Slider = _interopRequireDefault(require("../core/Slider"));
10
- var _default = {
11
- title: 'Slider',
12
- component: _Slider["default"]
13
- };
14
- exports["default"] = _default;
15
- var Template = function Template(args) {
16
- return /*#__PURE__*/_react["default"].createElement(_Slider["default"], args);
17
- };
18
- var Default = function Default() {
19
- return /*#__PURE__*/_react["default"].createElement(_Slider["default"], null);
20
- };
21
- exports.Default = Default;
22
- var Primary = Template.bind({});
23
- exports.Primary = Primary;
24
- Primary.args = {
25
- children: 'Slider'
26
- };
27
- var Secondary = Template.bind({});
28
- exports.Secondary = Secondary;
29
- Secondary.args = {
30
- color: 'secondary',
31
- children: 'Slider'
32
- };
33
- var Ranged = Template.bind({});
34
- exports.Ranged = Ranged;
35
- Ranged.args = {
36
- value: [20, 50],
37
- children: 'Slider'
38
- };
39
- var FixedLabel = Template.bind({});
40
- exports.FixedLabel = FixedLabel;
41
- FixedLabel.args = {
42
- valueLabelDisplay: 'on',
43
- value: [20, 50],
44
- children: 'Slider'
45
- };
46
- var WithMarks = Template.bind({});
47
- exports.WithMarks = WithMarks;
48
- WithMarks.args = {
49
- marks: [{
50
- value: 0,
51
- label: 'Start'
52
- }, {
53
- value: 50,
54
- label: 'You are half way'
55
- }, {
56
- value: 100,
57
- label: 'Finish'
58
- }],
59
- valueLabelDisplay: 'on',
60
- value: [20, 75],
61
- children: 'Slider'
62
- };
@@ -1,91 +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.Warning = exports.Success = exports.Error = 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 _Snackbar = _interopRequireDefault(require("../core/Snackbar"));
13
- var _Button = _interopRequireDefault(require("../core/Button"));
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: 'Snackbar',
18
- component: _Snackbar["default"]
19
- };
20
- exports["default"] = _default;
21
- var Template = function Template(args) {
22
- var _useState = (0, _react.useState)(false),
23
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
24
- btnState = _useState2[0],
25
- setBtnState = _useState2[1];
26
- var _useState3 = (0, _react.useState)(false),
27
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
28
- open = _useState4[0],
29
- setOpen = _useState4[1];
30
- function handleClick() {
31
- setOpen(!open);
32
- setBtnState(true);
33
- }
34
- function handleClose() {
35
- setOpen(!open);
36
- setBtnState(false);
37
- }
38
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
39
- disabled: btnState,
40
- style: {
41
- marginRight: '3em'
42
- },
43
- variant: "contained",
44
- color: "primary",
45
- onClick: handleClick
46
- }, "Open"), /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], (0, _extends2["default"])({}, args, {
47
- open: open,
48
- onClose: handleClose
49
- })));
50
- };
51
- var Default = Template.bind({});
52
- exports.Default = Default;
53
- Default.args = {
54
- anchorOrigin: {
55
- horizontal: 'right',
56
- vertical: 'bottom'
57
- },
58
- message: 'I give what I have got to give, I give what I need to live,\
59
- I give what I have got to give, It is important if I wanna live!'
60
- };
61
- var Success = Template.bind({});
62
- exports.Success = Success;
63
- Success.args = {
64
- variant: 'success',
65
- message: 'In the town where I was born, Lived a man who sailed to sea',
66
- children: 'Snackbar'
67
- };
68
- var Warning = Template.bind({});
69
- exports.Warning = Warning;
70
- Warning.args = {
71
- variant: 'warning',
72
- message: 'In the town where I was born, Lived a man who sailed to sea',
73
- children: 'Snackbar'
74
- };
75
- var Error = Template.bind({});
76
- exports.Error = Error;
77
- Error.args = {
78
- variant: 'error',
79
- message: 'In the town where I was born, Lived a man who sailed to sea',
80
- children: 'Snackbar'
81
- };
82
-
83
- /*
84
- export const WithLongDuration = Template.bind({})
85
- WithLongDuration.args = {
86
- variant: 'info',
87
- // transitionDuration: { enter: 0, exit: 200 },
88
- message: 'In the town where I was born, Lived a man who sailed to sea',
89
- children: 'Snackbar'
90
- }
91
- */
@@ -1,113 +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.WithoutExpandable = exports.WithLoading = 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 _StepCard = _interopRequireDefault(require("../core/StepCard"));
13
- var _Button = _interopRequireDefault(require("../core/Button"));
14
- var _images = require("../lib/images");
15
- 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); }
16
- 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; }
17
- var _default = {
18
- title: 'StepCard',
19
- component: _StepCard["default"]
20
- };
21
- exports["default"] = _default;
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/_react["default"].createElement(_StepCard["default"], args);
24
- };
25
- var TemplateWithLoading = function TemplateWithLoading(args) {
26
- var _useState = (0, _react.useState)(true),
27
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
28
- loading = _useState2[0],
29
- setLoading = _useState2[1];
30
- setTimeout(function () {
31
- setLoading(false);
32
- }, 1500);
33
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], null), /*#__PURE__*/_react["default"].createElement(_StepCard["default"], (0, _extends2["default"])({}, args, {
34
- loading: loading
35
- })));
36
- };
37
- var Default = Template.bind({});
38
- exports.Default = Default;
39
- Default.args = {
40
- summary: '%i passos restantes - Leva %i minuto(s)',
41
- time: 2,
42
- percentage: 75,
43
- remainingSteps: 3,
44
- title: 'Configurar a organização e filial',
45
- image: _images.stepCardImageUrl,
46
- onStepUrlClick: function onStepUrlClick(url) {
47
- return alert(url);
48
- },
49
- steps: [{
50
- title: 'Informar Razão social',
51
- done: true,
52
- url: 'https://www.google.com'
53
- }, {
54
- title: 'Informar dados do eSocial',
55
- done: true,
56
- url: 'https://www.google.com'
57
- }, {
58
- title: 'Informar dados da filial(CNAE, CNPJ)',
59
- done: false,
60
- url: 'https://www.google.com'
61
- }]
62
- };
63
- var WithoutExpandable = Template.bind({});
64
- exports.WithoutExpandable = WithoutExpandable;
65
- WithoutExpandable.args = {
66
- loading: false,
67
- padding: '30px',
68
- percentage: 75,
69
- showBottomPercentage: false,
70
- expandable: false,
71
- showIcon: false,
72
- title: 'Conheça mais sobre o Quírons',
73
- subTitle: 'Siga os passos recomendados para uma melhor experiência ' + 'dentro da plataforma.',
74
- summary: 'Seu progresso',
75
- steps: [{
76
- title: 'Informar Razão social',
77
- done: true,
78
- url: 'https://www.google.com'
79
- }, {
80
- title: 'Informar dados do eSocial',
81
- done: true,
82
- url: 'https://www.google.com'
83
- }, {
84
- title: 'Informar dados da filial(CNAE, CNPJ)',
85
- done: false,
86
- url: 'https://www.google.com'
87
- }]
88
- };
89
- var WithLoading = TemplateWithLoading.bind({});
90
- exports.WithLoading = WithLoading;
91
- WithLoading.args = {
92
- summary: '%i passos restantes - Leva %i minuto(s)',
93
- time: 2,
94
- remainingSteps: 3,
95
- title: 'Configurar a organização e filial',
96
- image: _images.stepCardImageUrl,
97
- onStepUrlClick: function onStepUrlClick(url) {
98
- return alert(url);
99
- },
100
- steps: [{
101
- title: 'Informar Razão social',
102
- done: true,
103
- url: 'https://www.google.com'
104
- }, {
105
- title: 'Informar dados do eSocial',
106
- done: true,
107
- url: 'https://www.google.com'
108
- }, {
109
- title: 'Informar dados da filial(CNAE, CNPJ)',
110
- done: false,
111
- url: 'https://www.google.com'
112
- }]
113
- };
@@ -1,36 +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.WithIcon = exports.Default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Stepper = _interopRequireDefault(require("../core/Stepper"));
10
- var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
11
- var _default = {
12
- title: 'Stepper',
13
- component: _Stepper["default"]
14
- };
15
- exports["default"] = _default;
16
- var Template = function Template(args) {
17
- return /*#__PURE__*/_react["default"].createElement(_Stepper["default"], args);
18
- };
19
- var Default = Template.bind({});
20
- exports.Default = Default;
21
- Default.args = {
22
- active: 2,
23
- steps: ['Name', 'Email', 'Password', 'Photo', 'Be happy!'],
24
- children: 'Stepper'
25
- };
26
- var WithIcon = Template.bind({});
27
- exports.WithIcon = WithIcon;
28
- WithIcon.args = {
29
- bottomLabel: true,
30
- active: 2,
31
- steps: [{
32
- label: 'Name',
33
- icon: /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)
34
- }],
35
- children: 'Stepper'
36
- };
@@ -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 _Table = _interopRequireDefault(require("../core/Table"));
10
- var _TableHead = _interopRequireDefault(require("../core/TableHead"));
11
- var _TableBody = _interopRequireDefault(require("../core/TableBody"));
12
- var _TableRow = _interopRequireDefault(require("../core/TableRow"));
13
- var _TableCell = _interopRequireDefault(require("../core/TableCell"));
14
- var _default = {
15
- title: 'Table',
16
- component: _Table["default"]
17
- };
18
- exports["default"] = _default;
19
- var Default = function Default() {
20
- return /*#__PURE__*/_react["default"].createElement(_Table["default"], null, /*#__PURE__*/_react["default"].createElement(_TableHead["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email"))), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 1"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 1")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 2"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 2")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 3"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 3")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 4"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 4")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 5"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 5"))));
21
- };
22
- exports.Default = Default;
@@ -1,30 +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 _Tabs = _interopRequireDefault(require("../core/Tabs"));
10
- var _Tab = _interopRequireDefault(require("../core/Tab"));
11
- var _default = {
12
- title: 'Tabs',
13
- component: _Tabs["default"]
14
- };
15
- exports["default"] = _default;
16
- var Template = function Template(args) {
17
- return /*#__PURE__*/_react["default"].createElement(_Tabs["default"], args);
18
- };
19
- var Default = Template.bind({});
20
- exports.Default = Default;
21
- Default.args = {
22
- value: 0,
23
- children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
24
- label: "Profile"
25
- }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
26
- label: "Enterprise"
27
- }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
28
- label: "Billing"
29
- }))
30
- };