@unbxd-ui/unbxd-react-components 0.2.145 → 0.2.146

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 (87) hide show
  1. package/README.md +17 -1
  2. package/components/Accordian/Accordian.js +1 -2
  3. package/components/Accordian/Accordian.stories.js +140 -117
  4. package/components/Button/Button.stories.js +167 -61
  5. package/components/Button/DropdownButton.js +1 -2
  6. package/components/Button/index.js +1 -2
  7. package/components/DataLoader/DataLoader.js +1 -2
  8. package/components/DataLoader/DataLoader.stories.js +239 -53
  9. package/components/Form/Checkbox.js +5 -4
  10. package/components/Form/DragDropFileUploader.js +1 -2
  11. package/components/Form/Dropdown.js +1 -2
  12. package/components/Form/FileUploader.js +1 -2
  13. package/components/Form/Form.js +1 -2
  14. package/components/Form/Input.js +1 -2
  15. package/components/Form/RadioList.js +1 -2
  16. package/components/Form/RangeSlider.js +1 -2
  17. package/components/Form/SearchableDropdown.js +563 -0
  18. package/components/Form/ServerPaginatedDDList.js +17 -11
  19. package/components/Form/Textarea.js +1 -2
  20. package/components/Form/Toggle.js +1 -2
  21. package/components/Form/formCore.css +1 -1
  22. package/components/Form/formTheme.css +1 -1
  23. package/components/Form/index.js +7 -0
  24. package/components/Form/stories/Checkbox.stories.js +138 -39
  25. package/components/Form/stories/Dropdown.stories.js +322 -91
  26. package/components/Form/stories/FileUploader.stories.js +177 -18
  27. package/components/Form/stories/Input.stories.js +115 -0
  28. package/components/Form/stories/RangeSlider.stories.js +161 -63
  29. package/components/Form/stories/SearchableDropdown.stories.js +189 -0
  30. package/components/Form/stories/ServerPaginatedDropdown.stories.js +365 -0
  31. package/components/Form/stories/Textarea.stories.js +112 -33
  32. package/components/Form/stories/Toggle.stories.js +192 -13
  33. package/components/Form/variables.css +0 -0
  34. package/components/InlineModal/InlineModal.js +1 -2
  35. package/components/InlineModal/InlineModal.stories.js +239 -45
  36. package/components/InlineModal/index.js +1 -2
  37. package/components/InlineModal/inlineModalCore.css +1 -1
  38. package/components/List/List.stories.js +238 -0
  39. package/components/Modal/Modal.js +1 -2
  40. package/components/Modal/Modal.stories.js +256 -37
  41. package/components/Modal/modalCore.css +1 -1
  42. package/components/NotificationComponent/NotificationComponent.js +1 -2
  43. package/components/NotificationComponent/NotificationComponent.stories.js +170 -18
  44. package/components/PageLoader/PageLoader.js +84 -0
  45. package/components/PageLoader/PageLoader.stories.js +276 -0
  46. package/components/PageLoader/index.js +9 -0
  47. package/components/PageLoader/pageLoaderCore.css +1 -0
  48. package/components/ProgressBar/ProgressBar.css +0 -0
  49. package/components/ProgressBar/ProgressBar.stories.js +202 -9
  50. package/components/ProgressBar/progressBarCore.css +1 -1
  51. package/components/Table/BaseTable.js +84 -354
  52. package/components/Table/Table.js +6 -359
  53. package/components/Table/Table.stories.js +2109 -150
  54. package/components/Table/TableChild.js +383 -0
  55. package/components/Table/TableConstants.js +15 -0
  56. package/components/Table/hooks/usePrevious.js +14 -0
  57. package/components/Table/index.js +13 -0
  58. package/components/Table/tableCore.css +1 -1
  59. package/components/TableOld/BaseTable.js +373 -0
  60. package/components/TableOld/PaginationComponent.js +86 -0
  61. package/components/TableOld/TableOld.js +367 -0
  62. package/components/TableOld/index.js +15 -0
  63. package/components/TabsComponent/TabsComponent.js +1 -2
  64. package/components/TabsComponent/TabsComponent.stories.js +290 -52
  65. package/components/ToastNotification/ToastNotificationWrapper.js +212 -0
  66. package/components/ToastNotification/ToastNotificationWrapper.stories.js +554 -0
  67. package/components/ToastNotification/index.js +40 -0
  68. package/components/ToastNotification/toastNotificationCore.css +1 -0
  69. package/components/Tooltip/Tooltip.js +221 -83
  70. package/components/Tooltip/Tooltip.stories.js +379 -14
  71. package/components/Tooltip/tooltipCore.css +1 -1
  72. package/components/Tooltip/tooltipTheme.css +1 -1
  73. package/components/core.css +2 -3
  74. package/components/core.scss +17 -0
  75. package/components/index.js +58 -2
  76. package/components/theme.css +2 -3
  77. package/core/dataLoader.js +5 -2
  78. package/index.js +54 -0
  79. package/package.json +31 -20
  80. package/components/Button/DropdownButton.stories.js +0 -49
  81. package/components/Form/stories/DragDropFileUploader.stories.js +0 -25
  82. package/components/Form/stories/FormDefault.stories.js +0 -115
  83. package/components/Form/stories/RadioList.stories.js +0 -53
  84. package/components/Form/stories/TextInput.stories.js +0 -76
  85. package/components/Form/stories/form.stories.js +0 -233
  86. package/components/List/list.stories.js +0 -35
  87. package/core/dataLoader.stories.js +0 -119
@@ -0,0 +1,367 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.REQUEST_KEYS = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+ var _BaseTable = _interopRequireDefault(require("./BaseTable"));
10
+ var _DataLoader = _interopRequireDefault(require("../DataLoader"));
11
+ var _PaginationComponent = _interopRequireDefault(require("./PaginationComponent"));
12
+ var _utils = _interopRequireDefault(require("../../core/utils"));
13
+ var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
14
+ var _excluded = ["className", "wrapperClassName", "records", "columnConfigs", "idAttribute", "searchBy", "getRequestKeys", "showPaginateBar", "paginationPosition", "paginationType", "paginationBar", "requestId", "pageNoKey", "perPageKey", "pageSizeList", "isExpandableTable", "ExpandedRowComponent", "responseFormatter", "noDataComponent", "omitProps", "getUrlParams", "getRequestParams", "checkboxConfig", "tbodyClassName", "refreshFeature", "refreshIconClass", "spinnerIconClass", "onRefreshCB"];
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
17
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
20
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
21
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
22
+ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
23
+ 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."); }
24
+ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
25
+ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
26
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
27
+ 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."); }
28
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
29
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
30
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
31
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
32
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
33
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
34
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
35
+ var getPageRecords = function getPageRecords() {
36
+ var records = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
37
+ var pageConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
38
+ var pagIndex = _utils["default"].getPagIndex(pageConfig);
39
+ var start = pagIndex.start,
40
+ end = pagIndex.end;
41
+ return records.slice(start, end);
42
+ };
43
+ var sortNumbersASC = function sortNumbersASC(a, b) {
44
+ return a - b;
45
+ };
46
+ var sortNumbersDSC = function sortNumbersDSC(a, b) {
47
+ return b - a;
48
+ };
49
+ var sortAlphaASC = function sortAlphaASC(a, b) {
50
+ return a < b ? -1 : 1;
51
+ };
52
+ var sortAlphaDSC = function sortAlphaDSC(a, b) {
53
+ return b < a ? -1 : 1;
54
+ };
55
+ var getFilteredRecords = function getFilteredRecords(_ref) {
56
+ var _ref$records = _ref.records,
57
+ records = _ref$records === void 0 ? [] : _ref$records,
58
+ searchBy = _ref.searchBy,
59
+ searchByKey = _ref.searchByKey,
60
+ sortByConfig = _ref.sortByConfig;
61
+ var filteredRecords = records;
62
+ if (searchBy) {
63
+ searchBy = searchBy.toLowerCase();
64
+ filteredRecords = records.filter(function (obj) {
65
+ var val = (obj[searchByKey] ? obj[searchByKey] : "").toLowerCase();
66
+ return val.indexOf(searchBy) !== -1;
67
+ });
68
+ }
69
+ if (_typeof(sortByConfig) === "object" && !_utils["default"].isObjectEmpty(sortByConfig)) {
70
+ var sortBy = sortByConfig.sortBy,
71
+ sortOrder = sortByConfig.sortOrder,
72
+ columnConfig = sortByConfig.columnConfig;
73
+ var valueFormatter = columnConfig.valueFormatter;
74
+ filteredRecords = records.slice().sort(function (obj1, obj2) {
75
+ var rowValue1 = obj1[sortBy];
76
+ var rowValue2 = obj2[sortBy];
77
+ var sortValue1 = typeof valueFormatter === "function" ? valueFormatter({
78
+ value: rowValue1,
79
+ record: obj1
80
+ }) : rowValue1;
81
+ var sortValue2 = typeof valueFormatter === "function" ? valueFormatter({
82
+ value: rowValue2,
83
+ record: obj2
84
+ }) : rowValue2;
85
+ if (typeof sortValue === "number") {
86
+ return sortOrder === "ASC" ? sortNumbersASC(sortValue1, sortValue2) : sortNumbersDSC(sortValue1, sortValue2);
87
+ } else {
88
+ return sortOrder === "ASC" ? sortAlphaASC(sortValue1, sortValue2) : sortAlphaDSC(sortValue1, sortValue2);
89
+ }
90
+ });
91
+ }
92
+ return filteredRecords;
93
+ };
94
+ var REQUEST_KEYS = exports.REQUEST_KEYS = {
95
+ searchBy: "search",
96
+ sortBy: "sortBy",
97
+ sortOrder: "sortOrder",
98
+ sortASC: "ASC",
99
+ sortDSC: "DSC"
100
+ };
101
+ var TableOld = function TableOld(props, ref) {
102
+ var className = props.className,
103
+ wrapperClassName = props.wrapperClassName,
104
+ records = props.records,
105
+ columnConfigs = props.columnConfigs,
106
+ idAttribute = props.idAttribute,
107
+ searchBy = props.searchBy,
108
+ getRequestKeys = props.getRequestKeys,
109
+ showPaginateBar = props.showPaginateBar,
110
+ paginationPosition = props.paginationPosition,
111
+ paginationType = props.paginationType,
112
+ paginationBar = props.paginationBar,
113
+ requestId = props.requestId,
114
+ pageNoKey = props.pageNoKey,
115
+ perPageKey = props.perPageKey,
116
+ pageSizeList = props.pageSizeList,
117
+ isExpandableTable = props.isExpandableTable,
118
+ ExpandedRowComponent = props.ExpandedRowComponent,
119
+ responseFormatter = props.responseFormatter,
120
+ noDataComponent = props.noDataComponent,
121
+ omitProps = props.omitProps,
122
+ getUrlParams = props.getUrlParams,
123
+ getRequestParams = props.getRequestParams,
124
+ checkboxConfig = props.checkboxConfig,
125
+ tbodyClassName = props.tbodyClassName,
126
+ _props$refreshFeature = props.refreshFeature,
127
+ refreshFeature = _props$refreshFeature === void 0 ? false : _props$refreshFeature,
128
+ refreshIconClass = props.refreshIconClass,
129
+ spinnerIconClass = props.spinnerIconClass,
130
+ onRefreshCB = props.onRefreshCB,
131
+ restProps = _objectWithoutProperties(props, _excluded);
132
+ /* variables for server data */
133
+ var _useState = (0, _react.useState)([]),
134
+ _useState2 = _slicedToArray(_useState, 2),
135
+ serverRecords = _useState2[0],
136
+ setServerRecords = _useState2[1];
137
+ var _useState3 = (0, _react.useState)(0),
138
+ _useState4 = _slicedToArray(_useState3, 2),
139
+ serverTotal = _useState4[0],
140
+ setServerTotal = _useState4[1];
141
+
142
+ /* variables for search, sort data */
143
+ var _useState5 = (0, _react.useState)(searchBy),
144
+ _useState6 = _slicedToArray(_useState5, 2),
145
+ searchQuery = _useState6[0],
146
+ setSearchQuery = _useState6[1];
147
+ var _useState7 = (0, _react.useState)({}),
148
+ _useState8 = _slicedToArray(_useState7, 2),
149
+ sortByConfig = _useState8[0],
150
+ setSortByConfig = _useState8[1];
151
+ var sortBy = sortByConfig.sortBy,
152
+ sortOrder = sortByConfig.sortOrder;
153
+ var _useState9 = (0, _react.useState)(false),
154
+ _useState0 = _slicedToArray(_useState9, 2),
155
+ isTableRefreshing = _useState0[0],
156
+ setIsTableRefreshing = _useState0[1];
157
+
158
+ /* variables for pagination data */
159
+ var _useState1 = (0, _react.useState)({
160
+ perPageCount: pageSizeList[0].id,
161
+ pageNo: 1
162
+ }),
163
+ _useState10 = _slicedToArray(_useState1, 2),
164
+ pageConfig = _useState10[0],
165
+ setPageConfig = _useState10[1];
166
+ var perPageCount = pageConfig.perPageCount,
167
+ pageNo = pageConfig.pageNo;
168
+ var omitParams = [pageNoKey, perPageKey].concat(_toConsumableArray(omitProps.split(",")));
169
+ var _REQUEST_KEYS$getRequ = _objectSpread(_objectSpread({}, REQUEST_KEYS), getRequestKeys()),
170
+ searchByKey = _REQUEST_KEYS$getRequ.searchBy,
171
+ sortByKey = _REQUEST_KEYS$getRequ.sortBy,
172
+ sortOrderKey = _REQUEST_KEYS$getRequ.sortOrder,
173
+ ASCEnum = _REQUEST_KEYS$getRequ.sortASC,
174
+ DSCEnum = _REQUEST_KEYS$getRequ.sortDSC;
175
+ var extraParams = _utils["default"].omit(restProps, omitParams);
176
+ var requestParams = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getRequestParams()), extraParams), {}, _defineProperty(_defineProperty({}, pageNoKey, pageNo), perPageKey, perPageCount), searchQuery && _defineProperty({}, searchByKey, searchQuery)), sortBy && _defineProperty({}, sortByKey, sortBy)), sortOrder && _defineProperty({}, sortOrderKey, sortOrder === "DSC" ? DSCEnum : ASCEnum));
177
+ var requests = [{
178
+ requestId: requestId,
179
+ params: requestParams,
180
+ urlParams: getUrlParams()
181
+ }];
182
+ var onDataLoaded = function onDataLoaded(_ref5) {
183
+ var _ref6 = _slicedToArray(_ref5, 1),
184
+ response = _ref6[0];
185
+ var apiResponse = response;
186
+ if (typeof responseFormatter === "function") {
187
+ apiResponse = responseFormatter(response);
188
+ }
189
+ var _apiResponse = apiResponse,
190
+ entries = _apiResponse.entries,
191
+ total = _apiResponse.total;
192
+ entries = entries || [];
193
+ if (pageNo > 1 && entries.length === 0) {
194
+ /* current page does not have records, so fetch previous page */
195
+ setPageConfig(_objectSpread(_objectSpread({}, pageConfig), {}, {
196
+ pageNo: pageNo - 1
197
+ }));
198
+ }
199
+ setServerRecords(entries);
200
+ setServerTotal(total);
201
+ };
202
+ var onRefreshTableData = function onRefreshTableData() {
203
+ setIsTableRefreshing(true);
204
+ var def = _dataLoader["default"].getRequestDef(requests[0]);
205
+ def.done(function (response) {
206
+ onDataLoaded([response]);
207
+ setIsTableRefreshing(false);
208
+ });
209
+ def["catch"](function (error) {
210
+ setIsTableRefreshing(false);
211
+ });
212
+ };
213
+ var resetPageNo = function resetPageNo() {
214
+ setPageConfig(_objectSpread(_objectSpread({}, pageConfig), {}, {
215
+ pageNo: 1
216
+ }));
217
+ };
218
+ (0, _react.useEffect)(function () {
219
+ /* Search value changed: reset pageNo. */
220
+ resetPageNo();
221
+ setSearchQuery(searchBy);
222
+ }, [searchBy]);
223
+ var onSort = function onSort(columnConfig) {
224
+ var newSortBy = columnConfig.key;
225
+ var newSortOrder = "ASC";
226
+ if (sortBy === newSortBy) {
227
+ /* clicked sort on the same column */
228
+ newSortOrder = sortOrder === "ASC" ? "DSC" : "ASC";
229
+ }
230
+ setSortByConfig({
231
+ sortBy: newSortBy,
232
+ sortOrder: newSortOrder,
233
+ columnConfig: columnConfig
234
+ });
235
+ };
236
+ var filteredRecords = getFilteredRecords({
237
+ records: records,
238
+ searchBy: searchBy,
239
+ searchByKey: searchByKey,
240
+ sortByConfig: sortByConfig
241
+ });
242
+ var totalRecords = paginationType === "SERVER" ? serverTotal : filteredRecords.length;
243
+ var paginationProps = {
244
+ pageSizeList: pageSizeList,
245
+ onPageConfigChanged: setPageConfig,
246
+ pageConfig: _objectSpread(_objectSpread({}, pageConfig), {}, {
247
+ total: totalRecords
248
+ })
249
+ };
250
+ var paginationComponent = /*#__PURE__*/_react["default"].createElement("div", {
251
+ className: "RCB-paginate-bar"
252
+ }, paginationBar ? /*#__PURE__*/_react["default"].cloneElement(paginationBar, paginationProps) : /*#__PURE__*/_react["default"].createElement(_PaginationComponent["default"], paginationProps));
253
+ var finalRecords = paginationType === "SERVER" ? serverRecords : showPaginateBar ? getPageRecords(filteredRecords, pageConfig) : filteredRecords;
254
+ var wrappedComponent = /*#__PURE__*/_react["default"].createElement(_BaseTable["default"], {
255
+ ref: ref,
256
+ records: finalRecords,
257
+ columnConfigs: columnConfigs,
258
+ checkboxConfig: checkboxConfig,
259
+ idAttribute: idAttribute,
260
+ noDataComponent: noDataComponent,
261
+ pageNo: pageNo,
262
+ tbodyClassName: tbodyClassName,
263
+ isTableRefreshing: isTableRefreshing,
264
+ refreshFeature: refreshFeature,
265
+ refreshIconClass: refreshIconClass,
266
+ onRefreshCB: onRefreshCB,
267
+ spinnerIconClass: spinnerIconClass,
268
+ onRefreshTableData: onRefreshTableData,
269
+ sortByConfig: sortByConfig,
270
+ onSort: onSort,
271
+ resetPageNo: resetPageNo,
272
+ isExpandableTable: isExpandableTable,
273
+ ExpandedRowComponent: ExpandedRowComponent
274
+ });
275
+ if (paginationType === "SERVER") {
276
+ wrappedComponent = /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
277
+ requests: requests,
278
+ onDataLoaded: onDataLoaded
279
+ }, wrappedComponent);
280
+ }
281
+ return /*#__PURE__*/_react["default"].createElement("div", {
282
+ className: className
283
+ }, showPaginateBar && paginationPosition === "TOP" && totalRecords > 0 && paginationComponent, /*#__PURE__*/_react["default"].createElement("div", {
284
+ className: wrapperClassName
285
+ }, wrappedComponent), showPaginateBar && paginationPosition === "BOTTOM" && totalRecords > 0 && paginationComponent);
286
+ };
287
+ TableOld = /*#__PURE__*/(0, _react.forwardRef)(TableOld);
288
+ TableOld.propTypes = _objectSpread(_objectSpread({}, _BaseTable["default"].propTypes), {}, {
289
+ /** search value to search data in the table */
290
+ searchBy: _propTypes["default"].string,
291
+ /** list of supported page sizes */
292
+ pageSizeList: _propTypes["default"].array,
293
+ /** set to false to disable pagination bar */
294
+ showPaginateBar: _propTypes["default"].bool,
295
+ /** location where the pagination component must be displayed */
296
+ paginationPosition: _propTypes["default"].oneOf(["TOP", "BOTTOM"]),
297
+ /** CLIENT side pagination or SERVER side pagination */
298
+ paginationType: _propTypes["default"].oneOf(["CLIENT", "SERVER"]),
299
+ /** You can provide a custom component for the pagination bar
300
+ * if you want to add more content to the pagination bar other than the pagination widget.
301
+ * Make sure to include <PagniationComponent /> and pass on all the props sent to this custom component
302
+ */
303
+ paginationBar: _propTypes["default"].any,
304
+ /** [SERVER side pagination] the ID of the request to call */
305
+ requestId: _propTypes["default"].string,
306
+ /** [SERVER side pagination] key to send the page number value in, to the API */
307
+ pageNoKey: _propTypes["default"].string,
308
+ /** [SERVER side pagination] key to send the page count value in, to the API */
309
+ perPageKey: _propTypes["default"].string,
310
+ /** If paginationType is "SERVER",
311
+ * component expects the response to be of the form
312
+ * { [pageNoKey]: <pageNo>, [perPageKey]: <pageSize>, total: <totalCount>, entries: [{}] }
313
+ * If your data is not in this format, use the responseFormatter to format the data to this structure.
314
+ * Input to this function is the response received from your API
315
+ * */
316
+ responseFormatter: _propTypes["default"].func,
317
+ /** If paginationType is "SERVER",
318
+ * a comma separated list of the props to be omitted from being added to the API request */
319
+ omitProps: _propTypes["default"].string,
320
+ /** If paginationType is "SERVER", function that is expected to return the key configs for the various request settings
321
+ * in the format { searchBy, sortBy, sortOrder }
322
+ */
323
+ getRequestKeys: _propTypes["default"].func,
324
+ /** If paginationType is "SERVER", function that is expected to return the URL Params object */
325
+ getUrlParams: _propTypes["default"].func,
326
+ /** If paginationType is "SERVER", function that is expected to return the Request Params object */
327
+ getRequestParams: _propTypes["default"].func,
328
+ /** If refreshFeature is true will have refresh option on table */
329
+ refreshFeature: _propTypes["default"].bool,
330
+ /** refresh icon class */
331
+ refreshIconClass: _propTypes["default"].string,
332
+ /** spinnerIcon is used when we have refreshFeature equal to true */
333
+ spinnerIconClass: _propTypes["default"].string,
334
+ /** If on table refresh we want to handle something we can add it in call back */
335
+ onRefreshCB: _propTypes["default"].func
336
+ });
337
+ TableOld.defaultProps = _objectSpread(_objectSpread({}, _BaseTable["default"].defaultProps), {}, {
338
+ pageSizeList: [{
339
+ id: "10",
340
+ name: "10"
341
+ }, {
342
+ id: "20",
343
+ name: "20"
344
+ }, {
345
+ id: "50",
346
+ name: "50"
347
+ }, {
348
+ id: "100",
349
+ name: "100"
350
+ }],
351
+ showPaginateBar: true,
352
+ paginationPosition: "TOP",
353
+ paginationType: "CLIENT",
354
+ pageNoKey: "page",
355
+ perPageKey: "count",
356
+ omitProps: "",
357
+ getRequestKeys: function getRequestKeys() {
358
+ return {};
359
+ },
360
+ getUrlParams: function getUrlParams() {
361
+ return {};
362
+ },
363
+ getRequestParams: function getRequestParams() {
364
+ return {};
365
+ }
366
+ });
367
+ var _default = exports["default"] = TableOld;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "TableOld", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _TableOld["default"];
10
+ }
11
+ });
12
+ exports["default"] = void 0;
13
+ var _TableOld = _interopRequireDefault(require("./TableOld"));
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
15
+ var _default = exports["default"] = _TableOld["default"];
@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _List = _interopRequireDefault(require("../List"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
14
13
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
15
14
  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."); }
16
15
  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }