@panneau/data 1.0.3-alpha.1 → 1.0.3-alpha.4
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/es/index.js +109 -216
- package/lib/index.js +109 -216
- package/package.json +3 -3
package/lib/index.js
CHANGED
|
@@ -34,26 +34,22 @@ var _createSuper__default = /*#__PURE__*/_interopDefaultLegacy(_createSuper);
|
|
|
34
34
|
|
|
35
35
|
var useData = function useData(loadData) {
|
|
36
36
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
_ref$initialData = _ref.initialData,
|
|
38
|
+
initialData = _ref$initialData === void 0 ? null : _ref$initialData,
|
|
39
|
+
_ref$autoload = _ref.autoload,
|
|
40
|
+
autoload = _ref$autoload === void 0 ? true : _ref$autoload;
|
|
42
41
|
var _useState = React.useState(false),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
43
|
+
loading = _useState2[0],
|
|
44
|
+
setLoading = _useState2[1];
|
|
47
45
|
var _useState3 = React.useState(false),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
46
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
47
|
+
error = _useState4[0],
|
|
48
|
+
setError = _useState4[1];
|
|
52
49
|
var _useState5 = React.useState(initialData),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
51
|
+
data = _useState6[0],
|
|
52
|
+
setData = _useState6[1];
|
|
57
53
|
var load = React.useCallback(function () {
|
|
58
54
|
var canceled = false;
|
|
59
55
|
setLoading(true);
|
|
@@ -62,27 +58,22 @@ var useData = function useData(loadData) {
|
|
|
62
58
|
setData(newData);
|
|
63
59
|
setLoading(false);
|
|
64
60
|
}
|
|
65
|
-
|
|
66
61
|
return newData;
|
|
67
62
|
})["catch"](function (newError) {
|
|
68
63
|
setError(newError);
|
|
69
64
|
setLoading(false);
|
|
70
65
|
});
|
|
71
|
-
|
|
72
66
|
promise.cancel = function () {
|
|
73
67
|
canceled = true;
|
|
74
68
|
setLoading(false);
|
|
75
69
|
};
|
|
76
|
-
|
|
77
70
|
return promise;
|
|
78
71
|
}, [loadData, setLoading, setData]);
|
|
79
72
|
React.useEffect(function () {
|
|
80
73
|
var loader = null;
|
|
81
|
-
|
|
82
74
|
if (autoload) {
|
|
83
75
|
loader = load();
|
|
84
76
|
}
|
|
85
|
-
|
|
86
77
|
return function () {
|
|
87
78
|
if (loader !== null) {
|
|
88
79
|
loader.cancel();
|
|
@@ -99,45 +90,45 @@ var useData = function useData(loadData) {
|
|
|
99
90
|
|
|
100
91
|
var useItems = function useItems(_ref) {
|
|
101
92
|
var _ref$getPage = _ref.getPage,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
93
|
+
getPage = _ref$getPage === void 0 ? null : _ref$getPage,
|
|
94
|
+
_ref$getItems = _ref.getItems,
|
|
95
|
+
getItems = _ref$getItems === void 0 ? null : _ref$getItems,
|
|
96
|
+
_ref$page = _ref.page,
|
|
97
|
+
page = _ref$page === void 0 ? null : _ref$page,
|
|
98
|
+
_ref$count = _ref.count,
|
|
99
|
+
count = _ref$count === void 0 ? 10 : _ref$count,
|
|
100
|
+
_ref$items = _ref.items,
|
|
101
|
+
providedItems = _ref$items === void 0 ? null : _ref$items,
|
|
102
|
+
_ref$pages = _ref.pages,
|
|
103
|
+
initialPages = _ref$pages === void 0 ? null : _ref$pages,
|
|
104
|
+
_ref$getPageFromRespo = _ref.getPageFromResponse,
|
|
105
|
+
getPageFromResponse = _ref$getPageFromRespo === void 0 ? function (_ref2) {
|
|
106
|
+
var _ref2$pagination = _ref2.pagination,
|
|
116
107
|
currentPage = _ref2$pagination.page,
|
|
117
108
|
lastPage = _ref2$pagination.last_page,
|
|
118
109
|
total = _ref2$pagination.total,
|
|
119
110
|
perPage = _ref2$pagination.per_page,
|
|
120
111
|
items = _ref2.data;
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
112
|
+
return {
|
|
113
|
+
page: parseInt(currentPage, 10),
|
|
114
|
+
lastPage: parseInt(lastPage, 10),
|
|
115
|
+
total: parseInt(total, 10),
|
|
116
|
+
count: parseInt(perPage, 10),
|
|
117
|
+
items: items
|
|
118
|
+
};
|
|
119
|
+
} : _ref$getPageFromRespo,
|
|
120
|
+
_ref$getItemsFromResp = _ref.getItemsFromResponse,
|
|
121
|
+
getItemsFromResponse = _ref$getItemsFromResp === void 0 ? function (data) {
|
|
122
|
+
return data;
|
|
123
|
+
} : _ref$getItemsFromResp,
|
|
124
|
+
_ref$onItemsLoaded = _ref.onItemsLoaded,
|
|
125
|
+
onItemsLoaded = _ref$onItemsLoaded === void 0 ? null : _ref$onItemsLoaded,
|
|
126
|
+
_ref$onPageLoaded = _ref.onPageLoaded,
|
|
127
|
+
onPageLoaded = _ref$onPageLoaded === void 0 ? null : _ref$onPageLoaded,
|
|
128
|
+
_ref$onLoaded = _ref.onLoaded,
|
|
129
|
+
onLoaded = _ref$onLoaded === void 0 ? null : _ref$onLoaded,
|
|
130
|
+
_ref$onError = _ref.onError,
|
|
131
|
+
onError = _ref$onError === void 0 ? null : _ref$onError;
|
|
141
132
|
var isPaginated = getPage !== null || initialPages !== null;
|
|
142
133
|
var lastState = React.useRef(null);
|
|
143
134
|
var initialState = React.useMemo(function () {
|
|
@@ -156,31 +147,26 @@ var useItems = function useItems(_ref) {
|
|
|
156
147
|
items: null
|
|
157
148
|
};
|
|
158
149
|
}, [initialPages, providedItems]);
|
|
159
|
-
|
|
160
150
|
var _useState = React.useState(initialState),
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
151
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
152
|
+
state = _useState2[0],
|
|
153
|
+
setState = _useState2[1];
|
|
165
154
|
var lastPage = state.lastPage,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
155
|
+
loaded = state.loaded,
|
|
156
|
+
loading = state.loading,
|
|
157
|
+
stateItems = state.items,
|
|
158
|
+
pages = state.pages,
|
|
159
|
+
total = state.total;
|
|
171
160
|
var items = providedItems || (isPaginated && pages !== null ? pages.reduce(function (pagesItems, _ref4) {
|
|
172
161
|
var pageItems = _ref4.items;
|
|
173
162
|
return pagesItems.concat(pageItems);
|
|
174
163
|
}, []) : stateItems) || null;
|
|
175
|
-
|
|
176
164
|
var updateState = function updateState(update) {
|
|
177
165
|
return setState(_objectSpread__default["default"](_objectSpread__default["default"]({}, state), update));
|
|
178
166
|
};
|
|
179
|
-
|
|
180
167
|
var updateFromResponse = function updateFromResponse(response) {
|
|
181
168
|
var error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
182
169
|
var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
183
|
-
|
|
184
170
|
if (error !== null) {
|
|
185
171
|
updateState({
|
|
186
172
|
loaded: false,
|
|
@@ -188,7 +174,6 @@ var useItems = function useItems(_ref) {
|
|
|
188
174
|
});
|
|
189
175
|
throw error;
|
|
190
176
|
}
|
|
191
|
-
|
|
192
177
|
if (isPaginated) {
|
|
193
178
|
var newPage = getPageFromResponse(response);
|
|
194
179
|
var newPages = (reset ? [newPage] : [].concat(_toConsumableArray__default["default"]((pages || []).filter(function (it) {
|
|
@@ -197,7 +182,6 @@ var useItems = function useItems(_ref) {
|
|
|
197
182
|
if (a === b) {
|
|
198
183
|
return 0;
|
|
199
184
|
}
|
|
200
|
-
|
|
201
185
|
return a > b ? 1 : -1;
|
|
202
186
|
});
|
|
203
187
|
updateState({
|
|
@@ -209,9 +193,7 @@ var useItems = function useItems(_ref) {
|
|
|
209
193
|
});
|
|
210
194
|
return newPage;
|
|
211
195
|
}
|
|
212
|
-
|
|
213
196
|
var newItems = _toConsumableArray__default["default"](getItemsFromResponse(response));
|
|
214
|
-
|
|
215
197
|
updateState({
|
|
216
198
|
loaded: true,
|
|
217
199
|
loading: false,
|
|
@@ -220,7 +202,6 @@ var useItems = function useItems(_ref) {
|
|
|
220
202
|
});
|
|
221
203
|
return newItems;
|
|
222
204
|
};
|
|
223
|
-
|
|
224
205
|
var getNextPage = function getNextPage() {
|
|
225
206
|
var allPages = lastPage !== -1 ? Array.call.apply(Array, [null].concat(_toConsumableArray__default["default"](Array(lastPage)))).map(function (it, index) {
|
|
226
207
|
return index + 1;
|
|
@@ -233,7 +214,6 @@ var useItems = function useItems(_ref) {
|
|
|
233
214
|
var firstItem = remainingPages.length > 0 ? remainingPages.shift() : null;
|
|
234
215
|
return firstItem !== null ? firstItem : null;
|
|
235
216
|
};
|
|
236
|
-
|
|
237
217
|
var loadItems = function loadItems(requestPage) {
|
|
238
218
|
updateState({
|
|
239
219
|
loading: true
|
|
@@ -250,52 +230,41 @@ var useItems = function useItems(_ref) {
|
|
|
250
230
|
} else if (!isPaginated && onItemsLoaded !== null) {
|
|
251
231
|
onItemsLoaded(response);
|
|
252
232
|
}
|
|
253
|
-
|
|
254
233
|
if (onLoaded !== null) {
|
|
255
234
|
onLoaded(response);
|
|
256
235
|
}
|
|
257
|
-
|
|
258
236
|
return response;
|
|
259
237
|
})["catch"](function (error) {
|
|
260
238
|
if (!canceled && onError !== null) {
|
|
261
239
|
onError(error);
|
|
262
240
|
}
|
|
263
241
|
});
|
|
264
|
-
|
|
265
242
|
promise.cancel = function () {
|
|
266
243
|
canceled = true;
|
|
267
244
|
};
|
|
268
|
-
|
|
269
245
|
return promise;
|
|
270
246
|
};
|
|
271
|
-
|
|
272
247
|
var loadPage = function loadPage(pageToLoad) {
|
|
273
248
|
if (loading) {
|
|
274
249
|
return Promise.reject();
|
|
275
250
|
}
|
|
276
|
-
|
|
277
251
|
if (pages.find(function (it) {
|
|
278
252
|
return it.page === pageToLoad;
|
|
279
253
|
}) !== -1) {
|
|
280
254
|
return Promise.reject();
|
|
281
255
|
}
|
|
282
|
-
|
|
283
256
|
return loadItems(pageToLoad);
|
|
284
257
|
};
|
|
285
|
-
|
|
286
258
|
var loadNextPage = function loadNextPage() {
|
|
287
259
|
if (loading) {
|
|
288
260
|
return Promise.reject();
|
|
289
261
|
}
|
|
290
|
-
|
|
291
262
|
var nextPage = getNextPage();
|
|
292
263
|
return nextPage !== null ? loadItems(nextPage) : Promise.resolve();
|
|
293
264
|
};
|
|
294
|
-
|
|
295
265
|
React.useEffect(function () {
|
|
296
266
|
var hadState = lastState.current !== null;
|
|
297
267
|
lastState.current = initialState;
|
|
298
|
-
|
|
299
268
|
if (hadState) {
|
|
300
269
|
setState(initialState);
|
|
301
270
|
}
|
|
@@ -304,14 +273,11 @@ var useItems = function useItems(_ref) {
|
|
|
304
273
|
if (getPage === null && getItems === null || providedItems !== null) {
|
|
305
274
|
return function () {};
|
|
306
275
|
}
|
|
307
|
-
|
|
308
276
|
var loadPromise = null;
|
|
309
277
|
var pageToLoad = isPaginated && initialPages === null && page === null ? 1 : page;
|
|
310
|
-
|
|
311
278
|
if (!isPaginated || pageToLoad !== null) {
|
|
312
279
|
loadPromise = loadItems(pageToLoad);
|
|
313
280
|
}
|
|
314
|
-
|
|
315
281
|
return function () {
|
|
316
282
|
if (loadPromise !== null) {
|
|
317
283
|
loadPromise.cancel();
|
|
@@ -339,9 +305,7 @@ var useItems = function useItems(_ref) {
|
|
|
339
305
|
var Base = /*#__PURE__*/function () {
|
|
340
306
|
function Base() {
|
|
341
307
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
342
|
-
|
|
343
308
|
_classCallCheck__default["default"](this, Base);
|
|
344
|
-
|
|
345
309
|
this.options = _objectSpread__default["default"](_objectSpread__default["default"]({
|
|
346
310
|
routes: {},
|
|
347
311
|
generateUrl: null
|
|
@@ -350,12 +314,10 @@ var Base = /*#__PURE__*/function () {
|
|
|
350
314
|
onUnauthorized: opts.onUnauthorized || null
|
|
351
315
|
});
|
|
352
316
|
}
|
|
353
|
-
|
|
354
317
|
_createClass__default["default"](Base, [{
|
|
355
318
|
key: "requestGet",
|
|
356
319
|
value: function requestGet(path) {
|
|
357
320
|
var _this = this;
|
|
358
|
-
|
|
359
321
|
var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
360
322
|
var queryString$1 = query !== null ? queryString.stringify(query, {
|
|
361
323
|
arrayFormat: 'bracket'
|
|
@@ -371,7 +333,6 @@ var Base = /*#__PURE__*/function () {
|
|
|
371
333
|
key: "requestPost",
|
|
372
334
|
value: function requestPost(path, data) {
|
|
373
335
|
var _this2 = this;
|
|
374
|
-
|
|
375
336
|
return fetch$1.postJSON(this.getFullUrl(path), data, {
|
|
376
337
|
credentials: 'include',
|
|
377
338
|
headers: fetch$1.getCSRFHeaders()
|
|
@@ -383,7 +344,6 @@ var Base = /*#__PURE__*/function () {
|
|
|
383
344
|
key: "requestPut",
|
|
384
345
|
value: function requestPut(path, data) {
|
|
385
346
|
var _this3 = this;
|
|
386
|
-
|
|
387
347
|
return fetch$1.postJSON(this.getFullUrl(path), _objectSpread__default["default"]({
|
|
388
348
|
_method: 'PUT'
|
|
389
349
|
}, data), {
|
|
@@ -397,7 +357,6 @@ var Base = /*#__PURE__*/function () {
|
|
|
397
357
|
key: "requestPatch",
|
|
398
358
|
value: function requestPatch(path, data) {
|
|
399
359
|
var _this4 = this;
|
|
400
|
-
|
|
401
360
|
return fetch$1.postJSON(this.getFullUrl(path), _objectSpread__default["default"]({
|
|
402
361
|
_method: 'PATCH'
|
|
403
362
|
}, data), {
|
|
@@ -411,7 +370,6 @@ var Base = /*#__PURE__*/function () {
|
|
|
411
370
|
key: "requestDelete",
|
|
412
371
|
value: function requestDelete(path) {
|
|
413
372
|
var _this5 = this;
|
|
414
|
-
|
|
415
373
|
return this.requestPost(path, {
|
|
416
374
|
_method: 'DELETE'
|
|
417
375
|
})["catch"](function (error) {
|
|
@@ -422,55 +380,47 @@ var Base = /*#__PURE__*/function () {
|
|
|
422
380
|
key: "route",
|
|
423
381
|
value: function route(_route, params) {
|
|
424
382
|
var _this$options = this.options,
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
383
|
+
routes = _this$options.routes,
|
|
384
|
+
_this$options$generat = _this$options.generateUrl,
|
|
385
|
+
generateUrl = _this$options$generat === void 0 ? null : _this$options$generat;
|
|
429
386
|
if (generateUrl !== null) {
|
|
430
387
|
return generateUrl(_route, params);
|
|
431
388
|
}
|
|
432
|
-
|
|
433
389
|
return reactRouter.generatePath(routes[_route] || _route, params);
|
|
434
390
|
}
|
|
435
391
|
}, {
|
|
436
392
|
key: "getFullUrl",
|
|
437
393
|
value: function getFullUrl(path) {
|
|
438
394
|
var _this$options$baseUrl = this.options.baseUrl,
|
|
439
|
-
|
|
395
|
+
baseUrl = _this$options$baseUrl === void 0 ? null : _this$options$baseUrl;
|
|
440
396
|
return baseUrl !== null ? "".concat(baseUrl.replace(/\/$/, ''), "/").concat(path.replace(/^\//, '')) : path;
|
|
441
397
|
}
|
|
442
398
|
}, {
|
|
443
399
|
key: "onError",
|
|
444
400
|
value: function onError(err) {
|
|
445
401
|
var onUnauthorized = this.options.onUnauthorized;
|
|
446
|
-
|
|
447
402
|
var _ref = err || {},
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
403
|
+
_ref$status = _ref.status,
|
|
404
|
+
status = _ref$status === void 0 ? null : _ref$status;
|
|
405
|
+
var statusCode = parseInt(status, 10);
|
|
406
|
+
// If status is refused and callback exists
|
|
453
407
|
if ((statusCode === 401 || statusCode === 419) && onUnauthorized !== null) {
|
|
454
408
|
return onUnauthorized();
|
|
455
409
|
}
|
|
456
|
-
|
|
457
410
|
throw err;
|
|
458
411
|
}
|
|
459
412
|
}]);
|
|
460
|
-
|
|
461
413
|
return Base;
|
|
462
414
|
}();
|
|
463
415
|
|
|
464
416
|
var AuthApi = /*#__PURE__*/function () {
|
|
465
417
|
function AuthApi(api, opts) {
|
|
466
418
|
_classCallCheck__default["default"](this, AuthApi);
|
|
467
|
-
|
|
468
419
|
this.api = api;
|
|
469
420
|
this.options = _objectSpread__default["default"]({
|
|
470
421
|
withCredentials: true
|
|
471
422
|
}, opts);
|
|
472
423
|
}
|
|
473
|
-
|
|
474
424
|
_createClass__default["default"](AuthApi, [{
|
|
475
425
|
key: "check",
|
|
476
426
|
value: function check() {
|
|
@@ -511,7 +461,6 @@ var AuthApi = /*#__PURE__*/function () {
|
|
|
511
461
|
credentials: 'include'
|
|
512
462
|
})["catch"](function (err) {
|
|
513
463
|
console.log('logout err', err); // eslint-disable-line
|
|
514
|
-
|
|
515
464
|
throw err;
|
|
516
465
|
});
|
|
517
466
|
}
|
|
@@ -536,20 +485,17 @@ var AuthApi = /*#__PURE__*/function () {
|
|
|
536
485
|
});
|
|
537
486
|
}
|
|
538
487
|
}]);
|
|
539
|
-
|
|
540
488
|
return AuthApi;
|
|
541
489
|
}();
|
|
542
490
|
|
|
543
491
|
var AccountApi = /*#__PURE__*/function () {
|
|
544
492
|
function AccountApi(api, opts) {
|
|
545
493
|
_classCallCheck__default["default"](this, AccountApi);
|
|
546
|
-
|
|
547
494
|
this.api = api;
|
|
548
495
|
this.options = _objectSpread__default["default"]({
|
|
549
496
|
withCredentials: false
|
|
550
497
|
}, opts);
|
|
551
498
|
}
|
|
552
|
-
|
|
553
499
|
_createClass__default["default"](AccountApi, [{
|
|
554
500
|
key: "update",
|
|
555
501
|
value: function update(data) {
|
|
@@ -587,20 +533,15 @@ var AccountApi = /*#__PURE__*/function () {
|
|
|
587
533
|
});
|
|
588
534
|
}
|
|
589
535
|
}]);
|
|
590
|
-
|
|
591
536
|
return AccountApi;
|
|
592
537
|
}();
|
|
593
538
|
|
|
594
539
|
var MediasApi = /*#__PURE__*/function (_Base) {
|
|
595
540
|
_inherits__default["default"](MediasApi, _Base);
|
|
596
|
-
|
|
597
541
|
var _super = _createSuper__default["default"](MediasApi);
|
|
598
|
-
|
|
599
542
|
function MediasApi() {
|
|
600
543
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
601
|
-
|
|
602
544
|
_classCallCheck__default["default"](this, MediasApi);
|
|
603
|
-
|
|
604
545
|
return _super.call(this, _objectSpread__default["default"](_objectSpread__default["default"]({}, opts), {}, {
|
|
605
546
|
routes: _objectSpread__default["default"]({
|
|
606
547
|
index: 'medias',
|
|
@@ -612,7 +553,6 @@ var MediasApi = /*#__PURE__*/function (_Base) {
|
|
|
612
553
|
}, opts.routes || null)
|
|
613
554
|
}));
|
|
614
555
|
}
|
|
615
|
-
|
|
616
556
|
_createClass__default["default"](MediasApi, [{
|
|
617
557
|
key: "find",
|
|
618
558
|
value: function find(id) {
|
|
@@ -626,17 +566,13 @@ var MediasApi = /*#__PURE__*/function (_Base) {
|
|
|
626
566
|
var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
627
567
|
var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
628
568
|
var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
|
|
629
|
-
|
|
630
569
|
var finalQuery = _objectSpread__default["default"]({}, query);
|
|
631
|
-
|
|
632
570
|
if (page !== null) {
|
|
633
571
|
finalQuery.page = page;
|
|
634
572
|
}
|
|
635
|
-
|
|
636
573
|
if (count !== null) {
|
|
637
574
|
finalQuery.count = count;
|
|
638
575
|
}
|
|
639
|
-
|
|
640
576
|
return this.requestGet(this.route('index'), finalQuery);
|
|
641
577
|
}
|
|
642
578
|
}, {
|
|
@@ -644,13 +580,10 @@ var MediasApi = /*#__PURE__*/function (_Base) {
|
|
|
644
580
|
value: function getTags() {
|
|
645
581
|
var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
646
582
|
var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
|
|
647
|
-
|
|
648
583
|
var finalQuery = _objectSpread__default["default"]({}, query);
|
|
649
|
-
|
|
650
584
|
if (count !== null) {
|
|
651
585
|
finalQuery.count = count;
|
|
652
586
|
}
|
|
653
|
-
|
|
654
587
|
return this.requestGet(this.route('tags'), finalQuery);
|
|
655
588
|
}
|
|
656
589
|
}, {
|
|
@@ -673,23 +606,20 @@ var MediasApi = /*#__PURE__*/function (_Base) {
|
|
|
673
606
|
}));
|
|
674
607
|
}
|
|
675
608
|
}]);
|
|
676
|
-
|
|
677
609
|
return MediasApi;
|
|
678
610
|
}(Base);
|
|
679
611
|
|
|
680
612
|
var ResourcesApi = /*#__PURE__*/function () {
|
|
681
613
|
function ResourcesApi(api) {
|
|
682
614
|
_classCallCheck__default["default"](this, ResourcesApi);
|
|
683
|
-
|
|
684
615
|
this.api = api;
|
|
685
616
|
}
|
|
686
|
-
|
|
687
617
|
_createClass__default["default"](ResourcesApi, [{
|
|
688
618
|
key: "resourceRoute",
|
|
689
619
|
value: function resourceRoute(_ref, route, params) {
|
|
690
620
|
var id = _ref.id,
|
|
691
|
-
|
|
692
|
-
|
|
621
|
+
_ref$has_routes = _ref.has_routes,
|
|
622
|
+
hasRoutes = _ref$has_routes === void 0 ? false : _ref$has_routes;
|
|
693
623
|
var routePrefix = hasRoutes ? "resources.".concat(id) : 'resources';
|
|
694
624
|
return this.api.route("".concat(routePrefix, ".").concat(route), hasRoutes ? params : _objectSpread__default["default"]({
|
|
695
625
|
resource: id
|
|
@@ -710,17 +640,13 @@ var ResourcesApi = /*#__PURE__*/function () {
|
|
|
710
640
|
var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
711
641
|
var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
712
642
|
var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
|
|
713
|
-
|
|
714
643
|
var finalQuery = _objectSpread__default["default"]({}, query);
|
|
715
|
-
|
|
716
644
|
if (page !== null) {
|
|
717
645
|
finalQuery.page = page;
|
|
718
646
|
}
|
|
719
|
-
|
|
720
647
|
if (count !== null) {
|
|
721
648
|
finalQuery.count = count;
|
|
722
649
|
}
|
|
723
|
-
|
|
724
650
|
return this.api.requestGet(this.resourceRoute(resource, 'index'), finalQuery, {
|
|
725
651
|
withCredentials: true
|
|
726
652
|
});
|
|
@@ -751,22 +677,16 @@ var ResourcesApi = /*#__PURE__*/function () {
|
|
|
751
677
|
});
|
|
752
678
|
}
|
|
753
679
|
}]);
|
|
754
|
-
|
|
755
680
|
return ResourcesApi;
|
|
756
681
|
}();
|
|
757
682
|
|
|
758
683
|
var Api = /*#__PURE__*/function (_Base) {
|
|
759
684
|
_inherits__default["default"](Api, _Base);
|
|
760
|
-
|
|
761
685
|
var _super = _createSuper__default["default"](Api);
|
|
762
|
-
|
|
763
686
|
function Api() {
|
|
764
687
|
var _this;
|
|
765
|
-
|
|
766
688
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
767
|
-
|
|
768
689
|
_classCallCheck__default["default"](this, Api);
|
|
769
|
-
|
|
770
690
|
_this = _super.call(this, opts);
|
|
771
691
|
_this.auth = new AuthApi(_assertThisInitialized__default["default"](_this), {
|
|
772
692
|
withCredentials: true
|
|
@@ -778,7 +698,6 @@ var Api = /*#__PURE__*/function (_Base) {
|
|
|
778
698
|
_this.resources = new ResourcesApi(_assertThisInitialized__default["default"](_this));
|
|
779
699
|
return _this;
|
|
780
700
|
}
|
|
781
|
-
|
|
782
701
|
return _createClass__default["default"](Api);
|
|
783
702
|
}(Base);
|
|
784
703
|
|
|
@@ -800,9 +719,9 @@ var defaultProps$1 = {
|
|
|
800
719
|
};
|
|
801
720
|
var ApiProvider = function ApiProvider(_ref) {
|
|
802
721
|
var initialApi = _ref.api,
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
722
|
+
baseUrl = _ref.baseUrl,
|
|
723
|
+
onUnauthorized = _ref.onUnauthorized,
|
|
724
|
+
children = _ref.children;
|
|
806
725
|
var generateUrl = contexts.useUrlGenerator();
|
|
807
726
|
var previousApi = useApi();
|
|
808
727
|
var api = React.useMemo(function () {
|
|
@@ -820,7 +739,6 @@ ApiProvider.propTypes = propTypes$1;
|
|
|
820
739
|
ApiProvider.defaultProps = defaultProps$1;
|
|
821
740
|
|
|
822
741
|
var _excluded$4 = ["items", "pageItems"];
|
|
823
|
-
|
|
824
742
|
var useMedias = function useMedias() {
|
|
825
743
|
var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
826
744
|
var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
@@ -831,17 +749,15 @@ var useMedias = function useMedias() {
|
|
|
831
749
|
var requestedPage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
832
750
|
return api.medias.get(query, requestedPage, count);
|
|
833
751
|
}, [api, query, count]);
|
|
834
|
-
|
|
835
752
|
var _useItems = useItems(_objectSpread__default["default"]({
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
753
|
+
getPage: page !== null ? getItems : null,
|
|
754
|
+
getItems: page === null ? getItems : null,
|
|
755
|
+
page: page
|
|
756
|
+
}, opts)),
|
|
757
|
+
items = _useItems.items,
|
|
758
|
+
pageItems = _useItems.pageItems,
|
|
759
|
+
request = _objectWithoutProperties__default["default"](_useItems, _excluded$4);
|
|
760
|
+
// console.log('medias', items);
|
|
845
761
|
return _objectSpread__default["default"]({
|
|
846
762
|
medias: page !== null ? pageItems : items,
|
|
847
763
|
allMedias: items
|
|
@@ -858,18 +774,15 @@ var useMediasRecent = function useMediasRecent(opts) {
|
|
|
858
774
|
window.localStorage.setItem(key, encoded);
|
|
859
775
|
return true;
|
|
860
776
|
}
|
|
861
|
-
|
|
862
777
|
return false;
|
|
863
778
|
}, [key]);
|
|
864
779
|
var getSearches = React.useCallback(function () {
|
|
865
780
|
var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
|
|
866
|
-
|
|
867
781
|
if (window !== undefined) {
|
|
868
782
|
var recent = window.localStorage.getItem(key) || null;
|
|
869
783
|
var current = recent !== null ? JSON.parse(recent || '[]') : [];
|
|
870
784
|
return current.slice(0, count);
|
|
871
785
|
}
|
|
872
|
-
|
|
873
786
|
return [];
|
|
874
787
|
}, [key]);
|
|
875
788
|
return {
|
|
@@ -879,17 +792,14 @@ var useMediasRecent = function useMediasRecent(opts) {
|
|
|
879
792
|
};
|
|
880
793
|
|
|
881
794
|
var _excluded$3 = ["data"];
|
|
882
|
-
|
|
883
795
|
var useMedia = function useMedia(id, opts) {
|
|
884
796
|
var api = useApi();
|
|
885
797
|
var loader = React.useCallback(function () {
|
|
886
798
|
return api.medias.find(id);
|
|
887
799
|
}, [api, id]);
|
|
888
|
-
|
|
889
800
|
var _useData = useData(loader, opts),
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
801
|
+
data = _useData.data,
|
|
802
|
+
request = _objectWithoutProperties__default["default"](_useData, _excluded$3);
|
|
893
803
|
return _objectSpread__default["default"]({
|
|
894
804
|
story: data
|
|
895
805
|
}, request);
|
|
@@ -897,10 +807,9 @@ var useMedia = function useMedia(id, opts) {
|
|
|
897
807
|
|
|
898
808
|
var useMediaCreate = function useMediaCreate() {
|
|
899
809
|
var _useState = React.useState(false),
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
810
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
811
|
+
creating = _useState2[0],
|
|
812
|
+
setCreating = _useState2[1];
|
|
904
813
|
var api = useApi();
|
|
905
814
|
var create = React.useCallback(function (data) {
|
|
906
815
|
setCreating(true);
|
|
@@ -916,7 +825,6 @@ var useMediaCreate = function useMediaCreate() {
|
|
|
916
825
|
};
|
|
917
826
|
|
|
918
827
|
var _excluded$2 = ["items", "pageItems"];
|
|
919
|
-
|
|
920
828
|
var useMediaTags = function useMediaTags() {
|
|
921
829
|
var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
922
830
|
var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
|
|
@@ -925,14 +833,12 @@ var useMediaTags = function useMediaTags() {
|
|
|
925
833
|
var getItems = React.useCallback(function () {
|
|
926
834
|
return api.medias.getTags(query, count);
|
|
927
835
|
}, [api, query, count]);
|
|
928
|
-
|
|
929
836
|
var _useItems = useItems(_objectSpread__default["default"]({
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
837
|
+
getItems: getItems
|
|
838
|
+
}, opts)),
|
|
839
|
+
items = _useItems.items;
|
|
840
|
+
_useItems.pageItems;
|
|
841
|
+
var request = _objectWithoutProperties__default["default"](_useItems, _excluded$2);
|
|
936
842
|
return _objectSpread__default["default"]({
|
|
937
843
|
tags: items
|
|
938
844
|
}, request);
|
|
@@ -940,10 +846,9 @@ var useMediaTags = function useMediaTags() {
|
|
|
940
846
|
|
|
941
847
|
var useMediaUpdate = function useMediaUpdate() {
|
|
942
848
|
var _useState = React.useState(false),
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
849
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
850
|
+
updating = _useState2[0],
|
|
851
|
+
setUpdating = _useState2[1];
|
|
947
852
|
var api = useApi();
|
|
948
853
|
var update = React.useCallback(function (id, data) {
|
|
949
854
|
setUpdating(true);
|
|
@@ -960,12 +865,10 @@ var useMediaUpdate = function useMediaUpdate() {
|
|
|
960
865
|
|
|
961
866
|
var useResourceDestroy = function useResourceDestroy(resource) {
|
|
962
867
|
var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
963
|
-
|
|
964
868
|
var _useState = React.useState(false),
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
869
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
870
|
+
loading = _useState2[0],
|
|
871
|
+
setLoading = _useState2[1];
|
|
969
872
|
var api = useApi();
|
|
970
873
|
var destroy = React.useCallback(function (providedId) {
|
|
971
874
|
setLoading(true);
|
|
@@ -984,24 +887,20 @@ var useResourceDestroy = function useResourceDestroy(resource) {
|
|
|
984
887
|
};
|
|
985
888
|
|
|
986
889
|
var _excluded$1 = ["data"];
|
|
987
|
-
|
|
988
890
|
var useResourceItem = function useResourceItem(resource, id, opts) {
|
|
989
891
|
var api = useApi();
|
|
990
892
|
var loader = React.useCallback(function () {
|
|
991
893
|
return api.resources.find(resource, id);
|
|
992
894
|
}, [api, resource, id]);
|
|
993
|
-
|
|
994
895
|
var _useData = useData(loader, opts),
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
896
|
+
data = _useData.data,
|
|
897
|
+
request = _objectWithoutProperties__default["default"](_useData, _excluded$1);
|
|
998
898
|
return _objectSpread__default["default"]({
|
|
999
899
|
item: data
|
|
1000
900
|
}, request);
|
|
1001
901
|
};
|
|
1002
902
|
|
|
1003
903
|
var _excluded = ["items", "pageItems"];
|
|
1004
|
-
|
|
1005
904
|
var useResourceItems = function useResourceItems(resource) {
|
|
1006
905
|
var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
1007
906
|
var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
@@ -1012,16 +911,14 @@ var useResourceItems = function useResourceItems(resource) {
|
|
|
1012
911
|
var requestedPage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
1013
912
|
return api.resources.get(resource, query, requestedPage, count);
|
|
1014
913
|
}, [api, resource, query, count]);
|
|
1015
|
-
|
|
1016
914
|
var _useItems = useItems(_objectSpread__default["default"]({
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
915
|
+
getPage: page !== null ? getItems : null,
|
|
916
|
+
getItems: page === null ? getItems : null,
|
|
917
|
+
page: page
|
|
918
|
+
}, opts)),
|
|
919
|
+
items = _useItems.items,
|
|
920
|
+
pageItems = _useItems.pageItems,
|
|
921
|
+
request = _objectWithoutProperties__default["default"](_useItems, _excluded);
|
|
1025
922
|
return _objectSpread__default["default"]({
|
|
1026
923
|
items: page !== null ? pageItems : items,
|
|
1027
924
|
allItems: items
|
|
@@ -1030,10 +927,9 @@ var useResourceItems = function useResourceItems(resource) {
|
|
|
1030
927
|
|
|
1031
928
|
var useResourceCreate = function useResourceCreate(resource) {
|
|
1032
929
|
var _useState = React.useState(false),
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
930
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
931
|
+
loading = _useState2[0],
|
|
932
|
+
setLoading = _useState2[1];
|
|
1037
933
|
var api = useApi();
|
|
1038
934
|
var store = React.useCallback(function (data) {
|
|
1039
935
|
setLoading(true);
|
|
@@ -1053,10 +949,9 @@ var useResourceCreate = function useResourceCreate(resource) {
|
|
|
1053
949
|
|
|
1054
950
|
var useResourceUpdate = function useResourceUpdate(resource, id) {
|
|
1055
951
|
var _useState = React.useState(false),
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
952
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
953
|
+
loading = _useState2[0],
|
|
954
|
+
setLoading = _useState2[1];
|
|
1060
955
|
var api = useApi();
|
|
1061
956
|
var update = React.useCallback(function (data) {
|
|
1062
957
|
setLoading(true);
|
|
@@ -1085,17 +980,15 @@ var defaultProps = {
|
|
|
1085
980
|
apiBaseUrl: undefined,
|
|
1086
981
|
children: null
|
|
1087
982
|
};
|
|
1088
|
-
|
|
1089
983
|
var DataProvider = function DataProvider(_ref) {
|
|
1090
984
|
var api = _ref.api,
|
|
1091
|
-
|
|
1092
|
-
|
|
985
|
+
apiBaseUrl = _ref.apiBaseUrl,
|
|
986
|
+
children = _ref.children;
|
|
1093
987
|
return /*#__PURE__*/React__default["default"].createElement(ApiProvider, {
|
|
1094
988
|
api: api,
|
|
1095
989
|
baseUrl: apiBaseUrl
|
|
1096
990
|
}, children);
|
|
1097
991
|
};
|
|
1098
|
-
|
|
1099
992
|
DataProvider.propTypes = propTypes;
|
|
1100
993
|
DataProvider.defaultProps = defaultProps;
|
|
1101
994
|
|