@unbxd-ui/unbxd-react-components 0.2.101-beta.4 → 0.2.101-beta.6
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.
- package/components/Accordian/Accordian.js +13 -45
- package/components/Accordian/Accordian.stories.js +6 -25
- package/components/Accordian/index.js +0 -3
- package/components/Button/Button.js +9 -26
- package/components/Button/Button.stories.js +1 -14
- package/components/Button/DropdownButton.js +9 -31
- package/components/Button/DropdownButton.stories.js +6 -23
- package/components/Button/index.js +1 -8
- package/components/DataLoader/DataLoader.js +10 -40
- package/components/DataLoader/DataLoader.stories.js +5 -30
- package/components/DataLoader/index.js +0 -3
- package/components/Form/Checkbox.js +14 -42
- package/components/Form/DragDropFileUploader.js +12 -42
- package/components/Form/Dropdown.js +77 -172
- package/components/Form/FileUploader.js +10 -32
- package/components/Form/Form.js +15 -45
- package/components/Form/FormElementWrapper.js +2 -7
- package/components/Form/Input.js +27 -72
- package/components/Form/RadioList.js +17 -48
- package/components/Form/RangeSlider.js +32 -72
- package/components/Form/ServerPaginatedDDList.js +74 -125
- package/components/Form/Textarea.js +18 -43
- package/components/Form/Toggle.js +16 -48
- package/components/Form/index.js +18 -30
- package/components/Form/stories/Checkbox.stories.js +1 -12
- package/components/Form/stories/DragDropFileUploader.stories.js +0 -8
- package/components/Form/stories/Dropdown.stories.js +6 -24
- package/components/Form/stories/FileUploader.stories.js +0 -8
- package/components/Form/stories/FormDefault.stories.js +1 -21
- package/components/Form/stories/RadioList.stories.js +1 -12
- package/components/Form/stories/RangeSlider.stories.js +1 -15
- package/components/Form/stories/TextInput.stories.js +3 -19
- package/components/Form/stories/Textarea.stories.js +1 -12
- package/components/Form/stories/Toggle.stories.js +0 -7
- package/components/Form/stories/form.stories.js +3 -40
- package/components/InlineModal/InlineModal.js +14 -51
- package/components/InlineModal/InlineModal.stories.js +2 -14
- package/components/InlineModal/index.js +1 -6
- package/components/List/List.js +9 -24
- package/components/List/index.js +0 -3
- package/components/List/list.stories.js +0 -10
- package/components/Modal/Modal.js +17 -49
- package/components/Modal/Modal.stories.js +1 -15
- package/components/Modal/index.js +0 -3
- package/components/NotificationComponent/NotificationComponent.js +11 -34
- package/components/NotificationComponent/NotificationComponent.stories.js +0 -6
- package/components/NotificationComponent/index.js +0 -3
- package/components/ProgressBar/ProgressBar.js +2 -11
- package/components/ProgressBar/ProgressBar.stories.js +0 -6
- package/components/ProgressBar/index.js +0 -3
- package/components/Table/BaseTable.js +69 -134
- package/components/Table/PaginationComponent.js +11 -23
- package/components/Table/Table.js +68 -149
- package/components/Table/Table.stories.js +22 -67
- package/components/Table/index.js +0 -4
- package/components/TabsComponent/TabsComponent.js +20 -57
- package/components/TabsComponent/TabsComponent.stories.js +0 -16
- package/components/TabsComponent/index.js +0 -3
- package/components/Tooltip/Tooltip.js +15 -46
- package/components/Tooltip/Tooltip.stories.js +0 -6
- package/components/Tooltip/index.js +0 -3
- package/components/index.js +1 -17
- package/core/Validators.js +1 -5
- package/core/customHooks.js +4 -14
- package/core/dataLoader.js +28 -67
- package/core/dataLoader.stories.js +12 -42
- package/core/index.js +6 -10
- package/core/utils.js +10 -18
- package/index.js +0 -4
- package/package.json +2 -2
|
@@ -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;
|
package/components/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
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; }
|
package/core/Validators.js
CHANGED
|
@@ -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
|
-
|
|
39
|
+
validator = _validationObj$valida === void 0 ? function () {} : _validationObj$valida;
|
|
44
40
|
return validator.call(null, value, validationObj);
|
|
45
41
|
}
|
|
46
42
|
};
|
package/core/customHooks.js
CHANGED
|
@@ -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
|
|
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
|
-
|
|
33
|
-
|
|
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;
|
package/core/dataLoader.js
CHANGED
|
@@ -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);
|
|
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
|
|
23
|
-
|
|
24
|
-
function
|
|
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
|
-
|
|
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
|
-
|
|
84
|
-
|
|
85
|
-
|
|
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
|
-
|
|
98
|
-
|
|
99
|
-
|
|
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
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
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
|
-
|
|
138
|
-
|
|
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
|
-
|
|
174
|
-
|
|
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
|
-
|
|
201
|
-
|
|
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
|
-
|
|
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";
|
|
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
|
|
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
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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
|
-
|
|
81
|
-
|
|
82
|
-
|
|
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
|
-
|
|
119
|
-
|
|
120
|
-
|
|
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
|
|
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
|
|
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
|
|
21
|
+
return _utils["default"];
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
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);
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
function
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
90
|
-
|
|
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
|