@panneau/data 1.0.3-alpha.0 → 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/es/index.js
CHANGED
|
@@ -16,26 +16,22 @@ import { stringify } from 'query-string';
|
|
|
16
16
|
|
|
17
17
|
var useData = function useData(loadData) {
|
|
18
18
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
_ref$initialData = _ref.initialData,
|
|
20
|
+
initialData = _ref$initialData === void 0 ? null : _ref$initialData,
|
|
21
|
+
_ref$autoload = _ref.autoload,
|
|
22
|
+
autoload = _ref$autoload === void 0 ? true : _ref$autoload;
|
|
24
23
|
var _useState = useState(false),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
loading = _useState2[0],
|
|
26
|
+
setLoading = _useState2[1];
|
|
29
27
|
var _useState3 = useState(false),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
29
|
+
error = _useState4[0],
|
|
30
|
+
setError = _useState4[1];
|
|
34
31
|
var _useState5 = useState(initialData),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
33
|
+
data = _useState6[0],
|
|
34
|
+
setData = _useState6[1];
|
|
39
35
|
var load = useCallback(function () {
|
|
40
36
|
var canceled = false;
|
|
41
37
|
setLoading(true);
|
|
@@ -44,27 +40,22 @@ var useData = function useData(loadData) {
|
|
|
44
40
|
setData(newData);
|
|
45
41
|
setLoading(false);
|
|
46
42
|
}
|
|
47
|
-
|
|
48
43
|
return newData;
|
|
49
44
|
})["catch"](function (newError) {
|
|
50
45
|
setError(newError);
|
|
51
46
|
setLoading(false);
|
|
52
47
|
});
|
|
53
|
-
|
|
54
48
|
promise.cancel = function () {
|
|
55
49
|
canceled = true;
|
|
56
50
|
setLoading(false);
|
|
57
51
|
};
|
|
58
|
-
|
|
59
52
|
return promise;
|
|
60
53
|
}, [loadData, setLoading, setData]);
|
|
61
54
|
useEffect(function () {
|
|
62
55
|
var loader = null;
|
|
63
|
-
|
|
64
56
|
if (autoload) {
|
|
65
57
|
loader = load();
|
|
66
58
|
}
|
|
67
|
-
|
|
68
59
|
return function () {
|
|
69
60
|
if (loader !== null) {
|
|
70
61
|
loader.cancel();
|
|
@@ -81,45 +72,45 @@ var useData = function useData(loadData) {
|
|
|
81
72
|
|
|
82
73
|
var useItems = function useItems(_ref) {
|
|
83
74
|
var _ref$getPage = _ref.getPage,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
75
|
+
getPage = _ref$getPage === void 0 ? null : _ref$getPage,
|
|
76
|
+
_ref$getItems = _ref.getItems,
|
|
77
|
+
getItems = _ref$getItems === void 0 ? null : _ref$getItems,
|
|
78
|
+
_ref$page = _ref.page,
|
|
79
|
+
page = _ref$page === void 0 ? null : _ref$page,
|
|
80
|
+
_ref$count = _ref.count,
|
|
81
|
+
count = _ref$count === void 0 ? 10 : _ref$count,
|
|
82
|
+
_ref$items = _ref.items,
|
|
83
|
+
providedItems = _ref$items === void 0 ? null : _ref$items,
|
|
84
|
+
_ref$pages = _ref.pages,
|
|
85
|
+
initialPages = _ref$pages === void 0 ? null : _ref$pages,
|
|
86
|
+
_ref$getPageFromRespo = _ref.getPageFromResponse,
|
|
87
|
+
getPageFromResponse = _ref$getPageFromRespo === void 0 ? function (_ref2) {
|
|
88
|
+
var _ref2$pagination = _ref2.pagination,
|
|
98
89
|
currentPage = _ref2$pagination.page,
|
|
99
90
|
lastPage = _ref2$pagination.last_page,
|
|
100
91
|
total = _ref2$pagination.total,
|
|
101
92
|
perPage = _ref2$pagination.per_page,
|
|
102
93
|
items = _ref2.data;
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
94
|
+
return {
|
|
95
|
+
page: parseInt(currentPage, 10),
|
|
96
|
+
lastPage: parseInt(lastPage, 10),
|
|
97
|
+
total: parseInt(total, 10),
|
|
98
|
+
count: parseInt(perPage, 10),
|
|
99
|
+
items: items
|
|
100
|
+
};
|
|
101
|
+
} : _ref$getPageFromRespo,
|
|
102
|
+
_ref$getItemsFromResp = _ref.getItemsFromResponse,
|
|
103
|
+
getItemsFromResponse = _ref$getItemsFromResp === void 0 ? function (data) {
|
|
104
|
+
return data;
|
|
105
|
+
} : _ref$getItemsFromResp,
|
|
106
|
+
_ref$onItemsLoaded = _ref.onItemsLoaded,
|
|
107
|
+
onItemsLoaded = _ref$onItemsLoaded === void 0 ? null : _ref$onItemsLoaded,
|
|
108
|
+
_ref$onPageLoaded = _ref.onPageLoaded,
|
|
109
|
+
onPageLoaded = _ref$onPageLoaded === void 0 ? null : _ref$onPageLoaded,
|
|
110
|
+
_ref$onLoaded = _ref.onLoaded,
|
|
111
|
+
onLoaded = _ref$onLoaded === void 0 ? null : _ref$onLoaded,
|
|
112
|
+
_ref$onError = _ref.onError,
|
|
113
|
+
onError = _ref$onError === void 0 ? null : _ref$onError;
|
|
123
114
|
var isPaginated = getPage !== null || initialPages !== null;
|
|
124
115
|
var lastState = useRef(null);
|
|
125
116
|
var initialState = useMemo(function () {
|
|
@@ -138,31 +129,26 @@ var useItems = function useItems(_ref) {
|
|
|
138
129
|
items: null
|
|
139
130
|
};
|
|
140
131
|
}, [initialPages, providedItems]);
|
|
141
|
-
|
|
142
132
|
var _useState = useState(initialState),
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
133
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
134
|
+
state = _useState2[0],
|
|
135
|
+
setState = _useState2[1];
|
|
147
136
|
var lastPage = state.lastPage,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
137
|
+
loaded = state.loaded,
|
|
138
|
+
loading = state.loading,
|
|
139
|
+
stateItems = state.items,
|
|
140
|
+
pages = state.pages,
|
|
141
|
+
total = state.total;
|
|
153
142
|
var items = providedItems || (isPaginated && pages !== null ? pages.reduce(function (pagesItems, _ref4) {
|
|
154
143
|
var pageItems = _ref4.items;
|
|
155
144
|
return pagesItems.concat(pageItems);
|
|
156
145
|
}, []) : stateItems) || null;
|
|
157
|
-
|
|
158
146
|
var updateState = function updateState(update) {
|
|
159
147
|
return setState(_objectSpread(_objectSpread({}, state), update));
|
|
160
148
|
};
|
|
161
|
-
|
|
162
149
|
var updateFromResponse = function updateFromResponse(response) {
|
|
163
150
|
var error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
164
151
|
var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
165
|
-
|
|
166
152
|
if (error !== null) {
|
|
167
153
|
updateState({
|
|
168
154
|
loaded: false,
|
|
@@ -170,7 +156,6 @@ var useItems = function useItems(_ref) {
|
|
|
170
156
|
});
|
|
171
157
|
throw error;
|
|
172
158
|
}
|
|
173
|
-
|
|
174
159
|
if (isPaginated) {
|
|
175
160
|
var newPage = getPageFromResponse(response);
|
|
176
161
|
var newPages = (reset ? [newPage] : [].concat(_toConsumableArray((pages || []).filter(function (it) {
|
|
@@ -179,7 +164,6 @@ var useItems = function useItems(_ref) {
|
|
|
179
164
|
if (a === b) {
|
|
180
165
|
return 0;
|
|
181
166
|
}
|
|
182
|
-
|
|
183
167
|
return a > b ? 1 : -1;
|
|
184
168
|
});
|
|
185
169
|
updateState({
|
|
@@ -191,9 +175,7 @@ var useItems = function useItems(_ref) {
|
|
|
191
175
|
});
|
|
192
176
|
return newPage;
|
|
193
177
|
}
|
|
194
|
-
|
|
195
178
|
var newItems = _toConsumableArray(getItemsFromResponse(response));
|
|
196
|
-
|
|
197
179
|
updateState({
|
|
198
180
|
loaded: true,
|
|
199
181
|
loading: false,
|
|
@@ -202,7 +184,6 @@ var useItems = function useItems(_ref) {
|
|
|
202
184
|
});
|
|
203
185
|
return newItems;
|
|
204
186
|
};
|
|
205
|
-
|
|
206
187
|
var getNextPage = function getNextPage() {
|
|
207
188
|
var allPages = lastPage !== -1 ? Array.call.apply(Array, [null].concat(_toConsumableArray(Array(lastPage)))).map(function (it, index) {
|
|
208
189
|
return index + 1;
|
|
@@ -215,7 +196,6 @@ var useItems = function useItems(_ref) {
|
|
|
215
196
|
var firstItem = remainingPages.length > 0 ? remainingPages.shift() : null;
|
|
216
197
|
return firstItem !== null ? firstItem : null;
|
|
217
198
|
};
|
|
218
|
-
|
|
219
199
|
var loadItems = function loadItems(requestPage) {
|
|
220
200
|
updateState({
|
|
221
201
|
loading: true
|
|
@@ -232,52 +212,41 @@ var useItems = function useItems(_ref) {
|
|
|
232
212
|
} else if (!isPaginated && onItemsLoaded !== null) {
|
|
233
213
|
onItemsLoaded(response);
|
|
234
214
|
}
|
|
235
|
-
|
|
236
215
|
if (onLoaded !== null) {
|
|
237
216
|
onLoaded(response);
|
|
238
217
|
}
|
|
239
|
-
|
|
240
218
|
return response;
|
|
241
219
|
})["catch"](function (error) {
|
|
242
220
|
if (!canceled && onError !== null) {
|
|
243
221
|
onError(error);
|
|
244
222
|
}
|
|
245
223
|
});
|
|
246
|
-
|
|
247
224
|
promise.cancel = function () {
|
|
248
225
|
canceled = true;
|
|
249
226
|
};
|
|
250
|
-
|
|
251
227
|
return promise;
|
|
252
228
|
};
|
|
253
|
-
|
|
254
229
|
var loadPage = function loadPage(pageToLoad) {
|
|
255
230
|
if (loading) {
|
|
256
231
|
return Promise.reject();
|
|
257
232
|
}
|
|
258
|
-
|
|
259
233
|
if (pages.find(function (it) {
|
|
260
234
|
return it.page === pageToLoad;
|
|
261
235
|
}) !== -1) {
|
|
262
236
|
return Promise.reject();
|
|
263
237
|
}
|
|
264
|
-
|
|
265
238
|
return loadItems(pageToLoad);
|
|
266
239
|
};
|
|
267
|
-
|
|
268
240
|
var loadNextPage = function loadNextPage() {
|
|
269
241
|
if (loading) {
|
|
270
242
|
return Promise.reject();
|
|
271
243
|
}
|
|
272
|
-
|
|
273
244
|
var nextPage = getNextPage();
|
|
274
245
|
return nextPage !== null ? loadItems(nextPage) : Promise.resolve();
|
|
275
246
|
};
|
|
276
|
-
|
|
277
247
|
useEffect(function () {
|
|
278
248
|
var hadState = lastState.current !== null;
|
|
279
249
|
lastState.current = initialState;
|
|
280
|
-
|
|
281
250
|
if (hadState) {
|
|
282
251
|
setState(initialState);
|
|
283
252
|
}
|
|
@@ -286,14 +255,11 @@ var useItems = function useItems(_ref) {
|
|
|
286
255
|
if (getPage === null && getItems === null || providedItems !== null) {
|
|
287
256
|
return function () {};
|
|
288
257
|
}
|
|
289
|
-
|
|
290
258
|
var loadPromise = null;
|
|
291
259
|
var pageToLoad = isPaginated && initialPages === null && page === null ? 1 : page;
|
|
292
|
-
|
|
293
260
|
if (!isPaginated || pageToLoad !== null) {
|
|
294
261
|
loadPromise = loadItems(pageToLoad);
|
|
295
262
|
}
|
|
296
|
-
|
|
297
263
|
return function () {
|
|
298
264
|
if (loadPromise !== null) {
|
|
299
265
|
loadPromise.cancel();
|
|
@@ -321,9 +287,7 @@ var useItems = function useItems(_ref) {
|
|
|
321
287
|
var Base = /*#__PURE__*/function () {
|
|
322
288
|
function Base() {
|
|
323
289
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
324
|
-
|
|
325
290
|
_classCallCheck(this, Base);
|
|
326
|
-
|
|
327
291
|
this.options = _objectSpread(_objectSpread({
|
|
328
292
|
routes: {},
|
|
329
293
|
generateUrl: null
|
|
@@ -332,12 +296,10 @@ var Base = /*#__PURE__*/function () {
|
|
|
332
296
|
onUnauthorized: opts.onUnauthorized || null
|
|
333
297
|
});
|
|
334
298
|
}
|
|
335
|
-
|
|
336
299
|
_createClass(Base, [{
|
|
337
300
|
key: "requestGet",
|
|
338
301
|
value: function requestGet(path) {
|
|
339
302
|
var _this = this;
|
|
340
|
-
|
|
341
303
|
var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
342
304
|
var queryString = query !== null ? stringify(query, {
|
|
343
305
|
arrayFormat: 'bracket'
|
|
@@ -353,7 +315,6 @@ var Base = /*#__PURE__*/function () {
|
|
|
353
315
|
key: "requestPost",
|
|
354
316
|
value: function requestPost(path, data) {
|
|
355
317
|
var _this2 = this;
|
|
356
|
-
|
|
357
318
|
return postJSON(this.getFullUrl(path), data, {
|
|
358
319
|
credentials: 'include',
|
|
359
320
|
headers: getCSRFHeaders()
|
|
@@ -365,7 +326,6 @@ var Base = /*#__PURE__*/function () {
|
|
|
365
326
|
key: "requestPut",
|
|
366
327
|
value: function requestPut(path, data) {
|
|
367
328
|
var _this3 = this;
|
|
368
|
-
|
|
369
329
|
return postJSON(this.getFullUrl(path), _objectSpread({
|
|
370
330
|
_method: 'PUT'
|
|
371
331
|
}, data), {
|
|
@@ -379,7 +339,6 @@ var Base = /*#__PURE__*/function () {
|
|
|
379
339
|
key: "requestPatch",
|
|
380
340
|
value: function requestPatch(path, data) {
|
|
381
341
|
var _this4 = this;
|
|
382
|
-
|
|
383
342
|
return postJSON(this.getFullUrl(path), _objectSpread({
|
|
384
343
|
_method: 'PATCH'
|
|
385
344
|
}, data), {
|
|
@@ -393,7 +352,6 @@ var Base = /*#__PURE__*/function () {
|
|
|
393
352
|
key: "requestDelete",
|
|
394
353
|
value: function requestDelete(path) {
|
|
395
354
|
var _this5 = this;
|
|
396
|
-
|
|
397
355
|
return this.requestPost(path, {
|
|
398
356
|
_method: 'DELETE'
|
|
399
357
|
})["catch"](function (error) {
|
|
@@ -404,55 +362,47 @@ var Base = /*#__PURE__*/function () {
|
|
|
404
362
|
key: "route",
|
|
405
363
|
value: function route(_route, params) {
|
|
406
364
|
var _this$options = this.options,
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
365
|
+
routes = _this$options.routes,
|
|
366
|
+
_this$options$generat = _this$options.generateUrl,
|
|
367
|
+
generateUrl = _this$options$generat === void 0 ? null : _this$options$generat;
|
|
411
368
|
if (generateUrl !== null) {
|
|
412
369
|
return generateUrl(_route, params);
|
|
413
370
|
}
|
|
414
|
-
|
|
415
371
|
return generatePath(routes[_route] || _route, params);
|
|
416
372
|
}
|
|
417
373
|
}, {
|
|
418
374
|
key: "getFullUrl",
|
|
419
375
|
value: function getFullUrl(path) {
|
|
420
376
|
var _this$options$baseUrl = this.options.baseUrl,
|
|
421
|
-
|
|
377
|
+
baseUrl = _this$options$baseUrl === void 0 ? null : _this$options$baseUrl;
|
|
422
378
|
return baseUrl !== null ? "".concat(baseUrl.replace(/\/$/, ''), "/").concat(path.replace(/^\//, '')) : path;
|
|
423
379
|
}
|
|
424
380
|
}, {
|
|
425
381
|
key: "onError",
|
|
426
382
|
value: function onError(err) {
|
|
427
383
|
var onUnauthorized = this.options.onUnauthorized;
|
|
428
|
-
|
|
429
384
|
var _ref = err || {},
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
385
|
+
_ref$status = _ref.status,
|
|
386
|
+
status = _ref$status === void 0 ? null : _ref$status;
|
|
387
|
+
var statusCode = parseInt(status, 10);
|
|
388
|
+
// If status is refused and callback exists
|
|
435
389
|
if ((statusCode === 401 || statusCode === 419) && onUnauthorized !== null) {
|
|
436
390
|
return onUnauthorized();
|
|
437
391
|
}
|
|
438
|
-
|
|
439
392
|
throw err;
|
|
440
393
|
}
|
|
441
394
|
}]);
|
|
442
|
-
|
|
443
395
|
return Base;
|
|
444
396
|
}();
|
|
445
397
|
|
|
446
398
|
var AuthApi = /*#__PURE__*/function () {
|
|
447
399
|
function AuthApi(api, opts) {
|
|
448
400
|
_classCallCheck(this, AuthApi);
|
|
449
|
-
|
|
450
401
|
this.api = api;
|
|
451
402
|
this.options = _objectSpread({
|
|
452
403
|
withCredentials: true
|
|
453
404
|
}, opts);
|
|
454
405
|
}
|
|
455
|
-
|
|
456
406
|
_createClass(AuthApi, [{
|
|
457
407
|
key: "check",
|
|
458
408
|
value: function check() {
|
|
@@ -493,7 +443,6 @@ var AuthApi = /*#__PURE__*/function () {
|
|
|
493
443
|
credentials: 'include'
|
|
494
444
|
})["catch"](function (err) {
|
|
495
445
|
console.log('logout err', err); // eslint-disable-line
|
|
496
|
-
|
|
497
446
|
throw err;
|
|
498
447
|
});
|
|
499
448
|
}
|
|
@@ -518,20 +467,17 @@ var AuthApi = /*#__PURE__*/function () {
|
|
|
518
467
|
});
|
|
519
468
|
}
|
|
520
469
|
}]);
|
|
521
|
-
|
|
522
470
|
return AuthApi;
|
|
523
471
|
}();
|
|
524
472
|
|
|
525
473
|
var AccountApi = /*#__PURE__*/function () {
|
|
526
474
|
function AccountApi(api, opts) {
|
|
527
475
|
_classCallCheck(this, AccountApi);
|
|
528
|
-
|
|
529
476
|
this.api = api;
|
|
530
477
|
this.options = _objectSpread({
|
|
531
478
|
withCredentials: false
|
|
532
479
|
}, opts);
|
|
533
480
|
}
|
|
534
|
-
|
|
535
481
|
_createClass(AccountApi, [{
|
|
536
482
|
key: "update",
|
|
537
483
|
value: function update(data) {
|
|
@@ -569,20 +515,15 @@ var AccountApi = /*#__PURE__*/function () {
|
|
|
569
515
|
});
|
|
570
516
|
}
|
|
571
517
|
}]);
|
|
572
|
-
|
|
573
518
|
return AccountApi;
|
|
574
519
|
}();
|
|
575
520
|
|
|
576
521
|
var MediasApi = /*#__PURE__*/function (_Base) {
|
|
577
522
|
_inherits(MediasApi, _Base);
|
|
578
|
-
|
|
579
523
|
var _super = _createSuper(MediasApi);
|
|
580
|
-
|
|
581
524
|
function MediasApi() {
|
|
582
525
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
583
|
-
|
|
584
526
|
_classCallCheck(this, MediasApi);
|
|
585
|
-
|
|
586
527
|
return _super.call(this, _objectSpread(_objectSpread({}, opts), {}, {
|
|
587
528
|
routes: _objectSpread({
|
|
588
529
|
index: 'medias',
|
|
@@ -594,7 +535,6 @@ var MediasApi = /*#__PURE__*/function (_Base) {
|
|
|
594
535
|
}, opts.routes || null)
|
|
595
536
|
}));
|
|
596
537
|
}
|
|
597
|
-
|
|
598
538
|
_createClass(MediasApi, [{
|
|
599
539
|
key: "find",
|
|
600
540
|
value: function find(id) {
|
|
@@ -608,17 +548,13 @@ var MediasApi = /*#__PURE__*/function (_Base) {
|
|
|
608
548
|
var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
609
549
|
var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
610
550
|
var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
|
|
611
|
-
|
|
612
551
|
var finalQuery = _objectSpread({}, query);
|
|
613
|
-
|
|
614
552
|
if (page !== null) {
|
|
615
553
|
finalQuery.page = page;
|
|
616
554
|
}
|
|
617
|
-
|
|
618
555
|
if (count !== null) {
|
|
619
556
|
finalQuery.count = count;
|
|
620
557
|
}
|
|
621
|
-
|
|
622
558
|
return this.requestGet(this.route('index'), finalQuery);
|
|
623
559
|
}
|
|
624
560
|
}, {
|
|
@@ -626,13 +562,10 @@ var MediasApi = /*#__PURE__*/function (_Base) {
|
|
|
626
562
|
value: function getTags() {
|
|
627
563
|
var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
628
564
|
var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
|
|
629
|
-
|
|
630
565
|
var finalQuery = _objectSpread({}, query);
|
|
631
|
-
|
|
632
566
|
if (count !== null) {
|
|
633
567
|
finalQuery.count = count;
|
|
634
568
|
}
|
|
635
|
-
|
|
636
569
|
return this.requestGet(this.route('tags'), finalQuery);
|
|
637
570
|
}
|
|
638
571
|
}, {
|
|
@@ -655,23 +588,20 @@ var MediasApi = /*#__PURE__*/function (_Base) {
|
|
|
655
588
|
}));
|
|
656
589
|
}
|
|
657
590
|
}]);
|
|
658
|
-
|
|
659
591
|
return MediasApi;
|
|
660
592
|
}(Base);
|
|
661
593
|
|
|
662
594
|
var ResourcesApi = /*#__PURE__*/function () {
|
|
663
595
|
function ResourcesApi(api) {
|
|
664
596
|
_classCallCheck(this, ResourcesApi);
|
|
665
|
-
|
|
666
597
|
this.api = api;
|
|
667
598
|
}
|
|
668
|
-
|
|
669
599
|
_createClass(ResourcesApi, [{
|
|
670
600
|
key: "resourceRoute",
|
|
671
601
|
value: function resourceRoute(_ref, route, params) {
|
|
672
602
|
var id = _ref.id,
|
|
673
|
-
|
|
674
|
-
|
|
603
|
+
_ref$has_routes = _ref.has_routes,
|
|
604
|
+
hasRoutes = _ref$has_routes === void 0 ? false : _ref$has_routes;
|
|
675
605
|
var routePrefix = hasRoutes ? "resources.".concat(id) : 'resources';
|
|
676
606
|
return this.api.route("".concat(routePrefix, ".").concat(route), hasRoutes ? params : _objectSpread({
|
|
677
607
|
resource: id
|
|
@@ -692,17 +622,13 @@ var ResourcesApi = /*#__PURE__*/function () {
|
|
|
692
622
|
var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
693
623
|
var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
694
624
|
var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
|
|
695
|
-
|
|
696
625
|
var finalQuery = _objectSpread({}, query);
|
|
697
|
-
|
|
698
626
|
if (page !== null) {
|
|
699
627
|
finalQuery.page = page;
|
|
700
628
|
}
|
|
701
|
-
|
|
702
629
|
if (count !== null) {
|
|
703
630
|
finalQuery.count = count;
|
|
704
631
|
}
|
|
705
|
-
|
|
706
632
|
return this.api.requestGet(this.resourceRoute(resource, 'index'), finalQuery, {
|
|
707
633
|
withCredentials: true
|
|
708
634
|
});
|
|
@@ -733,22 +659,16 @@ var ResourcesApi = /*#__PURE__*/function () {
|
|
|
733
659
|
});
|
|
734
660
|
}
|
|
735
661
|
}]);
|
|
736
|
-
|
|
737
662
|
return ResourcesApi;
|
|
738
663
|
}();
|
|
739
664
|
|
|
740
665
|
var Api = /*#__PURE__*/function (_Base) {
|
|
741
666
|
_inherits(Api, _Base);
|
|
742
|
-
|
|
743
667
|
var _super = _createSuper(Api);
|
|
744
|
-
|
|
745
668
|
function Api() {
|
|
746
669
|
var _this;
|
|
747
|
-
|
|
748
670
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
749
|
-
|
|
750
671
|
_classCallCheck(this, Api);
|
|
751
|
-
|
|
752
672
|
_this = _super.call(this, opts);
|
|
753
673
|
_this.auth = new AuthApi(_assertThisInitialized(_this), {
|
|
754
674
|
withCredentials: true
|
|
@@ -760,7 +680,6 @@ var Api = /*#__PURE__*/function (_Base) {
|
|
|
760
680
|
_this.resources = new ResourcesApi(_assertThisInitialized(_this));
|
|
761
681
|
return _this;
|
|
762
682
|
}
|
|
763
|
-
|
|
764
683
|
return _createClass(Api);
|
|
765
684
|
}(Base);
|
|
766
685
|
|
|
@@ -782,9 +701,9 @@ var defaultProps$1 = {
|
|
|
782
701
|
};
|
|
783
702
|
var ApiProvider = function ApiProvider(_ref) {
|
|
784
703
|
var initialApi = _ref.api,
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
704
|
+
baseUrl = _ref.baseUrl,
|
|
705
|
+
onUnauthorized = _ref.onUnauthorized,
|
|
706
|
+
children = _ref.children;
|
|
788
707
|
var generateUrl = useUrlGenerator();
|
|
789
708
|
var previousApi = useApi();
|
|
790
709
|
var api = useMemo(function () {
|
|
@@ -802,7 +721,6 @@ ApiProvider.propTypes = propTypes$1;
|
|
|
802
721
|
ApiProvider.defaultProps = defaultProps$1;
|
|
803
722
|
|
|
804
723
|
var _excluded$4 = ["items", "pageItems"];
|
|
805
|
-
|
|
806
724
|
var useMedias = function useMedias() {
|
|
807
725
|
var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
808
726
|
var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
@@ -813,17 +731,15 @@ var useMedias = function useMedias() {
|
|
|
813
731
|
var requestedPage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
814
732
|
return api.medias.get(query, requestedPage, count);
|
|
815
733
|
}, [api, query, count]);
|
|
816
|
-
|
|
817
734
|
var _useItems = useItems(_objectSpread({
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
735
|
+
getPage: page !== null ? getItems : null,
|
|
736
|
+
getItems: page === null ? getItems : null,
|
|
737
|
+
page: page
|
|
738
|
+
}, opts)),
|
|
739
|
+
items = _useItems.items,
|
|
740
|
+
pageItems = _useItems.pageItems,
|
|
741
|
+
request = _objectWithoutProperties(_useItems, _excluded$4);
|
|
742
|
+
// console.log('medias', items);
|
|
827
743
|
return _objectSpread({
|
|
828
744
|
medias: page !== null ? pageItems : items,
|
|
829
745
|
allMedias: items
|
|
@@ -840,18 +756,15 @@ var useMediasRecent = function useMediasRecent(opts) {
|
|
|
840
756
|
window.localStorage.setItem(key, encoded);
|
|
841
757
|
return true;
|
|
842
758
|
}
|
|
843
|
-
|
|
844
759
|
return false;
|
|
845
760
|
}, [key]);
|
|
846
761
|
var getSearches = useCallback(function () {
|
|
847
762
|
var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
|
|
848
|
-
|
|
849
763
|
if (window !== undefined) {
|
|
850
764
|
var recent = window.localStorage.getItem(key) || null;
|
|
851
765
|
var current = recent !== null ? JSON.parse(recent || '[]') : [];
|
|
852
766
|
return current.slice(0, count);
|
|
853
767
|
}
|
|
854
|
-
|
|
855
768
|
return [];
|
|
856
769
|
}, [key]);
|
|
857
770
|
return {
|
|
@@ -861,17 +774,14 @@ var useMediasRecent = function useMediasRecent(opts) {
|
|
|
861
774
|
};
|
|
862
775
|
|
|
863
776
|
var _excluded$3 = ["data"];
|
|
864
|
-
|
|
865
777
|
var useMedia = function useMedia(id, opts) {
|
|
866
778
|
var api = useApi();
|
|
867
779
|
var loader = useCallback(function () {
|
|
868
780
|
return api.medias.find(id);
|
|
869
781
|
}, [api, id]);
|
|
870
|
-
|
|
871
782
|
var _useData = useData(loader, opts),
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
783
|
+
data = _useData.data,
|
|
784
|
+
request = _objectWithoutProperties(_useData, _excluded$3);
|
|
875
785
|
return _objectSpread({
|
|
876
786
|
story: data
|
|
877
787
|
}, request);
|
|
@@ -879,10 +789,9 @@ var useMedia = function useMedia(id, opts) {
|
|
|
879
789
|
|
|
880
790
|
var useMediaCreate = function useMediaCreate() {
|
|
881
791
|
var _useState = useState(false),
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
792
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
793
|
+
creating = _useState2[0],
|
|
794
|
+
setCreating = _useState2[1];
|
|
886
795
|
var api = useApi();
|
|
887
796
|
var create = useCallback(function (data) {
|
|
888
797
|
setCreating(true);
|
|
@@ -898,7 +807,6 @@ var useMediaCreate = function useMediaCreate() {
|
|
|
898
807
|
};
|
|
899
808
|
|
|
900
809
|
var _excluded$2 = ["items", "pageItems"];
|
|
901
|
-
|
|
902
810
|
var useMediaTags = function useMediaTags() {
|
|
903
811
|
var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
904
812
|
var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
|
|
@@ -907,14 +815,12 @@ var useMediaTags = function useMediaTags() {
|
|
|
907
815
|
var getItems = useCallback(function () {
|
|
908
816
|
return api.medias.getTags(query, count);
|
|
909
817
|
}, [api, query, count]);
|
|
910
|
-
|
|
911
818
|
var _useItems = useItems(_objectSpread({
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
819
|
+
getItems: getItems
|
|
820
|
+
}, opts)),
|
|
821
|
+
items = _useItems.items;
|
|
822
|
+
_useItems.pageItems;
|
|
823
|
+
var request = _objectWithoutProperties(_useItems, _excluded$2);
|
|
918
824
|
return _objectSpread({
|
|
919
825
|
tags: items
|
|
920
826
|
}, request);
|
|
@@ -922,10 +828,9 @@ var useMediaTags = function useMediaTags() {
|
|
|
922
828
|
|
|
923
829
|
var useMediaUpdate = function useMediaUpdate() {
|
|
924
830
|
var _useState = useState(false),
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
831
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
832
|
+
updating = _useState2[0],
|
|
833
|
+
setUpdating = _useState2[1];
|
|
929
834
|
var api = useApi();
|
|
930
835
|
var update = useCallback(function (id, data) {
|
|
931
836
|
setUpdating(true);
|
|
@@ -942,12 +847,10 @@ var useMediaUpdate = function useMediaUpdate() {
|
|
|
942
847
|
|
|
943
848
|
var useResourceDestroy = function useResourceDestroy(resource) {
|
|
944
849
|
var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
945
|
-
|
|
946
850
|
var _useState = useState(false),
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
851
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
852
|
+
loading = _useState2[0],
|
|
853
|
+
setLoading = _useState2[1];
|
|
951
854
|
var api = useApi();
|
|
952
855
|
var destroy = useCallback(function (providedId) {
|
|
953
856
|
setLoading(true);
|
|
@@ -966,24 +869,20 @@ var useResourceDestroy = function useResourceDestroy(resource) {
|
|
|
966
869
|
};
|
|
967
870
|
|
|
968
871
|
var _excluded$1 = ["data"];
|
|
969
|
-
|
|
970
872
|
var useResourceItem = function useResourceItem(resource, id, opts) {
|
|
971
873
|
var api = useApi();
|
|
972
874
|
var loader = useCallback(function () {
|
|
973
875
|
return api.resources.find(resource, id);
|
|
974
876
|
}, [api, resource, id]);
|
|
975
|
-
|
|
976
877
|
var _useData = useData(loader, opts),
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
878
|
+
data = _useData.data,
|
|
879
|
+
request = _objectWithoutProperties(_useData, _excluded$1);
|
|
980
880
|
return _objectSpread({
|
|
981
881
|
item: data
|
|
982
882
|
}, request);
|
|
983
883
|
};
|
|
984
884
|
|
|
985
885
|
var _excluded = ["items", "pageItems"];
|
|
986
|
-
|
|
987
886
|
var useResourceItems = function useResourceItems(resource) {
|
|
988
887
|
var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
989
888
|
var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
@@ -994,16 +893,14 @@ var useResourceItems = function useResourceItems(resource) {
|
|
|
994
893
|
var requestedPage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
995
894
|
return api.resources.get(resource, query, requestedPage, count);
|
|
996
895
|
}, [api, resource, query, count]);
|
|
997
|
-
|
|
998
896
|
var _useItems = useItems(_objectSpread({
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
897
|
+
getPage: page !== null ? getItems : null,
|
|
898
|
+
getItems: page === null ? getItems : null,
|
|
899
|
+
page: page
|
|
900
|
+
}, opts)),
|
|
901
|
+
items = _useItems.items,
|
|
902
|
+
pageItems = _useItems.pageItems,
|
|
903
|
+
request = _objectWithoutProperties(_useItems, _excluded);
|
|
1007
904
|
return _objectSpread({
|
|
1008
905
|
items: page !== null ? pageItems : items,
|
|
1009
906
|
allItems: items
|
|
@@ -1012,10 +909,9 @@ var useResourceItems = function useResourceItems(resource) {
|
|
|
1012
909
|
|
|
1013
910
|
var useResourceCreate = function useResourceCreate(resource) {
|
|
1014
911
|
var _useState = useState(false),
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
912
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
913
|
+
loading = _useState2[0],
|
|
914
|
+
setLoading = _useState2[1];
|
|
1019
915
|
var api = useApi();
|
|
1020
916
|
var store = useCallback(function (data) {
|
|
1021
917
|
setLoading(true);
|
|
@@ -1035,10 +931,9 @@ var useResourceCreate = function useResourceCreate(resource) {
|
|
|
1035
931
|
|
|
1036
932
|
var useResourceUpdate = function useResourceUpdate(resource, id) {
|
|
1037
933
|
var _useState = useState(false),
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
934
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
935
|
+
loading = _useState2[0],
|
|
936
|
+
setLoading = _useState2[1];
|
|
1042
937
|
var api = useApi();
|
|
1043
938
|
var update = useCallback(function (data) {
|
|
1044
939
|
setLoading(true);
|
|
@@ -1067,17 +962,15 @@ var defaultProps = {
|
|
|
1067
962
|
apiBaseUrl: undefined,
|
|
1068
963
|
children: null
|
|
1069
964
|
};
|
|
1070
|
-
|
|
1071
965
|
var DataProvider = function DataProvider(_ref) {
|
|
1072
966
|
var api = _ref.api,
|
|
1073
|
-
|
|
1074
|
-
|
|
967
|
+
apiBaseUrl = _ref.apiBaseUrl,
|
|
968
|
+
children = _ref.children;
|
|
1075
969
|
return /*#__PURE__*/React.createElement(ApiProvider, {
|
|
1076
970
|
api: api,
|
|
1077
971
|
baseUrl: apiBaseUrl
|
|
1078
972
|
}, children);
|
|
1079
973
|
};
|
|
1080
|
-
|
|
1081
974
|
DataProvider.propTypes = propTypes;
|
|
1082
975
|
DataProvider.defaultProps = defaultProps;
|
|
1083
976
|
|