@civet/core 0.6.9 → 1.0.0-rc3
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/lib/AbortSignal.js +48 -5
- package/lib/ConfigProvider.js +9 -13
- package/lib/{DataStore.js → DataProvider.js} +111 -54
- package/lib/Meta.js +4 -1
- package/lib/Resource.js +47 -380
- package/lib/context.js +4 -8
- package/lib/createPlugin.js +8 -8
- package/lib/index.js +7 -15
- package/lib/useResource.js +264 -0
- package/package.json +6 -6
- package/src/AbortSignal.js +44 -5
- package/src/ConfigProvider.js +5 -5
- package/src/DataProvider.js +182 -0
- package/src/Meta.js +4 -1
- package/src/Resource.js +23 -246
- package/src/context.js +3 -3
- package/src/createPlugin.js +6 -6
- package/src/index.js +1 -2
- package/src/useResource.js +203 -0
- package/lib/DefaultDataStore.js +0 -93
- package/src/DataStore.js +0 -141
- package/src/DefaultDataStore.js +0 -38
package/lib/Resource.js
CHANGED
|
@@ -1,393 +1,83 @@
|
|
|
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
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports["default"] = void 0;
|
|
9
7
|
|
|
10
|
-
var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
|
|
11
|
-
|
|
12
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
9
|
|
|
14
|
-
var _react =
|
|
15
|
-
|
|
16
|
-
var _AbortSignal = _interopRequireDefault(require("./AbortSignal"));
|
|
17
|
-
|
|
18
|
-
var _context2 = require("./context");
|
|
19
|
-
|
|
20
|
-
var _DataStore = require("./DataStore");
|
|
21
|
-
|
|
22
|
-
var _Meta = _interopRequireDefault(require("./Meta"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
23
11
|
|
|
24
|
-
var
|
|
12
|
+
var _context = require("./context");
|
|
25
13
|
|
|
26
|
-
var
|
|
27
|
-
_excluded2 = ["data"],
|
|
28
|
-
_excluded3 = ["children"];
|
|
14
|
+
var _DataProvider = require("./DataProvider");
|
|
29
15
|
|
|
30
|
-
|
|
16
|
+
var _useResource = _interopRequireDefault(require("./useResource"));
|
|
31
17
|
|
|
32
|
-
|
|
18
|
+
var _excluded = ["dataProvider", "name", "query", "empty", "options", "persistent", "children"];
|
|
33
19
|
|
|
34
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
35
21
|
|
|
36
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
37
|
-
|
|
38
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
39
|
-
|
|
40
|
-
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; }
|
|
41
|
-
|
|
42
|
-
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; }
|
|
43
|
-
|
|
44
22
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
45
23
|
|
|
46
|
-
function
|
|
47
|
-
|
|
48
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
49
|
-
|
|
50
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
51
|
-
|
|
52
|
-
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); } }
|
|
53
|
-
|
|
54
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
55
|
-
|
|
56
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
57
|
-
|
|
58
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
59
|
-
|
|
60
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
61
|
-
|
|
62
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
63
|
-
|
|
64
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
65
|
-
|
|
66
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
67
|
-
|
|
68
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
24
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
69
25
|
|
|
70
|
-
function
|
|
26
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
71
27
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
28
|
+
/**
|
|
29
|
+
* Makes data from an DataProvider available to its descendants using React's context API.
|
|
30
|
+
* If not explicitly specified, necessary configuration is taken from the nearest <ConfigProvider>.
|
|
31
|
+
* The provided DataProvider must not be replaced.
|
|
32
|
+
*/
|
|
33
|
+
function Resource(_ref) {
|
|
34
|
+
var dataProvider = _ref.dataProvider,
|
|
35
|
+
name = _ref.name,
|
|
75
36
|
query = _ref.query,
|
|
76
37
|
empty = _ref.empty,
|
|
77
|
-
options = _ref.options
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
query: query,
|
|
82
|
-
empty: empty,
|
|
83
|
-
options: options
|
|
84
|
-
};
|
|
85
|
-
}
|
|
38
|
+
options = _ref.options,
|
|
39
|
+
persistent = _ref.persistent,
|
|
40
|
+
children = _ref.children,
|
|
41
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
86
42
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
return (0, _fastDeepEqual["default"])(prevComparator, nextComparator);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
function getEmptyValue(_ref2, request, revision, empty) {
|
|
93
|
-
var name = _ref2.name,
|
|
94
|
-
ids = _ref2.ids,
|
|
95
|
-
query = _ref2.query,
|
|
96
|
-
options = _ref2.options,
|
|
97
|
-
dataStore = _ref2.dataStore;
|
|
98
|
-
return {
|
|
43
|
+
var context = (0, _useResource["default"])({
|
|
44
|
+
dataProvider: dataProvider,
|
|
99
45
|
name: name,
|
|
100
|
-
ids: ids,
|
|
101
46
|
query: query,
|
|
47
|
+
empty: empty,
|
|
102
48
|
options: options,
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Makes data from an DataStore available to its descendants using React's context API.
|
|
116
|
-
* If not explicitly specified, necessary configuration is taken from the nearest <ConfigProvider>.
|
|
117
|
-
*/
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
var Resource = /*#__PURE__*/function (_Component) {
|
|
121
|
-
_inherits(Resource, _Component);
|
|
122
|
-
|
|
123
|
-
var _super = _createSuper(Resource);
|
|
124
|
-
|
|
125
|
-
function Resource(props) {
|
|
126
|
-
var _this;
|
|
127
|
-
|
|
128
|
-
_classCallCheck(this, Resource);
|
|
129
|
-
|
|
130
|
-
_this = _super.call(this, props);
|
|
131
|
-
|
|
132
|
-
_defineProperty(_assertThisInitialized(_this), "notify", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
133
|
-
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
134
|
-
while (1) {
|
|
135
|
-
switch (_context.prev = _context.next) {
|
|
136
|
-
case 0:
|
|
137
|
-
return _context.abrupt("return", new Promise(function (resolve) {
|
|
138
|
-
_this.setState(function (currentState) {
|
|
139
|
-
if (currentState.ds == null || currentState.empty) return null;
|
|
140
|
-
var nextRevision = (0, _uniqueIdentifier["default"])(currentState.revision);
|
|
141
|
-
resolve({
|
|
142
|
-
request: currentState.request,
|
|
143
|
-
revision: nextRevision
|
|
144
|
-
});
|
|
145
|
-
return {
|
|
146
|
-
isLoading: true,
|
|
147
|
-
revision: nextRevision
|
|
148
|
-
};
|
|
149
|
-
});
|
|
150
|
-
}));
|
|
151
|
-
|
|
152
|
-
case 1:
|
|
153
|
-
case "end":
|
|
154
|
-
return _context.stop();
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
}, _callee);
|
|
158
|
-
})));
|
|
159
|
-
|
|
160
|
-
var empty = props.empty,
|
|
161
|
-
ds = props.dataStore,
|
|
162
|
-
persistent = props.persistent;
|
|
163
|
-
var request = (0, _uniqueIdentifier["default"])();
|
|
164
|
-
var revision = (0, _uniqueIdentifier["default"])();
|
|
165
|
-
var isEmpty = ds == null || empty;
|
|
166
|
-
_this.state = {
|
|
167
|
-
_: getComparator(props),
|
|
168
|
-
ds: ds,
|
|
169
|
-
request: request,
|
|
170
|
-
revision: revision,
|
|
171
|
-
isLoading: !isEmpty,
|
|
172
|
-
value: getEmptyValue(props, request, revision, isEmpty),
|
|
173
|
-
persistent: persistent
|
|
49
|
+
persistent: persistent
|
|
50
|
+
});
|
|
51
|
+
return context.dataProvider.uiPlugins.reduceRight(function (next, Plugin) {
|
|
52
|
+
return function (result) {
|
|
53
|
+
return (
|
|
54
|
+
/*#__PURE__*/
|
|
55
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
56
|
+
_react["default"].createElement(Plugin, _extends({}, rest, {
|
|
57
|
+
context: result
|
|
58
|
+
}), next)
|
|
59
|
+
);
|
|
174
60
|
};
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
var _this$props = this.props,
|
|
182
|
-
name = _this$props.name,
|
|
183
|
-
empty = _this$props.empty,
|
|
184
|
-
dataStore = _this$props.dataStore;
|
|
185
|
-
var _this$state = this.state,
|
|
186
|
-
request = _this$state.request,
|
|
187
|
-
revision = _this$state.revision;
|
|
188
|
-
if (dataStore == null || empty) return;
|
|
189
|
-
this.unsubscribe = dataStore.subscribe(name, this.notify);
|
|
190
|
-
this.fetch(request, revision);
|
|
191
|
-
}
|
|
192
|
-
}, {
|
|
193
|
-
key: "componentDidUpdate",
|
|
194
|
-
value: function componentDidUpdate(prevProps, prevState) {
|
|
195
|
-
var _this$props2 = this.props,
|
|
196
|
-
name = _this$props2.name,
|
|
197
|
-
empty = _this$props2.empty,
|
|
198
|
-
dataStore = _this$props2.dataStore;
|
|
199
|
-
var _this$state2 = this.state,
|
|
200
|
-
request = _this$state2.request,
|
|
201
|
-
revision = _this$state2.revision;
|
|
202
|
-
|
|
203
|
-
if (prevState.request !== request || prevState.revision !== revision) {
|
|
204
|
-
if (this.abortSignal) this.abortSignal.abort();
|
|
205
|
-
this.abortSignal = undefined;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
if (dataStore == null || prevProps.dataStore !== dataStore || prevProps.name !== name) {
|
|
209
|
-
if (this.unsubscribe) this.unsubscribe();
|
|
210
|
-
this.unsubscribe = undefined;
|
|
211
|
-
if (dataStore == null || empty) return;
|
|
212
|
-
this.unsubscribe = dataStore.subscribe(name, this.notify);
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
if ((prevState.request !== request || prevState.revision !== revision) && !empty) {
|
|
216
|
-
this.fetch(request, revision);
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
}, {
|
|
220
|
-
key: "componentWillUnmount",
|
|
221
|
-
value: function componentWillUnmount() {
|
|
222
|
-
this.isUnmounted = true;
|
|
223
|
-
if (this.unsubscribe) this.unsubscribe();
|
|
224
|
-
if (this.abortSignal) this.abortSignal.abort();
|
|
225
|
-
}
|
|
226
|
-
}, {
|
|
227
|
-
key: "fetch",
|
|
228
|
-
value: function fetch(request, revision) {
|
|
229
|
-
var _this2 = this;
|
|
230
|
-
|
|
231
|
-
var props = _extends({}, this.props);
|
|
232
|
-
|
|
233
|
-
var name = props.name,
|
|
234
|
-
ids = props.ids,
|
|
235
|
-
query = props.query,
|
|
236
|
-
options = props.options,
|
|
237
|
-
dataStore = props.dataStore;
|
|
238
|
-
var value = this.state.value;
|
|
239
|
-
|
|
240
|
-
if (this.isUnmounted) {
|
|
241
|
-
return;
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
var meta = new _Meta["default"](_objectSpread({}, value.meta));
|
|
245
|
-
var signal = new _AbortSignal["default"]();
|
|
246
|
-
this.abortSignal = signal;
|
|
247
|
-
|
|
248
|
-
var callback = function callback(error, done, data) {
|
|
249
|
-
if (_this2.isUnmounted) return;
|
|
250
|
-
|
|
251
|
-
_this2.setState(function (currentState) {
|
|
252
|
-
if (request !== currentState.request || revision !== currentState.revision) return null;
|
|
253
|
-
|
|
254
|
-
if (error != null) {
|
|
255
|
-
return {
|
|
256
|
-
isLoading: false,
|
|
257
|
-
value: _objectSpread(_objectSpread({}, currentState.value), {}, {
|
|
258
|
-
error: error,
|
|
259
|
-
isIncomplete: false
|
|
260
|
-
})
|
|
261
|
-
};
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
var _currentState$value = currentState.value,
|
|
265
|
-
prevData = _currentState$value.data,
|
|
266
|
-
prevContext = _objectWithoutProperties(_currentState$value, _excluded);
|
|
267
|
-
|
|
268
|
-
var _getEmptyValue = getEmptyValue(props, request, revision, false),
|
|
269
|
-
emptyData = _getEmptyValue.data,
|
|
270
|
-
emptyValue = _objectWithoutProperties(_getEmptyValue, _excluded2);
|
|
271
|
-
|
|
272
|
-
var context = _objectSpread(_objectSpread({}, emptyValue), {}, {
|
|
273
|
-
meta: meta.commit(prevContext.meta),
|
|
274
|
-
isIncomplete: !done,
|
|
275
|
-
isInitial: currentState.isInitial && !done
|
|
276
|
-
});
|
|
277
|
-
|
|
278
|
-
return {
|
|
279
|
-
isLoading: !done,
|
|
280
|
-
value: _objectSpread(_objectSpread({}, context), {}, {
|
|
281
|
-
data: dataStore.recycleItems(dataStore.transition(data, prevData, context, prevContext), prevData, context, prevContext)
|
|
282
|
-
})
|
|
283
|
-
};
|
|
284
|
-
});
|
|
285
|
-
};
|
|
286
|
-
|
|
287
|
-
dataStore.continuousGet(name, ids, query, options, meta, callback, signal);
|
|
288
|
-
}
|
|
289
|
-
}, {
|
|
290
|
-
key: "render",
|
|
291
|
-
value: function render() {
|
|
292
|
-
var _this$props3 = this.props,
|
|
293
|
-
children = _this$props3.children,
|
|
294
|
-
rest = _objectWithoutProperties(_this$props3, _excluded3);
|
|
295
|
-
|
|
296
|
-
var _this$state3 = this.state,
|
|
297
|
-
request = _this$state3.request,
|
|
298
|
-
isLoading = _this$state3.isLoading,
|
|
299
|
-
value = _this$state3.value;
|
|
300
|
-
if (value.dataStore == null) return null;
|
|
301
|
-
|
|
302
|
-
var contextValue = _objectSpread(_objectSpread({}, value), {}, {
|
|
303
|
-
isLoading: isLoading,
|
|
304
|
-
isStale: request !== value.request,
|
|
305
|
-
notify: this.notify
|
|
306
|
-
});
|
|
307
|
-
|
|
308
|
-
var plugins = Array.isArray(value.dataStore.resourcePlugins) ? value.dataStore.resourcePlugins : [];
|
|
309
|
-
|
|
310
|
-
var renderProvider = function renderProvider(context) {
|
|
311
|
-
return /*#__PURE__*/_react["default"].createElement(_context2.ResourceContext.Provider, {
|
|
312
|
-
value: context
|
|
313
|
-
}, children);
|
|
314
|
-
};
|
|
315
|
-
|
|
316
|
-
return plugins.reduceRight(function (next, Plugin) {
|
|
317
|
-
if (Plugin == null) return next;
|
|
318
|
-
return function (context) {
|
|
319
|
-
return (
|
|
320
|
-
/*#__PURE__*/
|
|
321
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
322
|
-
_react["default"].createElement(Plugin, _extends({}, rest, {
|
|
323
|
-
context: context
|
|
324
|
-
}), next)
|
|
325
|
-
);
|
|
326
|
-
};
|
|
327
|
-
}, renderProvider)(contextValue);
|
|
328
|
-
}
|
|
329
|
-
}], [{
|
|
330
|
-
key: "getDerivedStateFromProps",
|
|
331
|
-
value: function getDerivedStateFromProps(nextProps, prevState) {
|
|
332
|
-
var empty = nextProps.empty,
|
|
333
|
-
ds = nextProps.dataStore,
|
|
334
|
-
persistent = nextProps.persistent;
|
|
335
|
-
|
|
336
|
-
var _ = getComparator(nextProps);
|
|
337
|
-
|
|
338
|
-
if (prevState.ds !== ds || !compareRequests(ds, prevState._, _)) {
|
|
339
|
-
var request = (0, _uniqueIdentifier["default"])(prevState.request);
|
|
340
|
-
var revision = (0, _uniqueIdentifier["default"])(prevState.revision);
|
|
341
|
-
var isEmpty = ds == null || empty;
|
|
342
|
-
var nextState = {
|
|
343
|
-
_: _,
|
|
344
|
-
ds: ds,
|
|
345
|
-
request: request,
|
|
346
|
-
revision: revision,
|
|
347
|
-
isLoading: !isEmpty,
|
|
348
|
-
persistent: persistent
|
|
349
|
-
};
|
|
350
|
-
var isPersistent;
|
|
351
|
-
|
|
352
|
-
if (prevState.value.meta.persistent === 'very' || persistent === 'very' && prevState.persistent === 'very') {
|
|
353
|
-
isPersistent = 'very';
|
|
354
|
-
} else if (prevState.value.meta.persistent || persistent && prevState.persistent) {
|
|
355
|
-
isPersistent = true;
|
|
356
|
-
}
|
|
357
|
-
|
|
358
|
-
if (prevState.ds == null || prevState.ds !== ds || isEmpty || !isPersistent || isPersistent !== 'very' && prevState._.name !== _.name) {
|
|
359
|
-
nextState.value = getEmptyValue(nextProps, request, revision, isEmpty);
|
|
360
|
-
}
|
|
361
|
-
|
|
362
|
-
return nextState;
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
if (prevState.persistent !== persistent) {
|
|
366
|
-
return {
|
|
367
|
-
persistent: persistent
|
|
368
|
-
};
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
return null;
|
|
372
|
-
}
|
|
373
|
-
}]);
|
|
374
|
-
|
|
375
|
-
return Resource;
|
|
376
|
-
}(_react.Component);
|
|
61
|
+
}, function (result) {
|
|
62
|
+
return /*#__PURE__*/_react["default"].createElement(_context.ResourceContext.Provider, {
|
|
63
|
+
value: result
|
|
64
|
+
}, children);
|
|
65
|
+
})(context);
|
|
66
|
+
}
|
|
377
67
|
|
|
378
68
|
Resource.propTypes = {
|
|
379
69
|
/**
|
|
380
|
-
*
|
|
70
|
+
* DataProvider to be used for requests
|
|
381
71
|
*/
|
|
382
|
-
|
|
72
|
+
dataProvider: _DataProvider.dataProviderPropType.isRequired,
|
|
383
73
|
|
|
384
74
|
/**
|
|
385
|
-
*
|
|
75
|
+
* Resource name
|
|
386
76
|
*/
|
|
387
|
-
|
|
77
|
+
name: _propTypes["default"].string.isRequired,
|
|
388
78
|
|
|
389
79
|
/**
|
|
390
|
-
* Query
|
|
80
|
+
* Query
|
|
391
81
|
*/
|
|
392
82
|
query: _propTypes["default"].any,
|
|
393
83
|
|
|
@@ -397,38 +87,15 @@ Resource.propTypes = {
|
|
|
397
87
|
empty: _propTypes["default"].bool,
|
|
398
88
|
|
|
399
89
|
/**
|
|
400
|
-
*
|
|
90
|
+
* DataProvider options for requests
|
|
401
91
|
*/
|
|
402
92
|
options: _propTypes["default"].object,
|
|
403
93
|
|
|
404
94
|
/**
|
|
405
|
-
*
|
|
406
|
-
*/
|
|
407
|
-
dataStore: _DataStore.dataStorePropType.isRequired,
|
|
408
|
-
|
|
409
|
-
/**
|
|
410
|
-
* Whether stale data should be retained during the next request - this only applies if neither dataStore nor name have changed, unless set to "very"
|
|
95
|
+
* Whether stale data should be retained during the next request - this only applies if neither dataProvider nor name have changed, unless set to "very"
|
|
411
96
|
*/
|
|
412
97
|
persistent: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].oneOf(['very'])]),
|
|
413
98
|
children: _propTypes["default"].node
|
|
414
99
|
};
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
var withContext = function withContext(ChildComponent) {
|
|
418
|
-
var WithContext = function WithContext(props) {
|
|
419
|
-
return /*#__PURE__*/_react["default"].createElement(_context2.ConfigContext.Consumer, null, function (_ref4) {
|
|
420
|
-
var dataStore = _ref4.dataStore;
|
|
421
|
-
return /*#__PURE__*/_react["default"].createElement(ChildComponent, _extends({
|
|
422
|
-
dataStore: dataStore
|
|
423
|
-
}, props));
|
|
424
|
-
});
|
|
425
|
-
};
|
|
426
|
-
|
|
427
|
-
return WithContext;
|
|
428
|
-
};
|
|
429
|
-
/* eslint-enable react/jsx-props-no-spreading */
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
var _default = withContext(Resource);
|
|
433
|
-
|
|
100
|
+
var _default = Resource;
|
|
434
101
|
exports["default"] = _default;
|
package/lib/context.js
CHANGED
|
@@ -1,17 +1,13 @@
|
|
|
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
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.useResourceContext = exports.ResourceContext = exports.useConfigContext = exports.ConfigContext = void 0;
|
|
9
7
|
|
|
10
|
-
var _react =
|
|
11
|
-
|
|
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); }
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
9
|
|
|
14
|
-
function
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
11
|
|
|
16
12
|
var noop = function noop() {};
|
|
17
13
|
|
|
@@ -21,7 +17,7 @@ exports.ConfigContext = ConfigContext;
|
|
|
21
17
|
ConfigContext.displayName = 'ConfigContext';
|
|
22
18
|
|
|
23
19
|
var useConfigContext = function useConfigContext() {
|
|
24
|
-
return
|
|
20
|
+
return _react["default"].useContext(ConfigContext);
|
|
25
21
|
};
|
|
26
22
|
|
|
27
23
|
exports.useConfigContext = useConfigContext;
|
|
@@ -35,7 +31,7 @@ exports.ResourceContext = ResourceContext;
|
|
|
35
31
|
ResourceContext.displayName = 'ResourceContext';
|
|
36
32
|
|
|
37
33
|
var useResourceContext = function useResourceContext() {
|
|
38
|
-
return
|
|
34
|
+
return _react["default"].useContext(ResourceContext);
|
|
39
35
|
};
|
|
40
36
|
|
|
41
37
|
exports.useResourceContext = useResourceContext;
|
package/lib/createPlugin.js
CHANGED
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _DataProvider = _interopRequireDefault(require("./DataProvider"));
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
|
|
@@ -29,14 +29,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
|
|
|
29
29
|
|
|
30
30
|
function createPlugin(plugin) {
|
|
31
31
|
if (typeof plugin !== 'function') throw new Error('No valid plugin definition specified');
|
|
32
|
-
return function (
|
|
33
|
-
if (!Object.prototype.isPrototypeOf.call(
|
|
32
|
+
return function (dataProviderClass) {
|
|
33
|
+
if (!Object.prototype.isPrototypeOf.call(_DataProvider["default"], dataProviderClass)) {
|
|
34
34
|
// eslint-disable-next-line no-console
|
|
35
|
-
console.error('A plugin should be given a derivative of the
|
|
35
|
+
console.error('A plugin should be given a derivative of the DataProvider class as its first parameter');
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
var result = plugin( /*#__PURE__*/function (
|
|
39
|
-
_inherits(_class,
|
|
38
|
+
var result = plugin( /*#__PURE__*/function (_dataProviderClass) {
|
|
39
|
+
_inherits(_class, _dataProviderClass);
|
|
40
40
|
|
|
41
41
|
var _super = _createSuper(_class);
|
|
42
42
|
|
|
@@ -47,10 +47,10 @@ function createPlugin(plugin) {
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
return _class;
|
|
50
|
-
}(
|
|
50
|
+
}(dataProviderClass));
|
|
51
51
|
|
|
52
52
|
if (result == null) {
|
|
53
|
-
throw new Error('A plugin is expected to return a derivative of the
|
|
53
|
+
throw new Error('A plugin is expected to return a derivative of the DataProvider class but returned nothing');
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
return result;
|
package/lib/index.js
CHANGED
|
@@ -47,28 +47,22 @@ Object.defineProperty(exports, "createPlugin", {
|
|
|
47
47
|
return _createPlugin["default"];
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
|
-
Object.defineProperty(exports, "
|
|
50
|
+
Object.defineProperty(exports, "dataProviderPropType", {
|
|
51
51
|
enumerable: true,
|
|
52
52
|
get: function get() {
|
|
53
|
-
return
|
|
53
|
+
return _DataProvider.dataProviderPropType;
|
|
54
54
|
}
|
|
55
55
|
});
|
|
56
|
-
Object.defineProperty(exports, "
|
|
56
|
+
Object.defineProperty(exports, "DataProvider", {
|
|
57
57
|
enumerable: true,
|
|
58
58
|
get: function get() {
|
|
59
|
-
return
|
|
59
|
+
return _DataProvider["default"];
|
|
60
60
|
}
|
|
61
61
|
});
|
|
62
|
-
Object.defineProperty(exports, "
|
|
62
|
+
Object.defineProperty(exports, "isDataProvider", {
|
|
63
63
|
enumerable: true,
|
|
64
64
|
get: function get() {
|
|
65
|
-
return
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
Object.defineProperty(exports, "DataStore", {
|
|
69
|
-
enumerable: true,
|
|
70
|
-
get: function get() {
|
|
71
|
-
return _DefaultDataStore["default"];
|
|
65
|
+
return _DataProvider.isDataProvider;
|
|
72
66
|
}
|
|
73
67
|
});
|
|
74
68
|
Object.defineProperty(exports, "Meta", {
|
|
@@ -103,9 +97,7 @@ var _ConfigProvider = _interopRequireDefault(require("./ConfigProvider"));
|
|
|
103
97
|
|
|
104
98
|
var _createPlugin = _interopRequireDefault(require("./createPlugin"));
|
|
105
99
|
|
|
106
|
-
var
|
|
107
|
-
|
|
108
|
-
var _DefaultDataStore = _interopRequireDefault(require("./DefaultDataStore"));
|
|
100
|
+
var _DataProvider = _interopRequireWildcard(require("./DataProvider"));
|
|
109
101
|
|
|
110
102
|
var _Meta = _interopRequireDefault(require("./Meta"));
|
|
111
103
|
|