@panneau/app 1.0.3-alpha.1 → 1.0.3
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/assets/css/styles.css +1 -1
- package/es/index.js +304 -413
- package/lib/index.js +304 -413
- package/package.json +26 -26
package/es/index.js
CHANGED
@@ -61,23 +61,20 @@ var defaultProps$m = {
|
|
61
61
|
errors: null,
|
62
62
|
className: null
|
63
63
|
};
|
64
|
-
|
65
64
|
var DeleteForm = function DeleteForm(_ref) {
|
66
65
|
var resource = _ref.resource,
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
66
|
+
action = _ref.action,
|
67
|
+
previous = _ref.previous;
|
68
|
+
_ref.status;
|
69
|
+
var value = _ref.value,
|
70
|
+
onSubmit = _ref.onSubmit;
|
71
|
+
_ref.errors;
|
72
|
+
var generalError = _ref.generalError,
|
73
|
+
className = _ref.className,
|
74
|
+
props = _objectWithoutProperties(_ref, _excluded$5);
|
77
75
|
var _ref2 = value || {},
|
78
|
-
|
79
|
-
|
80
|
-
|
76
|
+
_ref2$id = _ref2.id,
|
77
|
+
id = _ref2$id === void 0 ? null : _ref2$id;
|
81
78
|
var resourceValues = useResourceValues(resource, {
|
82
79
|
id: id
|
83
80
|
});
|
@@ -145,7 +142,6 @@ var DeleteForm = function DeleteForm(_ref) {
|
|
145
142
|
}]
|
146
143
|
})))));
|
147
144
|
};
|
148
|
-
|
149
145
|
DeleteForm.propTypes = propTypes$m;
|
150
146
|
DeleteForm.defaultProps = defaultProps$m;
|
151
147
|
|
@@ -166,129 +162,120 @@ var defaultProps$l = {
|
|
166
162
|
onSuccess: null,
|
167
163
|
isDelete: false
|
168
164
|
};
|
169
|
-
|
170
165
|
var ResourceForm = function ResourceForm(_ref) {
|
171
166
|
var component = _ref.component,
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
167
|
+
resource = _ref.resource,
|
168
|
+
onSuccess = _ref.onSuccess,
|
169
|
+
item = _ref.item,
|
170
|
+
type = _ref.type,
|
171
|
+
isDelete = _ref.isDelete,
|
172
|
+
props = _objectWithoutProperties(_ref, _excluded$4);
|
179
173
|
var locales = useLocales();
|
180
174
|
var FormComponents = useFormsComponents();
|
181
175
|
var _resource$fields = resource.fields,
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
176
|
+
resourceFields = _resource$fields === void 0 ? [] : _resource$fields,
|
177
|
+
_resource$types = resource.types,
|
178
|
+
resourceTypes = _resource$types === void 0 ? [] : _resource$types,
|
179
|
+
forms = resource.forms;
|
186
180
|
var resourceType = type !== null ? resourceTypes.find(function (it) {
|
187
181
|
return it.id === type;
|
188
182
|
}) || null : null;
|
189
|
-
|
190
183
|
var _ref2 = resourceType || {},
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
var isCreate = item === null || !item.id; // Pick fields from resource root or form
|
184
|
+
_ref2$fields = _ref2.fields,
|
185
|
+
resourceTypeFields = _ref2$fields === void 0 ? null : _ref2$fields;
|
186
|
+
var isCreate = item === null || !item.id;
|
195
187
|
|
188
|
+
// Pick fields from resource root or form
|
196
189
|
var _ref3 = forms || {},
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
190
|
+
_ref3$default = _ref3["default"],
|
191
|
+
defaultForm = _ref3$default === void 0 ? null : _ref3$default,
|
192
|
+
_ref3$create = _ref3.create,
|
193
|
+
createForm = _ref3$create === void 0 ? null : _ref3$create,
|
194
|
+
_ref3$edit = _ref3.edit,
|
195
|
+
editForm = _ref3$edit === void 0 ? null : _ref3$edit,
|
196
|
+
_ref3$delete = _ref3["delete"],
|
197
|
+
deleteForm = _ref3$delete === void 0 ? null : _ref3$delete;
|
206
198
|
var _ref4 = defaultForm || {},
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
199
|
+
_ref4$fields = _ref4.fields,
|
200
|
+
defaultFields = _ref4$fields === void 0 ? null : _ref4$fields,
|
201
|
+
defaultComponent = _ref4.component;
|
211
202
|
var createOrEditSource = isCreate ? createForm || {} : editForm || {};
|
212
|
-
|
213
203
|
var _ref5 = isDelete ? deleteForm || {} : createOrEditSource || {},
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
204
|
+
_ref5$fields = _ref5.fields,
|
205
|
+
formFields = _ref5$fields === void 0 ? null : _ref5$fields,
|
206
|
+
_ref5$component = _ref5.component,
|
207
|
+
formComponent = _ref5$component === void 0 ? null : _ref5$component;
|
219
208
|
var finalFields = useMemo(function () {
|
220
209
|
return (formFields || defaultFields || resourceTypeFields || resourceFields).filter(function (_ref6) {
|
221
|
-
var _ref6$settings = _ref6.settings
|
222
|
-
|
223
|
-
|
224
|
-
|
210
|
+
var _ref6$settings = _ref6.settings,
|
211
|
+
_ref6$settings2 = _ref6$settings === void 0 ? {} : _ref6$settings,
|
212
|
+
_ref6$settings2$hidde = _ref6$settings2.hiddenInForm,
|
213
|
+
hiddenInForm = _ref6$settings2$hidde === void 0 ? false : _ref6$settings2$hidde;
|
225
214
|
return !hiddenInForm;
|
226
215
|
});
|
227
|
-
}, [formFields, defaultFields, resourceTypeFields, resourceFields]);
|
216
|
+
}, [formFields, defaultFields, resourceTypeFields, resourceFields]);
|
228
217
|
|
218
|
+
// Form routes
|
229
219
|
var resourceRoute = useResourceUrlGenerator(resource);
|
230
|
-
|
231
220
|
var _useResourceStore = useResourceStore(resource),
|
232
|
-
|
233
|
-
|
221
|
+
store = _useResourceStore.store;
|
234
222
|
var _useResourceUpdate = useResourceUpdate(resource, item != null ? item.id : null),
|
235
|
-
|
236
|
-
|
223
|
+
update = _useResourceUpdate.update;
|
237
224
|
var _useResourceDestroy = useResourceDestroy(resource, item != null ? item.id : null),
|
238
|
-
|
239
|
-
|
225
|
+
destroy = _useResourceDestroy.destroy;
|
240
226
|
|
227
|
+
// Post actions
|
241
228
|
var postAction = isCreate ? store : update;
|
242
229
|
var postForm = useCallback(function (action, data) {
|
243
230
|
return isDelete ? destroy() : postAction(data);
|
244
|
-
}, [postAction, isDelete, destroy, store, update]);
|
231
|
+
}, [postAction, isDelete, destroy, store, update]);
|
245
232
|
|
233
|
+
// Form state
|
246
234
|
var getInitialValue = useCallback(function () {
|
247
235
|
return item !== null ? item : finalFields.reduce(function (defaultValues, _ref7) {
|
248
236
|
var name = _ref7.name,
|
249
|
-
|
250
|
-
|
237
|
+
_ref7$defaultValue = _ref7.defaultValue,
|
238
|
+
defaultValue = _ref7$defaultValue === void 0 ? null : _ref7$defaultValue;
|
251
239
|
return defaultValue !== null ? _objectSpread(_objectSpread({}, defaultValues), {}, _defineProperty({}, name, defaultValue)) : defaultValues;
|
252
240
|
}, type !== null ? {
|
253
241
|
type: type
|
254
242
|
} : null);
|
255
243
|
}, [item, type, finalFields]);
|
256
|
-
|
257
244
|
var _useState = useState(getInitialValue()),
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
245
|
+
_useState2 = _slicedToArray(_useState, 2),
|
246
|
+
value = _useState2[0],
|
247
|
+
setValueState = _useState2[1];
|
262
248
|
var setValue = useCallback(function (newValue) {
|
263
249
|
// console.log('new value in resource form', newValue); // eslint-disable-line
|
264
250
|
setValueState(newValue);
|
265
251
|
}, [setValueState]);
|
266
|
-
|
267
252
|
var _useForm = useForm({
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
280
|
-
|
253
|
+
fields: finalFields,
|
254
|
+
value: value,
|
255
|
+
postForm: postForm,
|
256
|
+
setValue: setValue,
|
257
|
+
onComplete: onSuccess,
|
258
|
+
locales: locales
|
259
|
+
}),
|
260
|
+
fields = _useForm.fields,
|
261
|
+
onSubmit = _useForm.onSubmit,
|
262
|
+
status = _useForm.status,
|
263
|
+
generalError = _useForm.generalError,
|
264
|
+
errors = _useForm.errors;
|
281
265
|
|
266
|
+
// Form action
|
282
267
|
var modifyAction = isCreate ? resourceRoute('store') : resourceRoute('update', {
|
283
268
|
id: item.id
|
284
269
|
});
|
285
270
|
var action = isDelete ? resourceRoute('destroy', {
|
286
271
|
id: item.id
|
287
272
|
}) : modifyAction;
|
288
|
-
var defaultFormName = isDelete ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
|
273
|
+
var defaultFormName = isDelete ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
|
289
274
|
|
290
|
-
|
275
|
+
// Form component
|
276
|
+
var FormComponent = getComponentFromName(defaultFormName, FormComponents, isDelete ? DeleteForm : component);
|
291
277
|
|
278
|
+
// Lisen to item value change - this is important
|
292
279
|
useEffect(function () {
|
293
280
|
// console.log('get initial value from the top'); // eslint-disable-line
|
294
281
|
setValue(getInitialValue());
|
@@ -310,7 +297,6 @@ var ResourceForm = function ResourceForm(_ref) {
|
|
310
297
|
onChange: setValue
|
311
298
|
})));
|
312
299
|
};
|
313
|
-
|
314
300
|
ResourceForm.propTypes = propTypes$l;
|
315
301
|
ResourceForm.defaultProps = defaultProps$l;
|
316
302
|
|
@@ -324,11 +310,10 @@ var defaultProps$k = {
|
|
324
310
|
itemClassName: null,
|
325
311
|
linkClassName: null
|
326
312
|
};
|
327
|
-
|
328
313
|
var AccountMenu = function AccountMenu(_ref) {
|
329
314
|
var className = _ref.className,
|
330
|
-
|
331
|
-
|
315
|
+
itemClassName = _ref.itemClassName,
|
316
|
+
linkClassName = _ref.linkClassName;
|
332
317
|
var route = useUrlGenerator();
|
333
318
|
var user = useUser();
|
334
319
|
var logout = useLogout();
|
@@ -347,14 +332,15 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
347
332
|
}]
|
348
333
|
}),
|
349
334
|
href: route('account'),
|
350
|
-
dropdown: [
|
335
|
+
dropdown: [
|
336
|
+
// {
|
351
337
|
// label: (
|
352
338
|
// <FormattedMessage
|
353
339
|
// defaultMessage="Update account"
|
354
340
|
// description="Menu label"
|
355
341
|
// />
|
356
342
|
// ),
|
357
|
-
// href: route('
|
343
|
+
// href: route('account'),
|
358
344
|
// },
|
359
345
|
{
|
360
346
|
label: /*#__PURE__*/React.createElement(FormattedMessage, {
|
@@ -386,7 +372,6 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
386
372
|
dropdownAlign: "end"
|
387
373
|
}) : null;
|
388
374
|
};
|
389
|
-
|
390
375
|
AccountMenu.propTypes = propTypes$k;
|
391
376
|
AccountMenu.defaultProps = defaultProps$k;
|
392
377
|
|
@@ -400,23 +385,20 @@ var defaultProps$j = {
|
|
400
385
|
itemClassName: null,
|
401
386
|
linkClassName: null
|
402
387
|
};
|
403
|
-
|
404
388
|
var ResourcesMenu = function ResourcesMenu(_ref) {
|
405
389
|
var className = _ref.className,
|
406
|
-
|
407
|
-
|
408
|
-
|
390
|
+
itemClassName = _ref.itemClassName,
|
391
|
+
linkClassName = _ref.linkClassName;
|
409
392
|
var _useLocation = useLocation(),
|
410
|
-
|
411
|
-
|
393
|
+
pathname = _useLocation.pathname;
|
412
394
|
var resources = usePanneauResources();
|
413
395
|
var resourceRoute = useResourceUrlGenerator();
|
414
396
|
var items = useMemo(function () {
|
415
397
|
return resources.filter(function (_ref2) {
|
416
|
-
var _ref2$settings = _ref2.settings
|
417
|
-
|
418
|
-
|
419
|
-
|
398
|
+
var _ref2$settings = _ref2.settings,
|
399
|
+
_ref2$settings2 = _ref2$settings === void 0 ? {} : _ref2$settings,
|
400
|
+
_ref2$settings2$hideI = _ref2$settings2.hideInNavbar,
|
401
|
+
hideInNavbar = _ref2$settings2$hideI === void 0 ? false : _ref2$settings2$hideI;
|
420
402
|
return !hideInNavbar;
|
421
403
|
}).map(function (it) {
|
422
404
|
var url = resourceRoute(it, 'index');
|
@@ -435,21 +417,17 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
|
|
435
417
|
linkClassName: linkClassName
|
436
418
|
});
|
437
419
|
};
|
438
|
-
|
439
420
|
ResourcesMenu.propTypes = propTypes$j;
|
440
421
|
ResourcesMenu.defaultProps = defaultProps$j;
|
441
422
|
|
442
423
|
/* eslint-disable react/jsx-props-no-spreading */
|
443
424
|
var propTypes$i = {};
|
444
425
|
var defaultProps$i = {};
|
445
|
-
|
446
426
|
var MainNavbar = function MainNavbar(props) {
|
447
427
|
var _usePanneau = usePanneau(),
|
448
|
-
|
449
|
-
|
428
|
+
name = _usePanneau.name;
|
450
429
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
451
|
-
|
452
|
-
|
430
|
+
background = _usePanneauColorSchem.background;
|
453
431
|
var route = useUrlGenerator();
|
454
432
|
var user = useUser();
|
455
433
|
return /*#__PURE__*/React.createElement(Navbar, Object.assign({
|
@@ -467,7 +445,6 @@ var MainNavbar = function MainNavbar(props) {
|
|
467
445
|
linkClassName: "nav-link"
|
468
446
|
}));
|
469
447
|
};
|
470
|
-
|
471
448
|
MainNavbar.propTypes = propTypes$i;
|
472
449
|
MainNavbar.defaultProps = defaultProps$i;
|
473
450
|
|
@@ -478,17 +455,13 @@ var propTypes$h = {
|
|
478
455
|
var defaultProps$h = {
|
479
456
|
fullscreen: false
|
480
457
|
};
|
481
|
-
|
482
458
|
var MainLayout = function MainLayout(_ref) {
|
483
459
|
var _ref2;
|
484
|
-
|
485
460
|
var children = _ref.children,
|
486
|
-
|
487
|
-
|
461
|
+
fullscreen = _ref.fullscreen;
|
488
462
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
489
|
-
|
490
|
-
|
491
|
-
|
463
|
+
background = _usePanneauColorSchem.background,
|
464
|
+
text = _usePanneauColorSchem.text;
|
492
465
|
return /*#__PURE__*/React.createElement("div", {
|
493
466
|
className: classNames(['d-flex', 'flex-column', 'min-vh-100'])
|
494
467
|
}, /*#__PURE__*/React.createElement(MainNavbar, {
|
@@ -499,7 +472,6 @@ var MainLayout = function MainLayout(_ref) {
|
|
499
472
|
}, _defineProperty(_ref2, "bg-".concat(background), background !== null), _defineProperty(_ref2, "text-".concat(text), text !== null), _ref2)])
|
500
473
|
}, children));
|
501
474
|
};
|
502
|
-
|
503
475
|
MainLayout.propTypes = propTypes$h;
|
504
476
|
MainLayout.defaultProps = defaultProps$h;
|
505
477
|
|
@@ -517,22 +489,19 @@ var defaultProps$g = {
|
|
517
489
|
className: null,
|
518
490
|
children: null
|
519
491
|
};
|
520
|
-
|
521
492
|
var PageHeader = function PageHeader(_ref) {
|
522
493
|
var _ref2;
|
523
|
-
|
524
494
|
var title = _ref.title,
|
525
|
-
|
526
|
-
|
527
|
-
|
528
|
-
|
529
|
-
|
495
|
+
actions = _ref.actions,
|
496
|
+
small = _ref.small,
|
497
|
+
className = _ref.className,
|
498
|
+
children = _ref.children;
|
530
499
|
// TODO: fix page header components
|
531
500
|
// const { components } = usePanneau();
|
532
501
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
533
|
-
|
534
|
-
|
535
|
-
|
502
|
+
text = _usePanneauColorSchem.text,
|
503
|
+
background = _usePanneauColorSchem.background;
|
504
|
+
// console.log('page-header', components); // eslint-disable-line
|
536
505
|
|
537
506
|
var inner = /*#__PURE__*/React.createElement("div", {
|
538
507
|
className: "d-flex align-items-center flex-wrap"
|
@@ -551,7 +520,6 @@ var PageHeader = function PageHeader(_ref) {
|
|
551
520
|
className: "col-12 col-md-8 col-lg-7"
|
552
521
|
}, inner)) : inner), children);
|
553
522
|
};
|
554
|
-
|
555
523
|
PageHeader.propTypes = propTypes$g;
|
556
524
|
PageHeader.defaultProps = defaultProps$g;
|
557
525
|
|
@@ -559,25 +527,20 @@ var propTypes$f = {
|
|
559
527
|
resource: PropTypes.resource.isRequired
|
560
528
|
};
|
561
529
|
var defaultProps$f = {};
|
562
|
-
|
563
530
|
var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
564
531
|
var resource = _ref.resource;
|
565
532
|
var navigate = useNavigate();
|
566
|
-
|
567
533
|
var _useLocation = useLocation(),
|
568
|
-
|
569
|
-
|
534
|
+
search = _useLocation.search;
|
570
535
|
var resourceRoute = useResourceUrlGenerator(resource);
|
571
536
|
var onSuccess = useCallback(function () {
|
572
537
|
navigate("".concat(resourceRoute('index'), "?created=true"));
|
573
538
|
}, [navigate, resourceRoute]);
|
574
|
-
|
575
539
|
var _useMemo = useMemo(function () {
|
576
|
-
|
577
|
-
|
578
|
-
|
579
|
-
|
580
|
-
|
540
|
+
return parse(search);
|
541
|
+
}, [search]),
|
542
|
+
_useMemo$type = _useMemo.type,
|
543
|
+
type = _useMemo$type === void 0 ? null : _useMemo$type;
|
581
544
|
var resourceValues = useResourceValues(resource);
|
582
545
|
return /*#__PURE__*/React.createElement(ResourceProvider, {
|
583
546
|
resource: resource
|
@@ -606,35 +569,31 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
606
569
|
onSuccess: onSuccess
|
607
570
|
}))))));
|
608
571
|
};
|
609
|
-
|
610
572
|
ResourceCreatePage.propTypes = propTypes$f;
|
611
573
|
ResourceCreatePage.defaultProps = defaultProps$f;
|
612
574
|
|
575
|
+
// import Button from '../buttons/Button';
|
576
|
+
|
613
577
|
var propTypes$e = {
|
614
578
|
resource: PropTypes.resource.isRequired
|
615
579
|
};
|
616
580
|
var defaultProps$e = {};
|
617
|
-
|
618
581
|
var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
619
582
|
var resource = _ref.resource;
|
620
|
-
|
621
583
|
var _useParams = useParams(),
|
622
|
-
|
623
|
-
|
584
|
+
itemId = _useParams.id;
|
624
585
|
var navigate = useNavigate();
|
625
586
|
var resourceRoute = useResourceUrlGenerator(resource);
|
626
|
-
|
627
587
|
var _useResourceItem = useResourceItem(resource, itemId),
|
628
|
-
|
629
|
-
|
588
|
+
item = _useResourceItem.item;
|
630
589
|
var onSuccess = useCallback(function () {
|
631
590
|
return navigate("".concat(resourceRoute('index'), "?deleted=true"));
|
632
|
-
}, [navigate, resourceRoute]);
|
591
|
+
}, [navigate, resourceRoute]);
|
633
592
|
|
593
|
+
// Navigate back
|
634
594
|
var _ref2 = history || {},
|
635
|
-
|
636
|
-
|
637
|
-
|
595
|
+
_ref2$entries = _ref2.entries,
|
596
|
+
entries = _ref2$entries === void 0 ? [] : _ref2$entries;
|
638
597
|
var previousEntry = entries !== null && entries.length > 1 ? entries[entries.length - 2] : null;
|
639
598
|
var previous = (previousEntry === null || previousEntry === void 0 ? void 0 : previousEntry.pathname) || null;
|
640
599
|
var resourceValues = useResourceValues(resource);
|
@@ -668,33 +627,28 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
668
627
|
isDelete: true
|
669
628
|
}) : null)))));
|
670
629
|
};
|
671
|
-
|
672
630
|
ResourceDeletePage.propTypes = propTypes$e;
|
673
631
|
ResourceDeletePage.defaultProps = defaultProps$e;
|
674
632
|
|
633
|
+
// import Button from '../buttons/Button';
|
634
|
+
|
675
635
|
var propTypes$d = {
|
676
636
|
resource: PropTypes.resource.isRequired
|
677
637
|
};
|
678
638
|
var defaultProps$d = {};
|
679
|
-
|
680
639
|
var ResourceEditPage = function ResourceEditPage(_ref) {
|
681
640
|
var resource = _ref.resource;
|
682
|
-
|
683
641
|
var _useParams = useParams(),
|
684
|
-
|
685
|
-
|
642
|
+
itemId = _useParams.id;
|
686
643
|
var _useResourceItem = useResourceItem(resource, itemId),
|
687
|
-
|
688
|
-
|
644
|
+
item = _useResourceItem.item;
|
689
645
|
var _ref2 = item || {},
|
690
|
-
|
691
|
-
|
692
|
-
|
646
|
+
_ref2$type = _ref2.type,
|
647
|
+
type = _ref2$type === void 0 ? null : _ref2$type;
|
693
648
|
var _useState = useState(item),
|
694
|
-
|
695
|
-
|
696
|
-
|
697
|
-
|
649
|
+
_useState2 = _slicedToArray(_useState, 2),
|
650
|
+
editItem = _useState2[0],
|
651
|
+
setEditItem = _useState2[1];
|
698
652
|
var onSuccess = useCallback(function (newItem) {
|
699
653
|
return setEditItem(newItem);
|
700
654
|
}, []);
|
@@ -730,7 +684,6 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
730
684
|
onSuccess: onSuccess
|
731
685
|
}) : null)))));
|
732
686
|
};
|
733
|
-
|
734
687
|
ResourceEditPage.propTypes = propTypes$d;
|
735
688
|
ResourceEditPage.defaultProps = defaultProps$d;
|
736
689
|
|
@@ -741,21 +694,18 @@ var propTypes$c = {
|
|
741
694
|
var defaultProps$c = {
|
742
695
|
className: null
|
743
696
|
};
|
744
|
-
|
745
697
|
var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
746
698
|
var resource = _ref.resource,
|
747
|
-
|
699
|
+
className = _ref.className;
|
748
700
|
var _resource$types = resource.types,
|
749
|
-
|
750
|
-
|
701
|
+
types = _resource$types === void 0 ? null : _resource$types;
|
702
|
+
// const intl = useIntl();
|
751
703
|
var resourceRoute = useResourceUrlGenerator(resource);
|
752
704
|
var resourceValues = useResourceValues(resource);
|
753
|
-
|
754
705
|
var _useState = useState(false),
|
755
|
-
|
756
|
-
|
757
|
-
|
758
|
-
|
706
|
+
_useState2 = _slicedToArray(_useState, 2),
|
707
|
+
dropdownOpened = _useState2[0],
|
708
|
+
setDropdownOpened = _useState2[1];
|
759
709
|
var onClickDropdown = useCallback(function (e) {
|
760
710
|
e.preventDefault();
|
761
711
|
setDropdownOpened(function (opened) {
|
@@ -763,10 +713,10 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
763
713
|
});
|
764
714
|
}, [setDropdownOpened]);
|
765
715
|
var finalTypes = types !== null ? types.filter(function (_ref2) {
|
766
|
-
var _ref2$settings = _ref2.settings
|
767
|
-
|
768
|
-
|
769
|
-
|
716
|
+
var _ref2$settings = _ref2.settings,
|
717
|
+
_ref2$settings2 = _ref2$settings === void 0 ? {} : _ref2$settings,
|
718
|
+
_ref2$settings2$canCr = _ref2$settings2.canCreate,
|
719
|
+
canCreate = _ref2$settings2$canCr === void 0 ? true : _ref2$settings2$canCr;
|
770
720
|
return canCreate;
|
771
721
|
}) : null;
|
772
722
|
var hasMultipleTypes = finalTypes !== null && finalTypes.length > 1;
|
@@ -809,7 +759,6 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
809
759
|
onClickOutside: onDropdownClickOutside
|
810
760
|
})) : button;
|
811
761
|
};
|
812
|
-
|
813
762
|
ResourceCreateButtom.propTypes = propTypes$c;
|
814
763
|
ResourceCreateButtom.defaultProps = defaultProps$c;
|
815
764
|
|
@@ -841,21 +790,18 @@ var defaultProps$b = {
|
|
841
790
|
},
|
842
791
|
className: null
|
843
792
|
};
|
844
|
-
|
845
793
|
var ResourceFilters = function ResourceFilters(_ref) {
|
846
794
|
var filters = _ref.filters,
|
847
|
-
|
848
|
-
|
849
|
-
|
850
|
-
|
851
|
-
|
852
|
-
|
853
|
-
|
795
|
+
value = _ref.value,
|
796
|
+
onChange = _ref.onChange,
|
797
|
+
onReset = _ref.onReset,
|
798
|
+
withContainer = _ref.withContainer,
|
799
|
+
withReset = _ref.withReset,
|
800
|
+
defaultValue = _ref.defaultValue,
|
801
|
+
className = _ref.className;
|
854
802
|
var FilterComponents = useFiltersComponents();
|
855
|
-
|
856
803
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
857
|
-
|
858
|
-
|
804
|
+
background = _usePanneauColorSchem.background;
|
859
805
|
var currentFilters = filters || [];
|
860
806
|
var onFiltersReset = useCallback(function () {
|
861
807
|
if (onReset !== null) {
|
@@ -866,9 +812,10 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
866
812
|
if (value !== null && value[item.name]) {
|
867
813
|
return true;
|
868
814
|
}
|
869
|
-
|
870
815
|
return isActive;
|
871
|
-
}, false);
|
816
|
+
}, false);
|
817
|
+
|
818
|
+
// console.log('value', value);
|
872
819
|
|
873
820
|
return /*#__PURE__*/React.createElement(Navbar, {
|
874
821
|
className: classNames([_defineProperty({
|
@@ -878,10 +825,9 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
878
825
|
withoutCollapse: true
|
879
826
|
}, currentFilters.map(function (_ref3, index) {
|
880
827
|
var component = _ref3.component,
|
881
|
-
|
882
|
-
|
883
|
-
|
884
|
-
|
828
|
+
name = _ref3.name,
|
829
|
+
groupLabel = _ref3.groupLabel,
|
830
|
+
filterProps = _objectWithoutProperties(_ref3, _excluded$3);
|
885
831
|
var FilterComponent = getComponentFromName(component, FilterComponents, null);
|
886
832
|
var filterValue = value !== null && value[name] ? value[name] : null;
|
887
833
|
var onFilterChange = useCallback(function (newFilterValue) {
|
@@ -892,9 +838,8 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
892
838
|
var onFilterClear = useCallback(function () {
|
893
839
|
if (name !== null && onChange !== null) {
|
894
840
|
var _ref4 = value || {};
|
895
|
-
|
896
|
-
|
897
|
-
|
841
|
+
_ref4[name];
|
842
|
+
var newValue = _objectWithoutProperties(_ref4, [name].map(_toPropertyKey));
|
898
843
|
onChange(_objectSpread(_objectSpread({}, newValue), defaultValue));
|
899
844
|
}
|
900
845
|
}, [onChange, name, value, defaultValue]);
|
@@ -914,12 +859,11 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
914
859
|
icon: faUndo
|
915
860
|
})) : null);
|
916
861
|
};
|
917
|
-
|
918
862
|
ResourceFilters.propTypes = propTypes$b;
|
919
863
|
ResourceFilters.defaultProps = defaultProps$b;
|
920
864
|
|
921
865
|
var _excluded$2 = ["component", "showPagination", "filters"],
|
922
|
-
|
866
|
+
_excluded2 = ["page"];
|
923
867
|
var propTypes$a = {
|
924
868
|
resource: PropTypes.resource.isRequired,
|
925
869
|
query: PropTypes$1.object,
|
@@ -941,51 +885,42 @@ var defaultProps$a = {
|
|
941
885
|
onQueryChange: null,
|
942
886
|
onQueryReset: null
|
943
887
|
};
|
944
|
-
|
945
888
|
var ResourceItemsList = function ResourceItemsList(_ref) {
|
946
889
|
var resource = _ref.resource,
|
947
|
-
|
948
|
-
|
949
|
-
|
950
|
-
|
951
|
-
|
952
|
-
var _resource$index = resource.index
|
953
|
-
|
954
|
-
|
955
|
-
|
956
|
-
|
957
|
-
|
958
|
-
|
959
|
-
|
960
|
-
|
961
|
-
listProps = _objectWithoutProperties(_resource$index, _excluded$2);
|
962
|
-
|
890
|
+
query = _ref.query,
|
891
|
+
baseUrl = _ref.baseUrl,
|
892
|
+
onQueryChange = _ref.onQueryChange,
|
893
|
+
onQueryReset = _ref.onQueryReset,
|
894
|
+
paginated = _ref.paginated;
|
895
|
+
var _resource$index = resource.index,
|
896
|
+
_resource$index2 = _resource$index === void 0 ? {} : _resource$index,
|
897
|
+
_resource$index2$comp = _resource$index2.component,
|
898
|
+
listComponent = _resource$index2$comp === void 0 ? null : _resource$index2$comp,
|
899
|
+
_resource$index2$show = _resource$index2.showPagination,
|
900
|
+
showPagination = _resource$index2$show === void 0 ? true : _resource$index2$show,
|
901
|
+
_resource$index2$filt = _resource$index2.filters,
|
902
|
+
filters = _resource$index2$filt === void 0 ? null : _resource$index2$filt,
|
903
|
+
listProps = _objectWithoutProperties(_resource$index2, _excluded$2);
|
963
904
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
964
|
-
|
965
|
-
|
966
|
-
|
905
|
+
_usePanneauColorSchem2 = _usePanneauColorSchem.background,
|
906
|
+
theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2;
|
967
907
|
var ListComponents = useListsComponents();
|
968
|
-
|
969
908
|
var _useMemo = useMemo(function () {
|
970
|
-
|
909
|
+
var _ref2 = query || {},
|
971
910
|
_ref2$page = _ref2.page,
|
972
911
|
currentPage = _ref2$page === void 0 ? 1 : _ref2$page,
|
973
912
|
rest = _objectWithoutProperties(_ref2, _excluded2);
|
974
|
-
|
975
|
-
|
976
|
-
|
977
|
-
|
978
|
-
|
979
|
-
queryWithoutPage = _useMemo2[1];
|
980
|
-
|
913
|
+
return [currentPage, rest];
|
914
|
+
}, [query]),
|
915
|
+
_useMemo2 = _slicedToArray(_useMemo, 2),
|
916
|
+
page = _useMemo2[0],
|
917
|
+
queryWithoutPage = _useMemo2[1];
|
981
918
|
var itemsProps = useResourceItems(resource, queryWithoutPage, paginated ? parseInt(page, 10) : null);
|
982
|
-
|
983
919
|
var _ref3 = itemsProps || {},
|
984
|
-
|
985
|
-
|
986
|
-
|
987
|
-
|
988
|
-
|
920
|
+
_ref3$lastPage = _ref3.lastPage,
|
921
|
+
lastPage = _ref3$lastPage === void 0 ? 0 : _ref3$lastPage,
|
922
|
+
_ref3$total = _ref3.total,
|
923
|
+
total = _ref3$total === void 0 ? 0 : _ref3$total;
|
989
924
|
var ListComponent = getComponentFromName(listComponent || 'table', ListComponents);
|
990
925
|
return /*#__PURE__*/React.createElement(React.Fragment, null, filters !== null ? /*#__PURE__*/React.createElement(ResourceFilters, {
|
991
926
|
filters: filters,
|
@@ -1015,7 +950,6 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
1015
950
|
className: "mt-4 mb-1"
|
1016
951
|
}) : null);
|
1017
952
|
};
|
1018
|
-
|
1019
953
|
ResourceItemsList.propTypes = propTypes$a;
|
1020
954
|
ResourceItemsList.defaultProps = defaultProps$a;
|
1021
955
|
|
@@ -1023,31 +957,27 @@ var _excluded$1 = ["id", "component"];
|
|
1023
957
|
var propTypes$9 = {
|
1024
958
|
resource: PropTypes.resource.isRequired,
|
1025
959
|
defaultActions: PropTypes$1.arrayOf(PropTypes$1.object) // eslint-disable-line react/forbid-prop-types
|
1026
|
-
|
1027
960
|
};
|
961
|
+
|
1028
962
|
var defaultProps$9 = {
|
1029
963
|
defaultActions: ['create']
|
1030
964
|
};
|
1031
|
-
|
1032
965
|
var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
1033
966
|
var resource = _ref.resource,
|
1034
|
-
|
967
|
+
defaultActions = _ref.defaultActions;
|
1035
968
|
var name = resource.name,
|
1036
|
-
|
1037
|
-
|
1038
|
-
|
1039
|
-
|
1040
|
-
|
969
|
+
_resource$settings = resource.settings,
|
970
|
+
settings = _resource$settings === void 0 ? {} : _resource$settings,
|
971
|
+
_resource$index = resource.index,
|
972
|
+
index = _resource$index === void 0 ? {} : _resource$index;
|
1041
973
|
var _ref2 = settings || {},
|
1042
|
-
|
1043
|
-
|
1044
|
-
|
1045
|
-
|
1046
|
-
|
974
|
+
_ref2$canCreate = _ref2.canCreate,
|
975
|
+
canCreate = _ref2$canCreate === void 0 ? true : _ref2$canCreate,
|
976
|
+
_ref2$indexIsPaginate = _ref2.indexIsPaginated,
|
977
|
+
paginated = _ref2$indexIsPaginate === void 0 ? false : _ref2$indexIsPaginate;
|
1047
978
|
var _ref3 = index || {},
|
1048
|
-
|
1049
|
-
|
1050
|
-
|
979
|
+
_ref3$actions = _ref3.actions,
|
980
|
+
actions = _ref3$actions === void 0 ? null : _ref3$actions;
|
1051
981
|
var finalActions = useMemo(function () {
|
1052
982
|
return (actions || defaultActions.filter(function (it) {
|
1053
983
|
return it !== 'create' || canCreate;
|
@@ -1062,10 +992,8 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1062
992
|
}, [canCreate, actions]);
|
1063
993
|
var resourceValues = useResourceValues(resource);
|
1064
994
|
var componentsManager = useComponentsManager();
|
1065
|
-
|
1066
995
|
var _useLocation = useLocation(),
|
1067
|
-
|
1068
|
-
|
996
|
+
search = _useLocation.search;
|
1069
997
|
var navigate = useNavigate();
|
1070
998
|
var query = useMemo(function () {
|
1071
999
|
return parse(search);
|
@@ -1073,13 +1001,11 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1073
1001
|
var listQuery = useMemo(function () {
|
1074
1002
|
return query;
|
1075
1003
|
}, [query]); // TODO: omit routes
|
1076
|
-
|
1077
1004
|
var _ref4 = query || {},
|
1078
|
-
|
1079
|
-
|
1080
|
-
|
1081
|
-
|
1082
|
-
|
1005
|
+
_ref4$created = _ref4.created,
|
1006
|
+
created = _ref4$created === void 0 ? false : _ref4$created,
|
1007
|
+
_ref4$deleted = _ref4.deleted,
|
1008
|
+
deleted = _ref4$deleted === void 0 ? false : _ref4$deleted;
|
1083
1009
|
var resourceRoute = useResourceUrlGenerator(resource);
|
1084
1010
|
var url = resourceRoute('index');
|
1085
1011
|
var onQueryChange = useCallback(function (submitQuery) {
|
@@ -1108,10 +1034,9 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1108
1034
|
className: "d-flex align-items-center"
|
1109
1035
|
}, finalActions.map(function (_ref5) {
|
1110
1036
|
var id = _ref5.id,
|
1111
|
-
|
1112
|
-
|
1113
|
-
|
1114
|
-
|
1037
|
+
_ref5$component = _ref5.component,
|
1038
|
+
component = _ref5$component === void 0 ? Button : _ref5$component,
|
1039
|
+
actionProps = _objectWithoutProperties(_ref5, _excluded$1);
|
1115
1040
|
var ActionComponent = isString(component) ? componentsManager.getComponent(component) : component;
|
1116
1041
|
return ActionComponent !== null ? /*#__PURE__*/React.createElement(ActionComponent, Object.assign({
|
1117
1042
|
key: "action-".concat(id)
|
@@ -1158,7 +1083,6 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1158
1083
|
onQueryReset: onQueryReset
|
1159
1084
|
}))));
|
1160
1085
|
};
|
1161
|
-
|
1162
1086
|
ResourceIndexPage.propTypes = propTypes$9;
|
1163
1087
|
ResourceIndexPage.defaultProps = defaultProps$9;
|
1164
1088
|
|
@@ -1166,7 +1090,6 @@ var propTypes$8 = {
|
|
1166
1090
|
resource: PropTypes.resource.isRequired
|
1167
1091
|
};
|
1168
1092
|
var defaultProps$8 = {};
|
1169
|
-
|
1170
1093
|
var ResourceShowPage = function ResourceShowPage(_ref) {
|
1171
1094
|
var resource = _ref.resource;
|
1172
1095
|
return /*#__PURE__*/React.createElement(ResourceProvider, {
|
@@ -1177,30 +1100,27 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
1177
1100
|
className: "container-sm"
|
1178
1101
|
}, "Show page")));
|
1179
1102
|
};
|
1180
|
-
|
1181
1103
|
ResourceShowPage.propTypes = propTypes$8;
|
1182
1104
|
ResourceShowPage.defaultProps = defaultProps$8;
|
1183
1105
|
|
1184
1106
|
/* eslint-disable react/jsx-props-no-spreading */
|
1185
1107
|
var propTypes$7 = {};
|
1186
1108
|
var defaultProps$7 = {};
|
1187
|
-
|
1188
1109
|
var HomePage = function HomePage() {
|
1189
1110
|
var route = useUrlGenerator();
|
1190
1111
|
var resources = usePanneauResources();
|
1191
1112
|
var visibleResources = resources.filter(function (_ref) {
|
1192
|
-
var _ref$settings = _ref.settings
|
1193
|
-
|
1194
|
-
|
1195
|
-
|
1113
|
+
var _ref$settings = _ref.settings,
|
1114
|
+
_ref$settings2 = _ref$settings === void 0 ? {} : _ref$settings,
|
1115
|
+
_ref$settings2$hideIn = _ref$settings2.hideInNavbar,
|
1116
|
+
hideInNavbar = _ref$settings2$hideIn === void 0 ? false : _ref$settings2$hideIn;
|
1196
1117
|
return !hideInNavbar;
|
1197
1118
|
});
|
1198
1119
|
return /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement("div", {
|
1199
1120
|
className: "container-sm py-4"
|
1200
1121
|
}, visibleResources.map(function (resource) {
|
1201
1122
|
var _ref2 = resource || {},
|
1202
|
-
|
1203
|
-
|
1123
|
+
resourceId = _ref2.id;
|
1204
1124
|
var resourceValues = useResourceValues(resource);
|
1205
1125
|
return /*#__PURE__*/React.createElement(Link, {
|
1206
1126
|
className: "d-block my-2",
|
@@ -1221,19 +1141,16 @@ var HomePage = function HomePage() {
|
|
1221
1141
|
}));
|
1222
1142
|
})));
|
1223
1143
|
};
|
1224
|
-
|
1225
1144
|
HomePage.propTypes = propTypes$7;
|
1226
1145
|
HomePage.defaultProps = defaultProps$7;
|
1227
1146
|
|
1228
1147
|
var propTypes$6 = {};
|
1229
1148
|
var defaultProps$6 = {};
|
1230
|
-
|
1231
1149
|
var AccountPage = function AccountPage() {
|
1232
1150
|
return /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement("div", {
|
1233
1151
|
className: "container-sm py-4"
|
1234
1152
|
}, "Account page"));
|
1235
1153
|
};
|
1236
|
-
|
1237
1154
|
AccountPage.propTypes = propTypes$6;
|
1238
1155
|
AccountPage.defaultProps = defaultProps$6;
|
1239
1156
|
|
@@ -1270,35 +1187,30 @@ var defaultProps$5 = {
|
|
1270
1187
|
className: null,
|
1271
1188
|
onSuccess: null
|
1272
1189
|
};
|
1273
|
-
|
1274
1190
|
var LoginForm = function LoginForm(_ref) {
|
1275
1191
|
var formFields = _ref.fields,
|
1276
|
-
|
1277
|
-
|
1192
|
+
className = _ref.className,
|
1193
|
+
onSuccess = _ref.onSuccess;
|
1278
1194
|
var url = useUrlGenerator();
|
1279
|
-
|
1280
1195
|
var _useAuth = useAuth(),
|
1281
|
-
|
1282
|
-
|
1196
|
+
login = _useAuth.login;
|
1283
1197
|
var postForm = useCallback(function (action, _ref2) {
|
1284
1198
|
var email = _ref2.email,
|
1285
|
-
|
1199
|
+
password = _ref2.password;
|
1286
1200
|
return login(email, password);
|
1287
1201
|
}, [login]);
|
1288
|
-
|
1289
1202
|
var _useForm = useForm({
|
1290
|
-
|
1291
|
-
|
1292
|
-
|
1293
|
-
|
1294
|
-
|
1295
|
-
|
1296
|
-
|
1297
|
-
|
1298
|
-
|
1299
|
-
|
1300
|
-
|
1301
|
-
|
1203
|
+
fields: formFields,
|
1204
|
+
postForm: postForm,
|
1205
|
+
onComplete: onSuccess
|
1206
|
+
}),
|
1207
|
+
value = _useForm.value,
|
1208
|
+
setValue = _useForm.setValue,
|
1209
|
+
fields = _useForm.fields,
|
1210
|
+
onSubmit = _useForm.onSubmit,
|
1211
|
+
status = _useForm.status,
|
1212
|
+
generalError = _useForm.generalError,
|
1213
|
+
errors = _useForm.errors;
|
1302
1214
|
var NormalForm = useFormComponent('normal');
|
1303
1215
|
return /*#__PURE__*/React.createElement(NormalForm, {
|
1304
1216
|
action: url('auth.login'),
|
@@ -1320,7 +1232,6 @@ var LoginForm = function LoginForm(_ref) {
|
|
1320
1232
|
})
|
1321
1233
|
});
|
1322
1234
|
};
|
1323
|
-
|
1324
1235
|
LoginForm.propTypes = propTypes$5;
|
1325
1236
|
LoginForm.defaultProps = defaultProps$5;
|
1326
1237
|
|
@@ -1331,17 +1242,13 @@ var propTypes$4 = {
|
|
1331
1242
|
var defaultProps$4 = {
|
1332
1243
|
fullscreen: false
|
1333
1244
|
};
|
1334
|
-
|
1335
1245
|
var GuestLayout = function GuestLayout(_ref) {
|
1336
1246
|
var _classNames;
|
1337
|
-
|
1338
1247
|
var fullscreen = _ref.fullscreen,
|
1339
|
-
|
1340
|
-
|
1248
|
+
children = _ref.children;
|
1341
1249
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
1342
|
-
|
1343
|
-
|
1344
|
-
|
1250
|
+
background = _usePanneauColorSchem.background,
|
1251
|
+
text = _usePanneauColorSchem.text;
|
1345
1252
|
return /*#__PURE__*/React.createElement("div", {
|
1346
1253
|
className: classNames({
|
1347
1254
|
'd-flex flex-column min-vh-100': fullscreen
|
@@ -1358,14 +1265,12 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
1358
1265
|
})
|
1359
1266
|
}, children)));
|
1360
1267
|
};
|
1361
|
-
|
1362
1268
|
GuestLayout.propTypes = propTypes$4;
|
1363
1269
|
GuestLayout.defaultProps = defaultProps$4;
|
1364
1270
|
|
1365
1271
|
/* eslint-disable react/jsx-props-no-spreading */
|
1366
1272
|
var propTypes$3 = {};
|
1367
1273
|
var defaultProps$3 = {};
|
1368
|
-
|
1369
1274
|
var LoginPage = function LoginPage() {
|
1370
1275
|
var route = useUrlGenerator();
|
1371
1276
|
var onSuccess = useCallback(function () {
|
@@ -1391,7 +1296,6 @@ var LoginPage = function LoginPage() {
|
|
1391
1296
|
onSuccess: onSuccess
|
1392
1297
|
})))));
|
1393
1298
|
};
|
1394
|
-
|
1395
1299
|
LoginPage.propTypes = propTypes$3;
|
1396
1300
|
LoginPage.defaultProps = defaultProps$3;
|
1397
1301
|
|
@@ -1494,7 +1398,6 @@ var propTypes$2 = {
|
|
1494
1398
|
var defaultProps$2 = {
|
1495
1399
|
statusCode: null
|
1496
1400
|
};
|
1497
|
-
|
1498
1401
|
var ErrorPage = function ErrorPage(_ref) {
|
1499
1402
|
var statusCode = _ref.statusCode;
|
1500
1403
|
return /*#__PURE__*/React.createElement(GuestLayout, {
|
@@ -1507,47 +1410,44 @@ var ErrorPage = function ErrorPage(_ref) {
|
|
1507
1410
|
className: "col-12 col-sm-8 col-md-6"
|
1508
1411
|
}, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement(Label, null, messages["title".concat(statusCode || 404)])), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Label, null, messages["description".concat(statusCode || 404)]))))));
|
1509
1412
|
};
|
1510
|
-
|
1511
1413
|
ErrorPage.propTypes = propTypes$2;
|
1512
1414
|
ErrorPage.defaultProps = defaultProps$2;
|
1513
1415
|
|
1514
1416
|
var _excluded = ["path", "component", "exact"];
|
1515
|
-
|
1516
1417
|
var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
1517
1418
|
var route = _ref.route,
|
1518
|
-
|
1519
|
-
|
1520
|
-
|
1419
|
+
componentsManager = _ref.componentsManager,
|
1420
|
+
_ref$pages = _ref.pages,
|
1421
|
+
pages = _ref$pages === void 0 ? {} : _ref$pages;
|
1521
1422
|
var resourceId = resource.id,
|
1522
|
-
|
1523
|
-
|
1524
|
-
|
1525
|
-
|
1423
|
+
_resource$pages = resource.pages,
|
1424
|
+
resourcePages = _resource$pages === void 0 ? {} : _resource$pages,
|
1425
|
+
_resource$extraRoutes = resource.extraRoutes,
|
1426
|
+
extraRoutes = _resource$extraRoutes === void 0 ? [] : _resource$extraRoutes;
|
1526
1427
|
|
1428
|
+
// Load custom pages from resource
|
1527
1429
|
var _ref2 = pages || {},
|
1528
|
-
|
1529
|
-
|
1530
|
-
|
1531
|
-
|
1532
|
-
|
1533
|
-
|
1534
|
-
|
1535
|
-
|
1536
|
-
|
1537
|
-
|
1538
|
-
|
1430
|
+
_ref2$index = _ref2.index,
|
1431
|
+
indexPage = _ref2$index === void 0 ? null : _ref2$index,
|
1432
|
+
_ref2$show = _ref2.show,
|
1433
|
+
showPage = _ref2$show === void 0 ? null : _ref2$show,
|
1434
|
+
_ref2$create = _ref2.create,
|
1435
|
+
createPage = _ref2$create === void 0 ? null : _ref2$create,
|
1436
|
+
_ref2$edit = _ref2.edit,
|
1437
|
+
editPage = _ref2$edit === void 0 ? null : _ref2$edit,
|
1438
|
+
_ref2$delete = _ref2["delete"],
|
1439
|
+
deletePage = _ref2$delete === void 0 ? null : _ref2$delete;
|
1539
1440
|
var _ref3 = resourcePages || {},
|
1540
|
-
|
1541
|
-
|
1542
|
-
|
1543
|
-
|
1544
|
-
|
1545
|
-
|
1546
|
-
|
1547
|
-
|
1548
|
-
|
1549
|
-
|
1550
|
-
|
1441
|
+
_ref3$index = _ref3.index,
|
1442
|
+
resourceIndexPage = _ref3$index === void 0 ? null : _ref3$index,
|
1443
|
+
_ref3$show = _ref3.show,
|
1444
|
+
resourceShowPage = _ref3$show === void 0 ? null : _ref3$show,
|
1445
|
+
_ref3$create = _ref3.create,
|
1446
|
+
resourceCreatePage = _ref3$create === void 0 ? null : _ref3$create,
|
1447
|
+
_ref3$edit = _ref3.edit,
|
1448
|
+
resourceEditPage = _ref3$edit === void 0 ? null : _ref3$edit,
|
1449
|
+
_ref3$delete = _ref3["delete"],
|
1450
|
+
resourceDeletePage = _ref3$delete === void 0 ? null : _ref3$delete;
|
1551
1451
|
var ResourceIndexComponent = componentsManager.getComponent(resourceIndexPage === null || resourceIndexPage === void 0 ? void 0 : resourceIndexPage.component) || componentsManager.getComponent(indexPage === null || indexPage === void 0 ? void 0 : indexPage.component) || ResourceIndexPage;
|
1552
1452
|
var ResourceShowComponent = componentsManager.getComponent(resourceShowPage === null || resourceShowPage === void 0 ? void 0 : resourceShowPage.component) || componentsManager.getComponent(showPage === null || showPage === void 0 ? void 0 : showPage.component) || ResourceShowPage;
|
1553
1453
|
var ResourceCreateComponent = componentsManager.getComponent(resourceCreatePage === null || resourceCreatePage === void 0 ? void 0 : resourceCreatePage.component) || componentsManager.getComponent(createPage === null || createPage === void 0 ? void 0 : createPage.component) || ResourceCreatePage;
|
@@ -1598,11 +1498,10 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
|
1598
1498
|
})
|
1599
1499
|
})].concat(_toConsumableArray(extraRoutes.map(function (_ref4) {
|
1600
1500
|
var path = _ref4.path,
|
1601
|
-
|
1602
|
-
|
1603
|
-
|
1604
|
-
|
1605
|
-
|
1501
|
+
component = _ref4.component,
|
1502
|
+
_ref4$exact = _ref4.exact,
|
1503
|
+
exact = _ref4$exact === void 0 ? true : _ref4$exact,
|
1504
|
+
pageProps = _objectWithoutProperties(_ref4, _excluded);
|
1606
1505
|
var RouteComponent = componentsManager.getComponent(component);
|
1607
1506
|
return RouteComponent !== null ? /*#__PURE__*/React.createElement(Route, {
|
1608
1507
|
key: "route-".concat(path),
|
@@ -1621,24 +1520,20 @@ var propTypes$1 = {
|
|
1621
1520
|
var defaultProps$1 = {
|
1622
1521
|
statusCode: null
|
1623
1522
|
};
|
1624
|
-
|
1625
1523
|
var PanneauRoutes = function PanneauRoutes(_ref) {
|
1626
1524
|
var initialStatusCode = _ref.statusCode;
|
1627
1525
|
var routes = useRoutes();
|
1628
|
-
|
1629
1526
|
var _useLocation = useLocation(),
|
1630
|
-
|
1631
|
-
|
1527
|
+
pathname = _useLocation.pathname;
|
1632
1528
|
var _useState = useState({
|
1633
|
-
|
1634
|
-
|
1635
|
-
|
1636
|
-
|
1637
|
-
|
1638
|
-
|
1639
|
-
|
1640
|
-
|
1641
|
-
|
1529
|
+
statusCode: initialStatusCode,
|
1530
|
+
pathname: pathname
|
1531
|
+
}),
|
1532
|
+
_useState2 = _slicedToArray(_useState, 2),
|
1533
|
+
_useState2$ = _useState2[0],
|
1534
|
+
statusCode = _useState2$.statusCode,
|
1535
|
+
lastPathname = _useState2$.pathname,
|
1536
|
+
setInitialRequest = _useState2[1];
|
1642
1537
|
var user = useUser();
|
1643
1538
|
var route = useUrlGenerator();
|
1644
1539
|
var resources = usePanneauResources();
|
@@ -1650,34 +1545,34 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1650
1545
|
statusCode: null
|
1651
1546
|
});
|
1652
1547
|
}
|
1653
|
-
}, [pathname, lastPathname]);
|
1548
|
+
}, [pathname, lastPathname]);
|
1654
1549
|
|
1550
|
+
// Custom Pages
|
1655
1551
|
var _usePanneau = usePanneau(),
|
1656
|
-
|
1657
|
-
|
1658
|
-
|
1552
|
+
_usePanneau$pages = _usePanneau.pages,
|
1553
|
+
pages = _usePanneau$pages === void 0 ? null : _usePanneau$pages;
|
1659
1554
|
var _ref2 = pages || {},
|
1660
|
-
|
1661
|
-
|
1662
|
-
|
1663
|
-
|
1664
|
-
|
1665
|
-
|
1666
|
-
|
1667
|
-
|
1668
|
-
|
1555
|
+
_ref2$home = _ref2.home,
|
1556
|
+
homePage = _ref2$home === void 0 ? null : _ref2$home,
|
1557
|
+
_ref2$login = _ref2.login,
|
1558
|
+
loginPage = _ref2$login === void 0 ? null : _ref2$login,
|
1559
|
+
_ref2$account = _ref2.account,
|
1560
|
+
accountPage = _ref2$account === void 0 ? null : _ref2$account,
|
1561
|
+
_ref2$error = _ref2.error,
|
1562
|
+
errorPage = _ref2$error === void 0 ? null : _ref2$error;
|
1669
1563
|
var HomeComponent = componentsManager.getComponent(homePage === null || homePage === void 0 ? void 0 : homePage.component) || HomePage;
|
1670
1564
|
var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage;
|
1671
1565
|
var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage;
|
1672
|
-
var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage;
|
1566
|
+
var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage;
|
1673
1567
|
|
1568
|
+
// If there is an error status code
|
1674
1569
|
if (statusCode !== null) {
|
1675
1570
|
return /*#__PURE__*/React.createElement(ErrorComponent, {
|
1676
1571
|
statusCode: statusCode
|
1677
1572
|
});
|
1678
|
-
}
|
1679
|
-
|
1573
|
+
}
|
1680
1574
|
|
1575
|
+
// If user is unauthenticated
|
1681
1576
|
if (user === null) {
|
1682
1577
|
return /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
|
1683
1578
|
path: routes['auth.login'],
|
@@ -1690,17 +1585,16 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1690
1585
|
replace: true
|
1691
1586
|
})
|
1692
1587
|
}));
|
1693
|
-
}
|
1694
|
-
|
1588
|
+
}
|
1695
1589
|
|
1590
|
+
// Normal routes
|
1696
1591
|
return /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
|
1697
1592
|
path: routes.home,
|
1698
1593
|
exact: true,
|
1699
1594
|
element: /*#__PURE__*/React.createElement(HomeComponent, null)
|
1700
1595
|
}), resources.map(function (resource) {
|
1701
1596
|
var _ref3 = resource || {},
|
1702
|
-
|
1703
|
-
|
1597
|
+
resourceId = _ref3.id;
|
1704
1598
|
return /*#__PURE__*/React.createElement(Fragment, {
|
1705
1599
|
key: "resource-".concat(resourceId)
|
1706
1600
|
}, createResourceRoutes(resource, {
|
@@ -1717,7 +1611,6 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1717
1611
|
element: /*#__PURE__*/React.createElement(ErrorComponent, null)
|
1718
1612
|
}));
|
1719
1613
|
};
|
1720
|
-
|
1721
1614
|
PanneauRoutes.propTypes = propTypes$1;
|
1722
1615
|
PanneauRoutes.defaultProps = defaultProps$1;
|
1723
1616
|
|
@@ -1738,41 +1631,40 @@ var defaultProps = {
|
|
1738
1631
|
uppy: null,
|
1739
1632
|
statusCode: null
|
1740
1633
|
};
|
1741
|
-
|
1742
1634
|
var Container = function Container(_ref) {
|
1743
1635
|
var definition = _ref.definition,
|
1744
|
-
|
1745
|
-
|
1746
|
-
|
1747
|
-
|
1748
|
-
|
1749
|
-
|
1750
|
-
var _definition$intl = definition.intl
|
1751
|
-
|
1752
|
-
|
1753
|
-
|
1754
|
-
|
1755
|
-
|
1756
|
-
|
1757
|
-
|
1758
|
-
|
1759
|
-
|
1760
|
-
|
1761
|
-
|
1636
|
+
components = _ref.components,
|
1637
|
+
user = _ref.user,
|
1638
|
+
memoryRouter = _ref.memoryRouter,
|
1639
|
+
baseUrl = _ref.baseUrl,
|
1640
|
+
uppy = _ref.uppy,
|
1641
|
+
statusCode = _ref.statusCode;
|
1642
|
+
var _definition$intl = definition.intl,
|
1643
|
+
_definition$intl2 = _definition$intl === void 0 ? {} : _definition$intl,
|
1644
|
+
_definition$intl2$loc = _definition$intl2.locale,
|
1645
|
+
locale = _definition$intl2$loc === void 0 ? 'en' : _definition$intl2$loc,
|
1646
|
+
_definition$intl2$loc2 = _definition$intl2.locales,
|
1647
|
+
locales = _definition$intl2$loc2 === void 0 ? [] : _definition$intl2$loc2,
|
1648
|
+
_definition$routes = definition.routes,
|
1649
|
+
routes = _definition$routes === void 0 ? {} : _definition$routes,
|
1650
|
+
_definition$settings = definition.settings,
|
1651
|
+
_definition$settings2 = _definition$settings === void 0 ? {} : _definition$settings,
|
1652
|
+
_definition$settings3 = _definition$settings2.memoryRouter,
|
1653
|
+
usesMemoryRouter = _definition$settings3 === void 0 ? false : _definition$settings3;
|
1762
1654
|
var Router = memoryRouter || usesMemoryRouter ? MemoryRouter : BrowserRouter;
|
1763
1655
|
var extraMessages = useMemo(function () {
|
1764
|
-
var _definition$
|
1765
|
-
|
1766
|
-
|
1767
|
-
|
1768
|
-
|
1769
|
-
|
1656
|
+
var _definition$intl3 = definition.intl,
|
1657
|
+
_definition$intl4 = _definition$intl3 === void 0 ? {} : _definition$intl3,
|
1658
|
+
_definition$intl4$mes = _definition$intl4.messages,
|
1659
|
+
messages = _definition$intl4$mes === void 0 ? null : _definition$intl4$mes,
|
1660
|
+
_definition$resources = definition.resources,
|
1661
|
+
resources = _definition$resources === void 0 ? [] : _definition$resources;
|
1770
1662
|
return _objectSpread(_objectSpread({}, messages), resources.reduce(function (allMessages, _ref2) {
|
1771
1663
|
var id = _ref2.id,
|
1772
|
-
|
1773
|
-
|
1774
|
-
|
1775
|
-
|
1664
|
+
_ref2$intl = _ref2.intl,
|
1665
|
+
_ref2$intl2 = _ref2$intl === void 0 ? {} : _ref2$intl,
|
1666
|
+
_ref2$intl2$messages = _ref2$intl2.messages,
|
1667
|
+
resourceMessages = _ref2$intl2$messages === void 0 ? {} : _ref2$intl2$messages;
|
1776
1668
|
return _objectSpread(_objectSpread({}, allMessages), Object.keys(resourceMessages).reduce(function (allResourceMessages, key) {
|
1777
1669
|
return _objectSpread(_objectSpread({}, allResourceMessages), {}, _defineProperty({}, "resources.".concat(id, ".").concat(key), resourceMessages[key]));
|
1778
1670
|
}, {}));
|
@@ -1804,7 +1696,6 @@ var Container = function Container(_ref) {
|
|
1804
1696
|
statusCode: statusCode
|
1805
1697
|
}))))))))))))));
|
1806
1698
|
};
|
1807
|
-
|
1808
1699
|
Container.propTypes = propTypes;
|
1809
1700
|
Container.defaultProps = defaultProps;
|
1810
1701
|
|