@unbxd-ui/unbxd-react-components 0.2.101-beta.4 → 0.2.101-beta.5

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 (70) hide show
  1. package/components/Accordian/Accordian.js +13 -45
  2. package/components/Accordian/Accordian.stories.js +6 -25
  3. package/components/Accordian/index.js +0 -3
  4. package/components/Button/Button.js +9 -26
  5. package/components/Button/Button.stories.js +1 -14
  6. package/components/Button/DropdownButton.js +9 -31
  7. package/components/Button/DropdownButton.stories.js +6 -23
  8. package/components/Button/index.js +1 -8
  9. package/components/DataLoader/DataLoader.js +10 -40
  10. package/components/DataLoader/DataLoader.stories.js +5 -30
  11. package/components/DataLoader/index.js +0 -3
  12. package/components/Form/Checkbox.js +14 -42
  13. package/components/Form/DragDropFileUploader.js +12 -42
  14. package/components/Form/Dropdown.js +77 -172
  15. package/components/Form/FileUploader.js +10 -32
  16. package/components/Form/Form.js +15 -45
  17. package/components/Form/FormElementWrapper.js +2 -7
  18. package/components/Form/Input.js +27 -72
  19. package/components/Form/RadioList.js +17 -48
  20. package/components/Form/RangeSlider.js +32 -72
  21. package/components/Form/ServerPaginatedDDList.js +74 -125
  22. package/components/Form/Textarea.js +18 -43
  23. package/components/Form/Toggle.js +16 -48
  24. package/components/Form/index.js +18 -30
  25. package/components/Form/stories/Checkbox.stories.js +1 -12
  26. package/components/Form/stories/DragDropFileUploader.stories.js +0 -8
  27. package/components/Form/stories/Dropdown.stories.js +6 -24
  28. package/components/Form/stories/FileUploader.stories.js +0 -8
  29. package/components/Form/stories/FormDefault.stories.js +1 -21
  30. package/components/Form/stories/RadioList.stories.js +1 -12
  31. package/components/Form/stories/RangeSlider.stories.js +1 -15
  32. package/components/Form/stories/TextInput.stories.js +3 -19
  33. package/components/Form/stories/Textarea.stories.js +1 -12
  34. package/components/Form/stories/Toggle.stories.js +0 -7
  35. package/components/Form/stories/form.stories.js +3 -40
  36. package/components/InlineModal/InlineModal.js +14 -51
  37. package/components/InlineModal/InlineModal.stories.js +2 -14
  38. package/components/InlineModal/index.js +1 -6
  39. package/components/List/List.js +9 -24
  40. package/components/List/index.js +0 -3
  41. package/components/List/list.stories.js +0 -10
  42. package/components/Modal/Modal.js +17 -49
  43. package/components/Modal/Modal.stories.js +1 -15
  44. package/components/Modal/index.js +0 -3
  45. package/components/NotificationComponent/NotificationComponent.js +11 -34
  46. package/components/NotificationComponent/NotificationComponent.stories.js +0 -6
  47. package/components/NotificationComponent/index.js +0 -3
  48. package/components/ProgressBar/ProgressBar.js +2 -11
  49. package/components/ProgressBar/ProgressBar.stories.js +0 -6
  50. package/components/ProgressBar/index.js +0 -3
  51. package/components/Table/BaseTable.js +69 -134
  52. package/components/Table/PaginationComponent.js +11 -23
  53. package/components/Table/Table.js +68 -149
  54. package/components/Table/Table.stories.js +22 -67
  55. package/components/Table/index.js +0 -4
  56. package/components/TabsComponent/TabsComponent.js +20 -57
  57. package/components/TabsComponent/TabsComponent.stories.js +0 -16
  58. package/components/TabsComponent/index.js +0 -3
  59. package/components/Tooltip/Tooltip.js +15 -46
  60. package/components/Tooltip/Tooltip.stories.js +0 -6
  61. package/components/Tooltip/index.js +0 -3
  62. package/components/index.js +1 -17
  63. package/core/Validators.js +1 -5
  64. package/core/customHooks.js +4 -14
  65. package/core/dataLoader.js +28 -67
  66. package/core/dataLoader.stories.js +12 -42
  67. package/core/index.js +6 -10
  68. package/core/utils.js +10 -18
  69. package/index.js +0 -4
  70. package/package.json +1 -1
@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.SimpleUsage = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
14
10
  var CustomActivator = function CustomActivator() {
15
11
  return /*#__PURE__*/_react["default"].createElement("span", null, "Hover over me");
16
12
  };
17
-
18
13
  var SimpleUsage = function SimpleUsage() {
19
14
  return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
20
15
  tooltipActivator: /*#__PURE__*/_react["default"].createElement(CustomActivator, null)
@@ -23,7 +18,6 @@ var SimpleUsage = function SimpleUsage() {
23
18
  width: 20
24
19
  }), "This is a sample tooltip");
25
20
  };
26
-
27
21
  exports.SimpleUsage = SimpleUsage;
28
22
  var _default = {
29
23
  title: "Tooltip"
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
9
  var _default = _Tooltip["default"];
13
10
  exports["default"] = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
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); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -143,33 +142,18 @@ Object.defineProperty(exports, "Tooltip", {
143
142
  return _Tooltip["default"];
144
143
  }
145
144
  });
146
-
147
145
  var _Button = _interopRequireWildcard(require("./Button"));
148
-
149
146
  var _List = _interopRequireDefault(require("./List"));
150
-
151
147
  var _Modal = _interopRequireDefault(require("./Modal"));
152
-
153
148
  var _InlineModal = _interopRequireDefault(require("./InlineModal"));
154
-
155
149
  var _DataLoader = _interopRequireDefault(require("./DataLoader"));
156
-
157
150
  var _Form = _interopRequireWildcard(require("./Form"));
158
-
159
151
  var _Table = _interopRequireWildcard(require("./Table"));
160
-
161
152
  var _TabsComponent = _interopRequireDefault(require("./TabsComponent"));
162
-
163
153
  var _NotificationComponent = _interopRequireDefault(require("./NotificationComponent"));
164
-
165
154
  var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
166
-
167
155
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
168
-
169
156
  var _Accordian = _interopRequireDefault(require("./Accordian"));
170
-
171
157
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
172
-
173
158
  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); }
174
-
175
159
  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; }
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _utils = _interopRequireDefault(require("./utils"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
9
  var VALIDATORS = {
13
10
  EMAIL: function EMAIL() {
14
11
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
@@ -35,12 +32,11 @@ var VALIDATORS = {
35
32
  if (_utils["default"].isArray(value) && value.length == 0 || value !== 0 && !value) {
36
33
  return false;
37
34
  }
38
-
39
35
  return true;
40
36
  },
41
37
  CUSTOM: function CUSTOM(value, validationObj) {
42
38
  var _validationObj$valida = validationObj.validator,
43
- validator = _validationObj$valida === void 0 ? function () {} : _validationObj$valida;
39
+ validator = _validationObj$valida === void 0 ? function () {} : _validationObj$valida;
44
40
  return validator.call(null, value, validationObj);
45
41
  }
46
42
  };
@@ -5,33 +5,23 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useDidUpdateEffect = useDidUpdateEffect;
7
7
  exports.useForceUpdate = useForceUpdate;
8
-
9
8
  var _react = require("react");
10
-
11
9
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
-
13
10
  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."); }
14
-
15
11
  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); }
16
-
17
- 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; }
18
-
19
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
20
-
12
+ 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; }
13
+ 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; } }
21
14
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
-
23
15
  function useDidUpdateEffect(fn, inputs) {
24
16
  var didMountRef = (0, _react.useRef)(false);
25
17
  (0, _react.useEffect)(function () {
26
18
  if (didMountRef.current) fn();else didMountRef.current = true;
27
19
  }, inputs);
28
20
  }
29
-
30
21
  function useForceUpdate() {
31
22
  var _useState = (0, _react.useState)(0),
32
- _useState2 = _slicedToArray(_useState, 2),
33
- setTick = _useState2[1];
34
-
23
+ _useState2 = _slicedToArray(_useState, 2),
24
+ setTick = _useState2[1];
35
25
  var update = (0, _react.useCallback)(function () {
36
26
  setTick(function (tick) {
37
27
  return tick + 1;
@@ -4,53 +4,37 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _bluebird = require("bluebird");
9
-
10
8
  var _whatwgFetch = require("whatwg-fetch");
11
-
12
9
  var _utils = _interopRequireDefault(require("./utils"));
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
17
-
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
19
-
11
+ 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); }
12
+ 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; }
13
+ 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; }
20
14
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
21
-
22
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
23
-
24
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
25
-
26
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
27
-
15
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
16
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
17
+ 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; }
18
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
+ 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); }
28
20
  var UNAUTHORIZED = 401,
29
- NOT_FOUND = 404;
30
-
21
+ NOT_FOUND = 404;
31
22
  var DataLoader = /*#__PURE__*/function () {
32
23
  function DataLoader() {
33
24
  _classCallCheck(this, DataLoader);
34
-
35
25
  _defineProperty(this, "_requestsMap", {});
36
-
37
26
  _defineProperty(this, "_commonHeaders", {});
38
-
39
27
  _defineProperty(this, "_responseParser", function (x) {
40
28
  return x;
41
29
  });
42
-
43
30
  _defineProperty(this, "_requestParser", function (x) {
44
31
  return x;
45
32
  });
46
-
47
33
  _defineProperty(this, "_exceptionHandler", function (x) {
48
34
  return x;
49
35
  });
50
-
51
36
  _defineProperty(this, "_middlewares", {});
52
37
  }
53
-
54
38
  _createClass(DataLoader, [{
55
39
  key: "setCommonHeaders",
56
40
  value: function setCommonHeaders(headers) {
@@ -80,28 +64,24 @@ var DataLoader = /*#__PURE__*/function () {
80
64
  key: "getRequestMiddleware",
81
65
  value: function getRequestMiddleware(requestId) {
82
66
  var requestMiddleware = function requestMiddleware(x) {
83
- return x;
84
- },
85
- middleware = this._middlewares[requestId];
86
-
67
+ return x;
68
+ },
69
+ middleware = this._middlewares[requestId];
87
70
  if (typeof middleware !== "undefined" && typeof middleware.reqParser === "function") {
88
71
  requestMiddleware = middleware.reqParser;
89
72
  }
90
-
91
73
  return requestMiddleware;
92
74
  }
93
75
  }, {
94
76
  key: "getResponseMiddleware",
95
77
  value: function getResponseMiddleware(requestId) {
96
78
  var responseMiddleware = function responseMiddleware(x) {
97
- return x;
98
- },
99
- middleware = this._middlewares[requestId];
100
-
79
+ return x;
80
+ },
81
+ middleware = this._middlewares[requestId];
101
82
  if (typeof middleware !== "undefined" && typeof middleware.resParser === "function") {
102
83
  responseMiddleware = middleware.resParser;
103
84
  }
104
-
105
85
  return responseMiddleware;
106
86
  }
107
87
  }, {
@@ -116,7 +96,6 @@ var DataLoader = /*#__PURE__*/function () {
116
96
  var responseParser = this.getResponseMiddleware(requestId);
117
97
  var commonParser = this._responseParser;
118
98
  /* parse through common parser */
119
-
120
99
  response = typeof commonParser === "function" ? commonParser(response, requestId, headers, status) : response;
121
100
  return responseParser(response, requestId, headers, status);
122
101
  }
@@ -124,18 +103,17 @@ var DataLoader = /*#__PURE__*/function () {
124
103
  key: "getRequestDef",
125
104
  value: function getRequestDef(_ref) {
126
105
  var _this = this;
127
-
128
106
  var requestId = _ref.requestId,
129
- _ref$urlParams = _ref.urlParams,
130
- urlParams = _ref$urlParams === void 0 ? {} : _ref$urlParams,
131
- _ref$params = _ref.params,
132
- params = _ref$params === void 0 ? {} : _ref$params,
133
- _ref$headers = _ref.headers,
134
- headers = _ref$headers === void 0 ? {} : _ref$headers;
107
+ _ref$urlParams = _ref.urlParams,
108
+ urlParams = _ref$urlParams === void 0 ? {} : _ref$urlParams,
109
+ _ref$params = _ref.params,
110
+ params = _ref$params === void 0 ? {} : _ref$params,
111
+ _ref$headers = _ref.headers,
112
+ headers = _ref$headers === void 0 ? {} : _ref$headers;
135
113
  var requestConfig = this._requestsMap[requestId];
136
114
  var url = requestConfig.url,
137
- _requestConfig$method = requestConfig.method,
138
- method = _requestConfig$method === void 0 ? "GET" : _requestConfig$method;
115
+ _requestConfig$method = requestConfig.method,
116
+ method = _requestConfig$method === void 0 ? "GET" : _requestConfig$method;
139
117
  var finalRequestParams = this.getRequestParams(requestId, params);
140
118
  var requestUrl = typeof url === "function" ? url(urlParams) : url;
141
119
  var reqMethod = method.toLowerCase();
@@ -144,42 +122,34 @@ var DataLoader = /*#__PURE__*/function () {
144
122
  headers: _objectSpread(_objectSpread({}, this._commonHeaders), headers)
145
123
  };
146
124
  var requestHeaders = requestMetadata.headers;
147
-
148
125
  for (var header in requestHeaders) {
149
126
  if (requestHeaders[header] === null) {
150
127
  /* if header is set as null, delete it from the headers list */
151
128
  delete requestHeaders[header];
152
129
  }
153
130
  }
154
-
155
131
  if (reqMethod === "get") {
156
132
  requestUrl = "".concat(requestUrl, "?").concat(_utils["default"].getQueryParams(finalRequestParams));
157
133
  } else if (["post", "delete", "put", "patch"].indexOf(reqMethod) > -1) {
158
134
  requestMetadata.body = JSON.stringify(finalRequestParams);
159
135
  } else if (reqMethod === "form_post" || reqMethod === "upload") {
160
136
  var formData = new FormData();
161
-
162
137
  for (var key in finalRequestParams) {
163
138
  formData.append(key, finalRequestParams[key]);
164
139
  }
165
-
166
140
  requestMetadata.body = formData;
167
141
  delete requestHeaders["Content-Type"];
168
142
  }
169
-
170
143
  return new _bluebird.Promise(function (resolve, reject) {
171
144
  return (0, _whatwgFetch.fetch)(requestUrl, requestMetadata).then(function (response) {
172
145
  var status = response.status,
173
- statusText = response.statusText,
174
- headers = response.headers;
175
-
146
+ statusText = response.statusText,
147
+ headers = response.headers;
176
148
  if (status === UNAUTHORIZED || status === NOT_FOUND) {
177
149
  _this._exceptionHandler(response);
178
-
179
150
  reject(response);
180
151
  } else {
181
152
  var stringStatus = status.toString();
182
-
183
153
  if (stringStatus.indexOf("2") === 0 || stringStatus.indexOf("4") === 0) {
184
154
  /* Success : 2** response code, or 4** response code */
185
155
  return response.json().then(function (data) {
@@ -191,21 +161,17 @@ var DataLoader = /*#__PURE__*/function () {
191
161
  });
192
162
  } else {
193
163
  _this._exceptionHandler(statusText);
194
-
195
164
  reject(statusText);
196
165
  }
197
166
  }
198
167
  }).then(function (_ref2) {
199
168
  var headers = _ref2.headers,
200
- json = _ref2.json,
201
- status = _ref2.status;
202
-
169
+ json = _ref2.json,
170
+ status = _ref2.status;
203
171
  var parsedResponse = _this.parseResponseData(requestId, json, headers, status);
204
-
205
172
  resolve(parsedResponse);
206
173
  })["catch"](function (exception) {
207
174
  _this._exceptionHandler(exception);
208
-
209
175
  reject(exception);
210
176
  });
211
177
  });
@@ -214,22 +180,17 @@ var DataLoader = /*#__PURE__*/function () {
214
180
  key: "addMiddleware",
215
181
  value: function addMiddleware(requestId, _ref3) {
216
182
  var requestParser = _ref3.requestParser,
217
- responseParser = _ref3.responseParser;
218
-
183
+ responseParser = _ref3.responseParser;
219
184
  if (typeof this._middlewares[requestId] !== "undefined") {
220
185
  throw new Error("Middleware for ".concat(requestId, " already exists"));
221
186
  }
222
-
223
187
  this._middlewares[requestId] = {
224
188
  reqParser: requestParser,
225
189
  resParser: responseParser
226
190
  };
227
191
  }
228
192
  }]);
229
-
230
193
  return DataLoader;
231
194
  }();
232
-
233
195
  var _default = new DataLoader();
234
-
235
196
  exports["default"] = _default;
@@ -1,66 +1,47 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
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); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.SimpleUsage = exports.ResponseMiddleware = exports.RequestMiddleware = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _dataLoader = _interopRequireDefault(require("./dataLoader"));
13
-
14
10
  var _List = _interopRequireDefault(require("../components/List"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
23
-
24
15
  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."); }
25
-
26
16
  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); }
27
-
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
-
30
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
31
-
17
+ 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; }
18
+ 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; } }
32
19
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
33
-
34
20
  _dataLoader["default"].addRequestConfig("getUsers", {
35
21
  method: "GET",
36
22
  url: "https://jsonplaceholder.typicode.com/users"
37
23
  });
38
-
39
24
  _dataLoader["default"].addRequestConfig("getTodo", {
40
25
  method: "GET",
41
26
  url: function url(params) {
42
27
  return "https://jsonplaceholder.typicode.com/todos/".concat(params.todoId);
43
28
  }
44
29
  });
45
-
46
30
  _dataLoader["default"].addRequestConfig("getPost", {
47
31
  method: "GET",
48
32
  url: function url(params) {
49
33
  return "https://jsonplaceholder.typicode.com/posts/".concat(params.id);
50
34
  }
51
35
  });
52
-
53
36
  var SimpleUsage = function SimpleUsage() {
54
37
  var _useState = (0, _react.useState)([]),
55
- _useState2 = _slicedToArray(_useState, 2),
56
- data = _useState2[0],
57
- setData = _useState2[1];
58
-
38
+ _useState2 = _slicedToArray(_useState, 2),
39
+ data = _useState2[0],
40
+ setData = _useState2[1];
59
41
  (0, _react.useEffect)(function () {
60
42
  var def = _dataLoader["default"].getRequestDef({
61
43
  requestId: "getUsers"
62
44
  });
63
-
64
45
  def.done(function (response) {
65
46
  setData(response);
66
47
  });
@@ -72,15 +53,12 @@ var SimpleUsage = function SimpleUsage() {
72
53
  items: data
73
54
  }));
74
55
  };
75
-
76
56
  exports.SimpleUsage = SimpleUsage;
77
-
78
57
  var RequestMiddleware = function RequestMiddleware() {
79
58
  var _useState3 = (0, _react.useState)([]),
80
- _useState4 = _slicedToArray(_useState3, 2),
81
- data = _useState4[0],
82
- setData = _useState4[1];
83
-
59
+ _useState4 = _slicedToArray(_useState3, 2),
60
+ data = _useState4[0],
61
+ setData = _useState4[1];
84
62
  var title = data.title;
85
63
  (0, _react.useEffect)(function () {
86
64
  _dataLoader["default"].addMiddleware("getTodo", {
@@ -90,7 +68,6 @@ var RequestMiddleware = function RequestMiddleware() {
90
68
  };
91
69
  }
92
70
  });
93
-
94
71
  var def = _dataLoader["default"].getRequestDef({
95
72
  requestId: "getTodo",
96
73
  params: {
@@ -100,7 +77,6 @@ var RequestMiddleware = function RequestMiddleware() {
100
77
  todoId: 1
101
78
  }
102
79
  });
103
-
104
80
  def.done(function (response) {
105
81
  setData(response);
106
82
  });
@@ -110,15 +86,12 @@ var RequestMiddleware = function RequestMiddleware() {
110
86
  }, []);
111
87
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Use the ", /*#__PURE__*/_react["default"].createElement("code", null, "addMiddleware"), " functionality to add request middleware code to parse/modify the request data before sending it to the API."), /*#__PURE__*/_react["default"].createElement("div", null, "Todo name is ", title));
112
88
  };
113
-
114
89
  exports.RequestMiddleware = RequestMiddleware;
115
-
116
90
  var ResponseMiddleware = function ResponseMiddleware() {
117
91
  var _useState5 = (0, _react.useState)([]),
118
- _useState6 = _slicedToArray(_useState5, 2),
119
- data = _useState6[0],
120
- setData = _useState6[1];
121
-
92
+ _useState6 = _slicedToArray(_useState5, 2),
93
+ data = _useState6[0],
94
+ setData = _useState6[1];
122
95
  var postName = data.postName;
123
96
  (0, _react.useEffect)(function () {
124
97
  _dataLoader["default"].addMiddleware("getPost", {
@@ -128,14 +101,12 @@ var ResponseMiddleware = function ResponseMiddleware() {
128
101
  };
129
102
  }
130
103
  });
131
-
132
104
  var def = _dataLoader["default"].getRequestDef({
133
105
  requestId: "getPost",
134
106
  urlParams: {
135
107
  id: 1
136
108
  }
137
109
  });
138
-
139
110
  def.done(function (response) {
140
111
  setData(response);
141
112
  });
@@ -145,7 +116,6 @@ var ResponseMiddleware = function ResponseMiddleware() {
145
116
  }, []);
146
117
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Use the ", /*#__PURE__*/_react["default"].createElement("code", null, "addMiddleware"), " functionality to add response middleware code to parse/modify the response data before using it in the component"), /*#__PURE__*/_react["default"].createElement("div", null, "Post name is ", postName));
147
118
  };
148
-
149
119
  exports.ResponseMiddleware = ResponseMiddleware;
150
120
  var _default = {
151
121
  title: "Data fetching|dataLoader (instance)"
package/core/index.js CHANGED
@@ -6,26 +6,22 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "customHooks", {
7
7
  enumerable: true,
8
8
  get: function get() {
9
- return _customHooks2["default"];
9
+ return _customHooks["default"];
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "dataLoader", {
13
13
  enumerable: true,
14
14
  get: function get() {
15
- return _dataLoader2["default"];
15
+ return _dataLoader["default"];
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "utils", {
19
19
  enumerable: true,
20
20
  get: function get() {
21
- return _utils2["default"];
21
+ return _utils["default"];
22
22
  }
23
23
  });
24
-
25
- var _dataLoader2 = _interopRequireDefault(require("./dataLoader"));
26
-
27
- var _utils2 = _interopRequireDefault(require("./utils"));
28
-
29
- var _customHooks2 = _interopRequireDefault(require("./customHooks"));
30
-
24
+ var _dataLoader = _interopRequireDefault(require("./dataLoader"));
25
+ var _utils = _interopRequireDefault(require("./utils"));
26
+ var _customHooks = _interopRequireDefault(require("./customHooks"));
31
27
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
package/core/utils.js CHANGED
@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _Validators = _interopRequireDefault(require("./Validators"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
13
-
14
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
15
-
16
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
-
9
+ 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); }
10
+ 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; }
11
+ 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; }
12
+ 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; }
13
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
14
+ 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); }
18
15
  var uniqueCounter = 1;
19
16
  var utils = {
20
17
  configs: {},
@@ -40,7 +37,7 @@ var utils = {
40
37
  },
41
38
  getPagIndex: function getPagIndex(pageConfig) {
42
39
  var perPageCount = pageConfig.perPageCount,
43
- pageNo = pageConfig.pageNo;
40
+ pageNo = pageConfig.pageNo;
44
41
  var startIndex = (pageNo - 1) * perPageCount;
45
42
  var endIndex = pageNo * perPageCount;
46
43
  return {
@@ -52,13 +49,11 @@ var utils = {
52
49
  var object = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
53
50
  var omitKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
54
51
  var newObject = {};
55
-
56
52
  for (var key in object) {
57
53
  if (omitKeys.indexOf(key) === -1) {
58
54
  newObject[key] = object[key];
59
55
  }
60
56
  }
61
-
62
57
  return newObject;
63
58
  },
64
59
  getUniqueId: function getUniqueId() {
@@ -71,7 +66,7 @@ var utils = {
71
66
  var timeout;
72
67
  return function () {
73
68
  var context = this,
74
- args = arguments;
69
+ args = arguments;
75
70
  clearTimeout(timeout);
76
71
  timeout = setTimeout(function () {
77
72
  timeout = null;
@@ -82,20 +77,17 @@ var utils = {
82
77
  checkIfValid: function checkIfValid(value, validations) {
83
78
  var isValidValue = true;
84
79
  var errorMessage;
85
-
86
80
  for (var i = 0; i < validations.length; i++) {
87
81
  var validationObj = validations[i];
88
82
  var type = validationObj.type,
89
- _validationObj$messag = validationObj.message,
90
- message = _validationObj$messag === void 0 ? "Invalid field value" : _validationObj$messag;
83
+ _validationObj$messag = validationObj.message,
84
+ message = _validationObj$messag === void 0 ? "Invalid field value" : _validationObj$messag;
91
85
  isValidValue = _Validators["default"][type](value, validationObj);
92
-
93
86
  if (!isValidValue) {
94
87
  errorMessage = message;
95
88
  break;
96
89
  }
97
90
  }
98
-
99
91
  return {
100
92
  isValid: isValidValue,
101
93
  error: errorMessage