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,21 +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.button = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Button = _interopRequireDefault(require("./Button"));
10
- var button = function button() {
11
- return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
12
- name: "AddFoo",
13
- label: "Add Foo"
14
- });
15
- };
16
- exports.button = button;
17
- var _default = {
18
- title: 'v2/Button',
19
- component: _Button["default"]
20
- };
21
- exports["default"] = _default;
@@ -1 +0,0 @@
1
- export { default } from './Button';
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function get() {
10
- return _Button["default"];
11
- }
12
- });
13
- var _Button = _interopRequireDefault(require("./Button"));
@@ -1,6 +0,0 @@
1
- export declare const card: () => JSX.Element;
2
- declare const _default: {
3
- title: string;
4
- component: (props: import("./Card").IProps) => JSX.Element;
5
- };
6
- export default _default;
@@ -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.card = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Card = _interopRequireDefault(require("./Card"));
10
- var _Typography = _interopRequireDefault(require("../../Typography"));
11
- var card = function card() {
12
- return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
13
- name: "Card",
14
- title: "Foo Bar"
15
- }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Dummy content"));
16
- };
17
- exports.card = card;
18
- var _default = {
19
- title: 'experimental/Card',
20
- component: _Card["default"]
21
- };
22
- exports["default"] = _default;
@@ -1 +0,0 @@
1
- export { default } from './Card';
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function get() {
10
- return _Card["default"];
11
- }
12
- });
13
- var _Card = _interopRequireDefault(require("./Card"));
@@ -1,12 +0,0 @@
1
- export declare const Dialog: () => JSX.Element;
2
- export declare const RemoveDialog: () => JSX.Element;
3
- export declare const ConfirmDialog: () => JSX.Element;
4
- declare const _default: {
5
- title: string;
6
- component: (props: import("./Dialog").IProps) => JSX.Element;
7
- subcomponents: {
8
- ConfirmDialog: () => JSX.Element;
9
- RemoveDialog: () => JSX.Element;
10
- };
11
- };
12
- export default _default;
@@ -1,84 +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.RemoveDialog = exports.Dialog = exports.ConfirmDialog = void 0;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _Dialog = _interopRequireDefault(require("./Dialog"));
11
- var _ConfirmDialog = _interopRequireDefault(require("./ConfirmDialog"));
12
- var _RemoveDialog = _interopRequireDefault(require("./RemoveDialog"));
13
- var Dialog = function Dialog() {
14
- var _React$useState = _react["default"].useState(false),
15
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
16
- open = _React$useState2[0],
17
- setOpen = _React$useState2[1];
18
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
19
- onClick: function onClick() {
20
- return setOpen(true);
21
- }
22
- }, "open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
23
- open: open,
24
- title: "dialog title",
25
- primaryButtonText: "Close",
26
- primaryButtonAction: function primaryButtonAction() {
27
- return setOpen(!open);
28
- },
29
- text: 'A content here!'
30
- }));
31
- };
32
- exports.Dialog = Dialog;
33
- var RemoveDialog = function RemoveDialog() {
34
- var _React$useState3 = _react["default"].useState(false),
35
- _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
36
- open = _React$useState4[0],
37
- setOpen = _React$useState4[1];
38
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
39
- onClick: function onClick() {
40
- return setOpen(true);
41
- }
42
- }, "open dialog"), /*#__PURE__*/_react["default"].createElement(_RemoveDialog["default"], {
43
- open: open,
44
- text: "COD123",
45
- onCancel: function onCancel() {
46
- return setOpen(false);
47
- },
48
- onConfirm: function onConfirm() {
49
- return setOpen(false);
50
- }
51
- }));
52
- };
53
- exports.RemoveDialog = RemoveDialog;
54
- var ConfirmDialog = function ConfirmDialog() {
55
- var _React$useState5 = _react["default"].useState(false),
56
- _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
57
- open = _React$useState6[0],
58
- setOpen = _React$useState6[1];
59
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
60
- onClick: function onClick() {
61
- return setOpen(true);
62
- }
63
- }, "open dialog"), /*#__PURE__*/_react["default"].createElement(_ConfirmDialog["default"], {
64
- open: open,
65
- title: "dialog title",
66
- text: "A content here!",
67
- onCancel: function onCancel() {
68
- return setOpen(false);
69
- },
70
- onConfirm: function onConfirm() {
71
- return setOpen(false);
72
- }
73
- }));
74
- };
75
- exports.ConfirmDialog = ConfirmDialog;
76
- var _default = {
77
- title: 'V2/Dialog',
78
- component: _Dialog["default"],
79
- subcomponents: {
80
- ConfirmDialog: ConfirmDialog,
81
- RemoveDialog: RemoveDialog
82
- }
83
- };
84
- exports["default"] = _default;
@@ -1,132 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- var React = _interopRequireWildcard(require("react"));
6
- var _react2 = require("@testing-library/react");
7
- var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
8
- var _ConfirmDialog = _interopRequireDefault(require("../ConfirmDialog"));
9
- 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); }
10
- 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; }
11
- describe('ConfirmDialog', function () {
12
- var TITLE = 'dialog title';
13
- var TEXT = 'Dialog text';
14
- var LABELS = {
15
- cancel: 'cancel',
16
- confirm: 'confirm'
17
- };
18
- it('Should render component', function () {
19
- var onCancelSpy = jest.fn();
20
- var onConfirmSpy = jest.fn();
21
- (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
22
- open: true,
23
- title: TITLE,
24
- text: TEXT,
25
- labels: LABELS,
26
- onCancel: onCancelSpy,
27
- onConfirm: onConfirmSpy
28
- }));
29
- var title = _react2.screen.getByText(TITLE);
30
- var text = _react2.screen.getByText(TEXT);
31
- var confirmButton = _react2.screen.getByText(LABELS.confirm);
32
- var cancelButton = _react2.screen.getByText(LABELS.cancel);
33
- expect(title).toBeDefined();
34
- expect(text).toBeDefined();
35
- expect(confirmButton).toBeDefined();
36
- expect(cancelButton).toBeDefined();
37
- });
38
- it('Should render component with default labels', function () {
39
- var onCancelSpy = jest.fn();
40
- var onConfirmSpy = jest.fn();
41
- (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
42
- open: true,
43
- title: TITLE,
44
- text: TEXT,
45
- onCancel: onCancelSpy,
46
- onConfirm: onConfirmSpy
47
- }));
48
- var title = _react2.screen.getByText(TITLE);
49
- var text = _react2.screen.getByText(TEXT);
50
- var confirmButton = _react2.screen.getByText('Sim');
51
- var cancelButton = _react2.screen.getByText('Voltar');
52
- expect(title).toBeDefined();
53
- expect(text).toBeDefined();
54
- expect(confirmButton).toBeDefined();
55
- expect(cancelButton).toBeDefined();
56
- });
57
- it('Should call primaryButtonAction', function () {
58
- var onCancelSpy = jest.fn();
59
- var onConfirmSpy = jest.fn();
60
- (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
61
- open: true,
62
- title: TITLE,
63
- text: TEXT,
64
- labels: LABELS,
65
- onCancel: onCancelSpy,
66
- onConfirm: onConfirmSpy
67
- }));
68
- var confirmButton = _react2.screen.getByText(LABELS.confirm);
69
- _userEvent["default"].click(confirmButton);
70
- (0, _react2.waitFor)(function () {
71
- expect(onConfirmSpy).toHaveBeenCalled();
72
- });
73
- });
74
- it('Should call secondaryButtonAction', function () {
75
- var onCancelSpy = jest.fn();
76
- var onConfirmSpy = jest.fn();
77
- (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
78
- open: true,
79
- title: TITLE,
80
- text: TEXT,
81
- labels: LABELS,
82
- onCancel: onCancelSpy,
83
- onConfirm: onConfirmSpy
84
- }));
85
- var cancelButton = _react2.screen.getByText(LABELS.cancel);
86
- _userEvent["default"].click(cancelButton);
87
- (0, _react2.waitFor)(function () {
88
- expect(onCancelSpy).toHaveBeenCalled();
89
- });
90
- });
91
- it('Should call onCancel', function () {
92
- var onCancelSpy = jest.fn();
93
- var onConfirmSpy = jest.fn();
94
- (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
95
- open: true,
96
- title: TITLE,
97
- text: TEXT,
98
- labels: LABELS,
99
- onCancel: onCancelSpy,
100
- onConfirm: onConfirmSpy
101
- }));
102
- var title = _react2.screen.getByText(TITLE);
103
- _react2.fireEvent.keyDown(title, {
104
- key: 'Escape',
105
- keyCode: 27
106
- });
107
- (0, _react2.waitFor)(function () {
108
- expect(onCancelSpy).toHaveBeenCalled();
109
- });
110
- });
111
- it('Should not call onCancel when disableBackdropClick', function () {
112
- var onCancelSpy = jest.fn();
113
- var onConfirmSpy = jest.fn();
114
- (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
115
- open: true,
116
- disableBackdropClick: true,
117
- title: TITLE,
118
- text: TEXT,
119
- labels: LABELS,
120
- onCancel: onCancelSpy,
121
- onConfirm: onConfirmSpy
122
- }));
123
- var title = _react2.screen.getByText(TITLE);
124
- _react2.fireEvent.keyDown(title, {
125
- key: 'Escape',
126
- keyCode: 27
127
- });
128
- (0, _react2.waitFor)(function () {
129
- expect(onCancelSpy).not.toHaveBeenCalled();
130
- });
131
- });
132
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- var React = _interopRequireWildcard(require("react"));
6
- var _react2 = require("@testing-library/react");
7
- var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
8
- var _Dialog = _interopRequireDefault(require("../Dialog"));
9
- 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); }
10
- 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; }
11
- describe('Dialog', function () {
12
- var TITLE = 'dialog title';
13
- var TEXT = 'Dialog text';
14
- var PRIMARY_BUTTON_TEXT = 'Close';
15
- it('Should render component', function () {
16
- var onClickSpy = jest.fn();
17
- (0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
18
- open: true,
19
- title: TITLE,
20
- primaryButtonText: PRIMARY_BUTTON_TEXT,
21
- primaryButtonAction: onClickSpy,
22
- text: TEXT
23
- }));
24
- var title = _react2.screen.getByText(TITLE);
25
- var text = _react2.screen.getByText(TEXT);
26
- var primaryButton = _react2.screen.getByText(PRIMARY_BUTTON_TEXT);
27
- expect(title).toBeDefined();
28
- expect(text).toBeDefined();
29
- expect(primaryButton).toBeDefined();
30
- });
31
- it('Should call primaryButtonAction', function () {
32
- var onClickSpy = jest.fn();
33
- (0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
34
- open: true,
35
- title: TITLE,
36
- primaryButtonText: PRIMARY_BUTTON_TEXT,
37
- primaryButtonAction: onClickSpy,
38
- text: TEXT
39
- }));
40
- var primaryButton = _react2.screen.getByText(PRIMARY_BUTTON_TEXT);
41
- _userEvent["default"].click(primaryButton);
42
- (0, _react2.waitFor)(function () {
43
- expect(onClickSpy).toHaveBeenCalled();
44
- });
45
- });
46
- it('Should call secondaryButtonAction', function () {
47
- var onClickSpy = jest.fn();
48
- (0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
49
- open: true,
50
- title: TITLE,
51
- primaryButtonText: PRIMARY_BUTTON_TEXT,
52
- primaryButtonAction: onClickSpy,
53
- text: TEXT,
54
- secondaryButtonText: "secondary",
55
- secondaryButtonAction: onClickSpy
56
- }));
57
- var secondaryButton = _react2.screen.getByText('secondary');
58
- _userEvent["default"].click(secondaryButton);
59
- (0, _react2.waitFor)(function () {
60
- expect(onClickSpy).toHaveBeenCalled();
61
- });
62
- });
63
- });
@@ -1,131 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- var React = _interopRequireWildcard(require("react"));
6
- var _react2 = require("@testing-library/react");
7
- var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
8
- var _RemoveDialog = _interopRequireDefault(require("../RemoveDialog"));
9
- 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); }
10
- 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; }
11
- describe('RemoveDialog', function () {
12
- var TITLE = 'dialog title';
13
- var TEXT = 'Dialog text';
14
- var LABELS = {
15
- cancel: 'cancel',
16
- confirm: 'confirm'
17
- };
18
- it('Should render component', function () {
19
- var onCancelSpy = jest.fn();
20
- var onConfirmSpy = jest.fn();
21
- (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
22
- open: true,
23
- title: TITLE,
24
- text: TEXT,
25
- labels: LABELS,
26
- onCancel: onCancelSpy,
27
- onConfirm: onConfirmSpy
28
- }));
29
- var title = _react2.screen.getByText(TITLE.toUpperCase());
30
- var text = _react2.screen.getByText(TEXT);
31
- var confirmButton = _react2.screen.getByText(LABELS.confirm);
32
- var cancelButton = _react2.screen.getByText(LABELS.cancel);
33
- expect(title).toBeDefined();
34
- expect(text).toBeDefined();
35
- expect(confirmButton).toBeDefined();
36
- expect(cancelButton).toBeDefined();
37
- });
38
- it('Should render component with default labels', function () {
39
- var onCancelSpy = jest.fn();
40
- var onConfirmSpy = jest.fn();
41
- (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
42
- open: true,
43
- text: TEXT,
44
- onCancel: onCancelSpy,
45
- onConfirm: onConfirmSpy
46
- }));
47
- var title = _react2.screen.getByText('EXCLUIR');
48
- var text = _react2.screen.getByText(TEXT);
49
- var confirmButton = _react2.screen.getByText('Excluir');
50
- var cancelButton = _react2.screen.getByText('Cancelar');
51
- expect(title).toBeDefined();
52
- expect(text).toBeDefined();
53
- expect(confirmButton).toBeDefined();
54
- expect(cancelButton).toBeDefined();
55
- });
56
- it('Should call primaryButtonAction', function () {
57
- var onCancelSpy = jest.fn();
58
- var onConfirmSpy = jest.fn();
59
- (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
60
- open: true,
61
- title: TITLE,
62
- text: TEXT,
63
- labels: LABELS,
64
- onCancel: onCancelSpy,
65
- onConfirm: onConfirmSpy
66
- }));
67
- var confirmButton = _react2.screen.getByText(LABELS.confirm);
68
- _userEvent["default"].click(confirmButton);
69
- (0, _react2.waitFor)(function () {
70
- expect(onConfirmSpy).toHaveBeenCalled();
71
- });
72
- });
73
- it('Should call secondaryButtonAction', function () {
74
- var onCancelSpy = jest.fn();
75
- var onConfirmSpy = jest.fn();
76
- (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
77
- open: true,
78
- title: TITLE,
79
- text: TEXT,
80
- labels: LABELS,
81
- onCancel: onCancelSpy,
82
- onConfirm: onConfirmSpy
83
- }));
84
- var cancelButton = _react2.screen.getByText(LABELS.cancel);
85
- _userEvent["default"].click(cancelButton);
86
- (0, _react2.waitFor)(function () {
87
- expect(onCancelSpy).toHaveBeenCalled();
88
- });
89
- });
90
- it('Should call onCancel', function () {
91
- var onCancelSpy = jest.fn();
92
- var onConfirmSpy = jest.fn();
93
- (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
94
- open: true,
95
- title: TITLE,
96
- text: TEXT,
97
- labels: LABELS,
98
- onCancel: onCancelSpy,
99
- onConfirm: onConfirmSpy
100
- }));
101
- var title = _react2.screen.getByText(TITLE.toUpperCase());
102
- _react2.fireEvent.keyDown(title, {
103
- key: 'Escape',
104
- keyCode: 27
105
- });
106
- (0, _react2.waitFor)(function () {
107
- expect(onCancelSpy).toHaveBeenCalled();
108
- });
109
- });
110
- it('Should not call onCancel when disableBackdropClick', function () {
111
- var onCancelSpy = jest.fn();
112
- var onConfirmSpy = jest.fn();
113
- (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
114
- open: true,
115
- disableBackdropClick: true,
116
- title: TITLE,
117
- text: TEXT,
118
- labels: LABELS,
119
- onCancel: onCancelSpy,
120
- onConfirm: onConfirmSpy
121
- }));
122
- var title = _react2.screen.getByText(TITLE.toUpperCase());
123
- _react2.fireEvent.keyDown(title, {
124
- key: 'Escape',
125
- keyCode: 27
126
- });
127
- (0, _react2.waitFor)(function () {
128
- expect(onCancelSpy).not.toHaveBeenCalled();
129
- });
130
- });
131
- });
@@ -1,9 +0,0 @@
1
- export declare const fab: () => JSX.Element;
2
- declare const _default: {
3
- title: string;
4
- component: (props: import("./Fab").IProps) => JSX.Element;
5
- subcomponents: {
6
- FabWrapper: ({ padding, children, style, width, height }: import("./FabWrapper").IProps) => JSX.Element;
7
- };
8
- };
9
- export default _default;
@@ -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.fab = exports["default"] = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Fab = _interopRequireDefault(require("./Fab"));
10
- var _FabWrapper = _interopRequireDefault(require("./FabWrapper"));
11
- var _FileCopy = _interopRequireDefault(require("@material-ui/icons/FileCopy"));
12
- var fab = function fab() {
13
- return /*#__PURE__*/_react["default"].createElement(_Fab["default"], {
14
- name: "copy",
15
- tooltip: "Copy file",
16
- onClick: function onClick() {
17
- return alert('fab click');
18
- }
19
- }, /*#__PURE__*/_react["default"].createElement(_FileCopy["default"], null));
20
- };
21
- exports.fab = fab;
22
- var _default = {
23
- title: 'V2/Fab',
24
- component: _Fab["default"],
25
- subcomponents: {
26
- FabWrapper: _FabWrapper["default"]
27
- }
28
- };
29
- exports["default"] = _default;
@@ -1 +0,0 @@
1
- export {};
@@ -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
- var React = _interopRequireWildcard(require("react"));
6
- var _react2 = require("@testing-library/react");
7
- var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
8
- var _Fab = _interopRequireDefault(require("./Fab"));
9
- var _FileCopy = _interopRequireDefault(require("@material-ui/icons/FileCopy"));
10
- 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); }
11
- 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; }
12
- /* eslint-disable max-len */
13
-
14
- describe('Sidebar', function () {
15
- it('Should call onClick', function () {
16
- var onClickSpy = jest.fn();
17
- (0, _react2.render)( /*#__PURE__*/React.createElement(_Fab["default"], {
18
- onClick: onClickSpy
19
- }, /*#__PURE__*/React.createElement(_FileCopy["default"], null)));
20
- var btn = _react2.screen.getByTestId('fab-button');
21
- _userEvent["default"].click(btn);
22
- (0, _react2.waitFor)(function () {
23
- expect(onClickSpy).toHaveBeenCalled();
24
- });
25
- });
26
- it('Should show tooltip', function () {
27
- var onClickSpy = jest.fn();
28
- (0, _react2.render)( /*#__PURE__*/React.createElement(_Fab["default"], {
29
- onClick: onClickSpy,
30
- tooltip: "tooltip-test"
31
- }, /*#__PURE__*/React.createElement(_FileCopy["default"], null)));
32
- var btn = _react2.screen.getByTestId('fab-button');
33
- _userEvent["default"].hover(btn);
34
- (0, _react2.waitFor)(function () {
35
- var tooltipMessage = _react2.screen.getByText('tooltip-test');
36
- expect(tooltipMessage).toBeDefined();
37
- });
38
- });
39
- it('Snapshot', function () {
40
- var onClickSpy = jest.fn();
41
- var miniTrue = (0, _react2.render)( /*#__PURE__*/React.createElement(_Fab["default"], {
42
- onClick: onClickSpy
43
- }, /*#__PURE__*/React.createElement(_FileCopy["default"], null)));
44
- expect(miniTrue).toMatchSnapshot();
45
- var miniFalse = (0, _react2.render)( /*#__PURE__*/React.createElement(_Fab["default"], {
46
- mini: false,
47
- onClick: onClickSpy
48
- }, /*#__PURE__*/React.createElement(_FileCopy["default"], null)));
49
- expect(miniFalse).toMatchInlineSnapshot("\n {\n \"asFragment\": [Function],\n \"baseElement\": <body>\n <div>\n <button\n class=\"MuiButtonBase-root MuiFab-root MuiFab-sizeSmall\"\n data-testid=\"fab-button\"\n name=\"action-button\"\n tabindex=\"0\"\n type=\"button\"\n >\n <span\n class=\"MuiFab-label\"\n >\n <svg\n aria-hidden=\"true\"\n class=\"MuiSvgIcon-root\"\n focusable=\"false\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\"\n />\n </svg>\n </span>\n <span\n class=\"MuiTouchRipple-root\"\n />\n </button>\n </div>\n <div>\n <button\n class=\"MuiButtonBase-root MuiFab-root MuiFab-sizeMedium\"\n data-testid=\"fab-button\"\n name=\"action-button\"\n tabindex=\"0\"\n type=\"button\"\n >\n <span\n class=\"MuiFab-label\"\n >\n <svg\n aria-hidden=\"true\"\n class=\"MuiSvgIcon-root\"\n focusable=\"false\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\"\n />\n </svg>\n </span>\n <span\n class=\"MuiTouchRipple-root\"\n />\n </button>\n </div>\n </body>,\n \"container\": <div>\n <button\n class=\"MuiButtonBase-root MuiFab-root MuiFab-sizeMedium\"\n data-testid=\"fab-button\"\n name=\"action-button\"\n tabindex=\"0\"\n type=\"button\"\n >\n <span\n class=\"MuiFab-label\"\n >\n <svg\n aria-hidden=\"true\"\n class=\"MuiSvgIcon-root\"\n focusable=\"false\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\"\n />\n </svg>\n </span>\n <span\n class=\"MuiTouchRipple-root\"\n />\n </button>\n </div>,\n \"debug\": [Function],\n \"findAllByAltText\": [Function],\n \"findAllByDisplayValue\": [Function],\n \"findAllByLabelText\": [Function],\n \"findAllByPlaceholderText\": [Function],\n \"findAllByRole\": [Function],\n \"findAllByTestId\": [Function],\n \"findAllByText\": [Function],\n \"findAllByTitle\": [Function],\n \"findByAltText\": [Function],\n \"findByDisplayValue\": [Function],\n \"findByLabelText\": [Function],\n \"findByPlaceholderText\": [Function],\n \"findByRole\": [Function],\n \"findByTestId\": [Function],\n \"findByText\": [Function],\n \"findByTitle\": [Function],\n \"getAllByAltText\": [Function],\n \"getAllByDisplayValue\": [Function],\n \"getAllByLabelText\": [Function],\n \"getAllByPlaceholderText\": [Function],\n \"getAllByRole\": [Function],\n \"getAllByTestId\": [Function],\n \"getAllByText\": [Function],\n \"getAllByTitle\": [Function],\n \"getByAltText\": [Function],\n \"getByDisplayValue\": [Function],\n \"getByLabelText\": [Function],\n \"getByPlaceholderText\": [Function],\n \"getByRole\": [Function],\n \"getByTestId\": [Function],\n \"getByText\": [Function],\n \"getByTitle\": [Function],\n \"queryAllByAltText\": [Function],\n \"queryAllByDisplayValue\": [Function],\n \"queryAllByLabelText\": [Function],\n \"queryAllByPlaceholderText\": [Function],\n \"queryAllByRole\": [Function],\n \"queryAllByTestId\": [Function],\n \"queryAllByText\": [Function],\n \"queryAllByTitle\": [Function],\n \"queryByAltText\": [Function],\n \"queryByDisplayValue\": [Function],\n \"queryByLabelText\": [Function],\n \"queryByPlaceholderText\": [Function],\n \"queryByRole\": [Function],\n \"queryByTestId\": [Function],\n \"queryByText\": [Function],\n \"queryByTitle\": [Function],\n \"rerender\": [Function],\n \"unmount\": [Function],\n }\n ");
50
- });
51
- });
@@ -1,7 +0,0 @@
1
- export declare const loading: () => JSX.Element;
2
- export declare const sidebar: () => JSX.Element;
3
- declare const _default: {
4
- title: string;
5
- component: (props: import("./SidebarV2").IProps) => JSX.Element;
6
- };
7
- export default _default;