tenjin-ui-kit 0.2.136 → 0.2.137

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 (103) hide show
  1. package/package.json +1 -1
  2. package/dist/common/hooks/apiHooks.js +0 -223
  3. package/dist/common/hooks/newApiHook.js +0 -270
  4. package/dist/common/utils/security/index.js +0 -11
  5. package/dist/common/utils/security/securityConfig.js +0 -8
  6. package/dist/components/Canvas.js +0 -254
  7. package/dist/components/DragBox/index.js +0 -45
  8. package/dist/components/InputWithChip/index.js +0 -149
  9. package/dist/components/RightContext/index.css +0 -20
  10. package/dist/components/RightContext/index.js +0 -86
  11. package/dist/components/WorkFlow.js +0 -47
  12. package/dist/components/WorkFlowBuilder.js +0 -130
  13. package/dist/components/alert/Style.js +0 -23
  14. package/dist/components/alert/index.js +0 -69
  15. package/dist/components/attachment/index.js +0 -138
  16. package/dist/components/authenticationProvider/AuthError.js +0 -24
  17. package/dist/components/authenticationProvider/AuthLoader.js +0 -21
  18. package/dist/components/authenticationProvider/index.js +0 -128
  19. package/dist/components/avatar/index.js +0 -95
  20. package/dist/components/avatar/styles.js +0 -94
  21. package/dist/components/breadCrumbs/index.js +0 -162
  22. package/dist/components/breadCrumbs/style.js +0 -11
  23. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +0 -19
  24. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +0 -15
  25. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +0 -36
  26. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +0 -26
  27. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +0 -48
  28. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +0 -26
  29. package/dist/components/browsingTestCaseLayout/index.js +0 -187
  30. package/dist/components/browsingTestCaseLayout/style.css +0 -82
  31. package/dist/components/button/index.js +0 -131
  32. package/dist/components/checkBox/index.js +0 -30
  33. package/dist/components/divider/index.js +0 -39
  34. package/dist/components/editableField/index.js +0 -125
  35. package/dist/components/error/index.js +0 -56
  36. package/dist/components/errorBoundary/Error.jpg +0 -0
  37. package/dist/components/errorBoundary/index.js +0 -160
  38. package/dist/components/fileUploader/index.js +0 -124
  39. package/dist/components/fileUploader/style.js +0 -60
  40. package/dist/components/iconButton/index.js +0 -35
  41. package/dist/components/iconButton/style.js +0 -1
  42. package/dist/components/input/index.js +0 -124
  43. package/dist/components/layout/index.js +0 -98
  44. package/dist/components/layout/main/index.js +0 -27
  45. package/dist/components/layout/main/style.js +0 -22
  46. package/dist/components/layout/pageContent/index.js +0 -30
  47. package/dist/components/layout/sidebar/FlatMenu.js +0 -64
  48. package/dist/components/layout/sidebar/GroupedIconMenu.js +0 -227
  49. package/dist/components/layout/sidebar/GroupedMenu.js +0 -68
  50. package/dist/components/layout/sidebar/ProjectMenu.js +0 -230
  51. package/dist/components/layout/sidebar/index.js +0 -84
  52. package/dist/components/layout/sidebar/style.js +0 -154
  53. package/dist/components/layout/topBar/ProjectTopbar.js +0 -234
  54. package/dist/components/layout/topBar/UserAvatar.js +0 -102
  55. package/dist/components/layout/topBar/index.js +0 -132
  56. package/dist/components/loader/index.js +0 -28
  57. package/dist/components/menu/index.js +0 -80
  58. package/dist/components/modal/Modal.js +0 -56
  59. package/dist/components/modal/index.js +0 -88
  60. package/dist/components/modal/style.js +0 -60
  61. package/dist/components/optionMenu/index.js +0 -112
  62. package/dist/components/pagination/index.js +0 -129
  63. package/dist/components/pagination/style.js +0 -36
  64. package/dist/components/paper/index.js +0 -44
  65. package/dist/components/paper/style.js +0 -34
  66. package/dist/components/reactSelect/index.js +0 -212
  67. package/dist/components/reactSelect/style.js +0 -163
  68. package/dist/components/richTextEditor/index.js +0 -34
  69. package/dist/components/richTextEditor/style.js +0 -1
  70. package/dist/components/select/SimpleSelect.js +0 -123
  71. package/dist/components/select/index.js +0 -211
  72. package/dist/components/simpleSelect/index.js +0 -122
  73. package/dist/components/switch/index.js +0 -73
  74. package/dist/components/switch/style.js +0 -42
  75. package/dist/components/switch/switch.js +0 -110
  76. package/dist/components/table/ReactTable.js +0 -116
  77. package/dist/components/table/SimpleTable.js +0 -57
  78. package/dist/components/table/index.js +0 -257
  79. package/dist/components/text/index.js +0 -64
  80. package/dist/components/timeStamp/index.js +0 -40
  81. package/dist/components/timeStamp/style.js +0 -23
  82. package/dist/components/topBar/index.js +0 -176
  83. package/dist/components/tree/index.js +0 -314
  84. package/dist/components/tree/style.js +0 -32
  85. package/dist/components/valuePicker/ValueSelector.js +0 -275
  86. package/dist/components/valuePicker/index.js +0 -133
  87. package/dist/components/wrapperLayout/layout/index.js +0 -30
  88. package/dist/components/wrapperLayout/layout/style.js +0 -1
  89. package/dist/components/wrapperLayout/main/index.js +0 -22
  90. package/dist/components/wrapperLayout/main/pageContainer/index.js +0 -28
  91. package/dist/components/wrapperLayout/main/sideBar/index.js +0 -262
  92. package/dist/components/wrapperLayout/main/sideBar/style.js +0 -196
  93. package/dist/components/wrapperLayout/topBar/UserAvatar.js +0 -17
  94. package/dist/components/wrapperLayout/topBar/avatar.js +0 -57
  95. package/dist/components/wrapperLayout/topBar/index.js +0 -182
  96. package/dist/components/wrapperLayout/topBar/menuIcon.js +0 -14
  97. package/dist/components/wrapperLayout/topBar/style.js +0 -77
  98. package/dist/http/index.js +0 -225
  99. package/dist/index.js +0 -320
  100. package/dist/templates/listPage/index.js +0 -301
  101. package/dist/themes/default.js +0 -253
  102. package/dist/themes/defaultSmall.js +0 -86
  103. package/dist/themes/responsiveTheme.js +0 -250
package/dist/index.js DELETED
@@ -1,320 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "Alert", {
8
- enumerable: true,
9
- get: function get() {
10
- return _alert.default;
11
- }
12
- });
13
- Object.defineProperty(exports, "AuthenticationProvider", {
14
- enumerable: true,
15
- get: function get() {
16
- return _authenticationProvider.default;
17
- }
18
- });
19
- Object.defineProperty(exports, "Avatar", {
20
- enumerable: true,
21
- get: function get() {
22
- return _avatar.default;
23
- }
24
- });
25
- Object.defineProperty(exports, "BreadCrumbs", {
26
- enumerable: true,
27
- get: function get() {
28
- return _breadCrumbs.default;
29
- }
30
- });
31
- Object.defineProperty(exports, "BrowsingTestCaseLayout", {
32
- enumerable: true,
33
- get: function get() {
34
- return _browsingTestCaseLayout.default;
35
- }
36
- });
37
- Object.defineProperty(exports, "Button", {
38
- enumerable: true,
39
- get: function get() {
40
- return _button.default;
41
- }
42
- });
43
- Object.defineProperty(exports, "CheckBox", {
44
- enumerable: true,
45
- get: function get() {
46
- return _checkBox.default;
47
- }
48
- });
49
- Object.defineProperty(exports, "Divider", {
50
- enumerable: true,
51
- get: function get() {
52
- return _divider.default;
53
- }
54
- });
55
- Object.defineProperty(exports, "EditableField", {
56
- enumerable: true,
57
- get: function get() {
58
- return _editableField.default;
59
- }
60
- });
61
- Object.defineProperty(exports, "Error", {
62
- enumerable: true,
63
- get: function get() {
64
- return _error.default;
65
- }
66
- });
67
- Object.defineProperty(exports, "ErrorBoundary", {
68
- enumerable: true,
69
- get: function get() {
70
- return _errorBoundary.default;
71
- }
72
- });
73
- Object.defineProperty(exports, "FileUploader", {
74
- enumerable: true,
75
- get: function get() {
76
- return _fileUploader.default;
77
- }
78
- });
79
- Object.defineProperty(exports, "IconButton", {
80
- enumerable: true,
81
- get: function get() {
82
- return _iconButton.default;
83
- }
84
- });
85
- Object.defineProperty(exports, "Input", {
86
- enumerable: true,
87
- get: function get() {
88
- return _input.default;
89
- }
90
- });
91
- Object.defineProperty(exports, "InputWithChip", {
92
- enumerable: true,
93
- get: function get() {
94
- return _InputWithChip.default;
95
- }
96
- });
97
- Object.defineProperty(exports, "Layout", {
98
- enumerable: true,
99
- get: function get() {
100
- return _layout.default;
101
- }
102
- });
103
- Object.defineProperty(exports, "Modal", {
104
- enumerable: true,
105
- get: function get() {
106
- return _modal.default;
107
- }
108
- });
109
- Object.defineProperty(exports, "OptionMenu", {
110
- enumerable: true,
111
- get: function get() {
112
- return _optionMenu.default;
113
- }
114
- });
115
- Object.defineProperty(exports, "Pagination", {
116
- enumerable: true,
117
- get: function get() {
118
- return _pagination.default;
119
- }
120
- });
121
- Object.defineProperty(exports, "Paper", {
122
- enumerable: true,
123
- get: function get() {
124
- return _paper.default;
125
- }
126
- });
127
- Object.defineProperty(exports, "ReactSelect", {
128
- enumerable: true,
129
- get: function get() {
130
- return _reactSelect.default;
131
- }
132
- });
133
- Object.defineProperty(exports, "ReactTable", {
134
- enumerable: true,
135
- get: function get() {
136
- return _ReactTable.default;
137
- }
138
- });
139
- Object.defineProperty(exports, "RichTextEditor", {
140
- enumerable: true,
141
- get: function get() {
142
- return _richTextEditor.default;
143
- }
144
- });
145
- Object.defineProperty(exports, "Select", {
146
- enumerable: true,
147
- get: function get() {
148
- return _select.default;
149
- }
150
- });
151
- Object.defineProperty(exports, "SimpleSelect", {
152
- enumerable: true,
153
- get: function get() {
154
- return _SimpleSelect.default;
155
- }
156
- });
157
- Object.defineProperty(exports, "SimpleTable", {
158
- enumerable: true,
159
- get: function get() {
160
- return _SimpleTable.default;
161
- }
162
- });
163
- Object.defineProperty(exports, "Switch", {
164
- enumerable: true,
165
- get: function get() {
166
- return _switch.default;
167
- }
168
- });
169
- Object.defineProperty(exports, "SystemContext", {
170
- enumerable: true,
171
- get: function get() {
172
- return _authenticationProvider.SystemContext;
173
- }
174
- });
175
- Object.defineProperty(exports, "Table", {
176
- enumerable: true,
177
- get: function get() {
178
- return _table.default;
179
- }
180
- });
181
- Object.defineProperty(exports, "Text", {
182
- enumerable: true,
183
- get: function get() {
184
- return _text.default;
185
- }
186
- });
187
- Object.defineProperty(exports, "TimeStamp", {
188
- enumerable: true,
189
- get: function get() {
190
- return _timeStamp.default;
191
- }
192
- });
193
- Object.defineProperty(exports, "ValuePicker", {
194
- enumerable: true,
195
- get: function get() {
196
- return _valuePicker.default;
197
- }
198
- });
199
- Object.defineProperty(exports, "defaultTheme", {
200
- enumerable: true,
201
- get: function get() {
202
- return _default.default;
203
- }
204
- });
205
- Object.defineProperty(exports, "doDelete", {
206
- enumerable: true,
207
- get: function get() {
208
- return _http.doDelete;
209
- }
210
- });
211
- Object.defineProperty(exports, "get", {
212
- enumerable: true,
213
- get: function get() {
214
- return _http.get;
215
- }
216
- });
217
- Object.defineProperty(exports, "getClient", {
218
- enumerable: true,
219
- get: function get() {
220
- return _http.getClient;
221
- }
222
- });
223
- Object.defineProperty(exports, "getSecureClient", {
224
- enumerable: true,
225
- get: function get() {
226
- return _http.getSecureClient;
227
- }
228
- });
229
- Object.defineProperty(exports, "parseAxiosError", {
230
- enumerable: true,
231
- get: function get() {
232
- return _http.parseAxiosError;
233
- }
234
- });
235
- Object.defineProperty(exports, "post", {
236
- enumerable: true,
237
- get: function get() {
238
- return _http.post;
239
- }
240
- });
241
- Object.defineProperty(exports, "postClient", {
242
- enumerable: true,
243
- get: function get() {
244
- return _http.postClient;
245
- }
246
- });
247
- Object.defineProperty(exports, "put", {
248
- enumerable: true,
249
- get: function get() {
250
- return _http.put;
251
- }
252
- });
253
- Object.defineProperty(exports, "useAPI", {
254
- enumerable: true,
255
- get: function get() {
256
- return _newApiHook.default;
257
- }
258
- });
259
- Object.defineProperty(exports, "useDelete", {
260
- enumerable: true,
261
- get: function get() {
262
- return _apiHooks.useDelete;
263
- }
264
- });
265
- Object.defineProperty(exports, "useFetch", {
266
- enumerable: true,
267
- get: function get() {
268
- return _apiHooks.useFetch;
269
- }
270
- });
271
- Object.defineProperty(exports, "usePost", {
272
- enumerable: true,
273
- get: function get() {
274
- return _apiHooks.usePost;
275
- }
276
- });
277
- Object.defineProperty(exports, "usePut", {
278
- enumerable: true,
279
- get: function get() {
280
- return _apiHooks.usePut;
281
- }
282
- });
283
- var _button = _interopRequireDefault(require("./components/button"));
284
- var _input = _interopRequireDefault(require("./components/input"));
285
- var _table = _interopRequireDefault(require("./components/table"));
286
- var _valuePicker = _interopRequireDefault(require("./components/valuePicker"));
287
- var _layout = _interopRequireDefault(require("./components/layout"));
288
- var _default = _interopRequireDefault(require("./themes/default"));
289
- var _authenticationProvider = _interopRequireWildcard(require("./components/authenticationProvider"));
290
- var _newApiHook = _interopRequireDefault(require("./common/hooks/newApiHook"));
291
- var _http = require("./http");
292
- var _apiHooks = require("./common/hooks/apiHooks");
293
- var _switch = _interopRequireDefault(require("./components/switch"));
294
- var _checkBox = _interopRequireDefault(require("./components/checkBox"));
295
- var _breadCrumbs = _interopRequireDefault(require("./components/breadCrumbs"));
296
- var _modal = _interopRequireDefault(require("./components/modal"));
297
- var _alert = _interopRequireDefault(require("./components/alert"));
298
- var _editableField = _interopRequireDefault(require("./components/editableField"));
299
- var _richTextEditor = _interopRequireDefault(require("./components/richTextEditor"));
300
- var _timeStamp = _interopRequireDefault(require("./components/timeStamp"));
301
- var _divider = _interopRequireDefault(require("./components/divider"));
302
- var _pagination = _interopRequireDefault(require("./components/pagination"));
303
- var _paper = _interopRequireDefault(require("./components/paper"));
304
- var _select = _interopRequireDefault(require("./components/select"));
305
- var _iconButton = _interopRequireDefault(require("./components/iconButton"));
306
- var _InputWithChip = _interopRequireDefault(require("./components/InputWithChip"));
307
- var _avatar = _interopRequireDefault(require("./components/avatar"));
308
- var _errorBoundary = _interopRequireDefault(require("./components/errorBoundary"));
309
- var _browsingTestCaseLayout = _interopRequireDefault(require("./components/browsingTestCaseLayout"));
310
- var _fileUploader = _interopRequireDefault(require("./components/fileUploader"));
311
- var _optionMenu = _interopRequireDefault(require("./components/optionMenu"));
312
- var _error = _interopRequireDefault(require("./components/error"));
313
- var _reactSelect = _interopRequireDefault(require("./components/reactSelect"));
314
- var _ReactTable = _interopRequireDefault(require("./components/table/ReactTable"));
315
- var _SimpleTable = _interopRequireDefault(require("./components/table/SimpleTable"));
316
- var _SimpleSelect = _interopRequireDefault(require("./components/select/SimpleSelect"));
317
- var _text = _interopRequireDefault(require("./components/text"));
318
- 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); }
319
- 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; }
320
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,301 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _material = require("@mui/material");
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _fi = require("react-icons/fi");
11
- var _button = _interopRequireDefault(require("../../components/button"));
12
- var _input = _interopRequireDefault(require("../../components/input"));
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
17
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
18
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
19
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
20
- 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; }
21
- 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) { _defineProperty(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; }
22
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
24
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
25
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
26
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
27
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
28
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
29
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
30
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
31
- var columns = [{
32
- name: "id",
33
- displayName: "User ID"
34
- }, {
35
- name: "username",
36
- displayName: "Name"
37
- }, {
38
- name: "email",
39
- displayName: "Email"
40
- }, {
41
- name: "address.city",
42
- displayName: "City",
43
- render: function render(d) {
44
- return d.address.city;
45
- }
46
- }, {
47
- name: "address.zipcode",
48
- displayName: "Zip Code",
49
- render: function render(d) {
50
- return d.address.zipcode;
51
- }
52
- }, {
53
- name: "phone",
54
- displayName: "Phone"
55
- }, {
56
- name: "website",
57
- displayName: "Website"
58
- }, {
59
- name: "company.name",
60
- displayName: "Company",
61
- render: function render(d) {
62
- return d.company.name;
63
- }
64
- }];
65
- var ListPage = function ListPage(_ref) {
66
- var pageTitle = _ref.pageTitle;
67
- var _useState = (0, _react.useState)({
68
- filtered: [],
69
- filter: null,
70
- unfiltered: [{
71
- id: 1,
72
- name: "Leanne Graham",
73
- username: "Bret",
74
- email: "Sincere@april.biz",
75
- address: {
76
- street: "Kulas Light",
77
- suite: "Apt. 556",
78
- city: "Gwenborough",
79
- zipcode: "92998-3874",
80
- geo: {
81
- lat: "-37.3159",
82
- lng: "81.1496"
83
- }
84
- },
85
- phone: "1-770-736-8031 x56442",
86
- website: "hildegard.org",
87
- company: {
88
- name: "Romaguera-Crona",
89
- catchPhrase: "Multi-layered client-server neural-net",
90
- bs: "harness real-time e-markets"
91
- }
92
- }, {
93
- id: 2,
94
- name: "Ervin Howell",
95
- username: "Antonette",
96
- email: "Shanna@melissa.tv",
97
- address: {
98
- street: "Victor Plains",
99
- suite: "Suite 879",
100
- city: "Wisokyburgh",
101
- zipcode: "90566-7771",
102
- geo: {
103
- lat: "-43.9509",
104
- lng: "-34.4618"
105
- }
106
- },
107
- phone: "010-692-6593 x09125",
108
- website: "anastasia.net",
109
- company: {
110
- name: "Deckow-Crist",
111
- catchPhrase: "Proactive didactic contingency",
112
- bs: "synergize scalable supply-chains"
113
- }
114
- }, {
115
- id: 3,
116
- name: "Clementine Bauch",
117
- username: "Samantha",
118
- email: "Nathan@yesenia.net",
119
- address: {
120
- street: "Douglas Extension",
121
- suite: "Suite 847",
122
- city: "McKenziehaven",
123
- zipcode: "59590-4157",
124
- geo: {
125
- lat: "-68.6102",
126
- lng: "-47.0653"
127
- }
128
- },
129
- phone: "1-463-123-4447",
130
- website: "ramiro.info",
131
- company: {
132
- name: "Romaguera-Jacobson",
133
- catchPhrase: "Face to face bifurcated interface",
134
- bs: "e-enable strategic applications"
135
- }
136
- }, {
137
- id: 4,
138
- name: "Patricia Lebsack",
139
- username: "Karianne",
140
- email: "Julianne.OConner@kory.org",
141
- address: {
142
- street: "Hoeger Mall",
143
- suite: "Apt. 692",
144
- city: "South Elvis",
145
- zipcode: "53919-4257",
146
- geo: {
147
- lat: "29.4572",
148
- lng: "-164.2990"
149
- }
150
- },
151
- phone: "493-170-9623 x156",
152
- website: "kale.biz",
153
- company: {
154
- name: "Robel-Corkery",
155
- catchPhrase: "Multi-tiered zero tolerance productivity",
156
- bs: "transition cutting-edge web services"
157
- }
158
- }, {
159
- id: 5,
160
- name: "Chelsey Dietrich",
161
- username: "Kamren",
162
- email: "Lucio_Hettinger@annie.ca",
163
- address: {
164
- street: "Skiles Walks",
165
- suite: "Suite 351",
166
- city: "Roscoeview",
167
- zipcode: "33263",
168
- geo: {
169
- lat: "-31.8129",
170
- lng: "62.5342"
171
- }
172
- },
173
- phone: "(254)954-1289",
174
- website: "demarco.info",
175
- company: {
176
- name: "Keebler LLC",
177
- catchPhrase: "User-centric fault-tolerant solution",
178
- bs: "revolutionize end-to-end systems"
179
- }
180
- }, {
181
- id: 6,
182
- name: "Mrs. Dennis Schulist",
183
- username: "Leopoldo_Corkery",
184
- email: "Karley_Dach@jasper.info",
185
- address: {
186
- street: "Norberto Crossing",
187
- suite: "Apt. 950",
188
- city: "South Christy",
189
- zipcode: "23505-1337",
190
- geo: {
191
- lat: "-71.4197",
192
- lng: "71.7478"
193
- }
194
- },
195
- phone: "1-477-935-8478 x6430",
196
- website: "ola.org",
197
- company: {
198
- name: "Considine-Lockman",
199
- catchPhrase: "Synchronised bottom-line interface",
200
- bs: "e-enable innovative applications"
201
- }
202
- }]
203
- }),
204
- _useState2 = _slicedToArray(_useState, 2),
205
- data = _useState2[0],
206
- setData = _useState2[1];
207
- (0, _react.useEffect)(function () {
208
- search();
209
- // eslint-disable-next-line react-hooks/exhaustive-deps
210
- }, [data.unfiltered, data.filter]);
211
- var search = function search() {
212
- if (data.filter) {
213
- var filter = data.filter,
214
- unfiltered = data.unfiltered;
215
- var newFiltered = unfiltered.filter(function (u) {
216
- var mergedData = "".concat(u.id).concat(u.username.toLowerCase()).concat(u.email.toLowerCase());
217
- return mergedData.includes(filter.toLowerCase());
218
- });
219
- setData(_objectSpread(_objectSpread({}, data), {}, {
220
- filtered: newFiltered
221
- }));
222
- } else {
223
- setData(_objectSpread(_objectSpread({}, data), {}, {
224
- filtered: _toConsumableArray(data.unfiltered)
225
- }));
226
- }
227
- };
228
- return /*#__PURE__*/_react.default.createElement(_material.Grid, {
229
- container: true,
230
- spacing: 2
231
- }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
232
- item: true,
233
- xs: 12,
234
- container: true
235
- }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
236
- item: true,
237
- xs: 12,
238
- md: 6
239
- }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
240
- variant: "h6"
241
- }, pageTitle)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
242
- item: true,
243
- xs: 12,
244
- md: 6,
245
- container: true,
246
- justifyContent: "flex-end",
247
- spacing: 1
248
- }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
249
- item: true
250
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
251
- color: "info",
252
- size: "small"
253
- }, "Export to Spreadsheet")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
254
- item: true
255
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
256
- size: "small"
257
- }, "New User")))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
258
- item: true,
259
- xs: 12,
260
- container: true,
261
- spacing: 1,
262
- alignItems: "center"
263
- }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
264
- item: true,
265
- xs: 12,
266
- md: 6,
267
- lg: 3
268
- }, /*#__PURE__*/_react.default.createElement(_input.default, {
269
- fullWidth: true,
270
- placeholder: "Search by ID, name or Email",
271
- onChange: function onChange(e) {
272
- return setData(_objectSpread(_objectSpread({}, data), {}, {
273
- filter: e.target.value
274
- }));
275
- },
276
- value: data.filter,
277
- disableAutocomplete: true,
278
- startIcon: /*#__PURE__*/_react.default.createElement(_fi.FiSearch, null)
279
- })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
280
- item: true
281
- })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
282
- item: true,
283
- xs: 12
284
- }, /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, {
285
- "aria-label": pageTitle
286
- }, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, null, columns.map(function (c) {
287
- return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
288
- key: c.name
289
- }, c.displayName);
290
- }))), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, data.filtered.map(function (u) {
291
- return /*#__PURE__*/_react.default.createElement(_material.TableRow, {
292
- key: u.id
293
- }, columns.map(function (c) {
294
- return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
295
- key: u[c.name]
296
- }, /*#__PURE__*/_react.default.createElement(_material.Typography, null, c.render ? c.render(u) : u[c.name]));
297
- }));
298
- }))))));
299
- };
300
- var _default = ListPage;
301
- exports.default = _default;