@panneau/app 1.0.3-alpha.2 → 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 +303 -412
- package/lib/index.js +303 -412
- package/package.json +26 -26
package/lib/index.js
CHANGED
@@ -92,23 +92,20 @@ var defaultProps$m = {
|
|
92
92
|
errors: null,
|
93
93
|
className: null
|
94
94
|
};
|
95
|
-
|
96
95
|
var DeleteForm = function DeleteForm(_ref) {
|
97
96
|
var resource = _ref.resource,
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
97
|
+
action = _ref.action,
|
98
|
+
previous = _ref.previous;
|
99
|
+
_ref.status;
|
100
|
+
var value = _ref.value,
|
101
|
+
onSubmit = _ref.onSubmit;
|
102
|
+
_ref.errors;
|
103
|
+
var generalError = _ref.generalError,
|
104
|
+
className = _ref.className,
|
105
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
|
108
106
|
var _ref2 = value || {},
|
109
|
-
|
110
|
-
|
111
|
-
|
107
|
+
_ref2$id = _ref2.id,
|
108
|
+
id = _ref2$id === void 0 ? null : _ref2$id;
|
112
109
|
var resourceValues = intl.useResourceValues(resource, {
|
113
110
|
id: id
|
114
111
|
});
|
@@ -176,7 +173,6 @@ var DeleteForm = function DeleteForm(_ref) {
|
|
176
173
|
}]
|
177
174
|
})))));
|
178
175
|
};
|
179
|
-
|
180
176
|
DeleteForm.propTypes = propTypes$m;
|
181
177
|
DeleteForm.defaultProps = defaultProps$m;
|
182
178
|
|
@@ -197,129 +193,120 @@ var defaultProps$l = {
|
|
197
193
|
onSuccess: null,
|
198
194
|
isDelete: false
|
199
195
|
};
|
200
|
-
|
201
196
|
var ResourceForm = function ResourceForm(_ref) {
|
202
197
|
var component = _ref.component,
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
198
|
+
resource = _ref.resource,
|
199
|
+
onSuccess = _ref.onSuccess,
|
200
|
+
item = _ref.item,
|
201
|
+
type = _ref.type,
|
202
|
+
isDelete = _ref.isDelete,
|
203
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
|
210
204
|
var locales = contexts.useLocales();
|
211
205
|
var FormComponents = contexts.useFormsComponents();
|
212
206
|
var _resource$fields = resource.fields,
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
207
|
+
resourceFields = _resource$fields === void 0 ? [] : _resource$fields,
|
208
|
+
_resource$types = resource.types,
|
209
|
+
resourceTypes = _resource$types === void 0 ? [] : _resource$types,
|
210
|
+
forms = resource.forms;
|
217
211
|
var resourceType = type !== null ? resourceTypes.find(function (it) {
|
218
212
|
return it.id === type;
|
219
213
|
}) || null : null;
|
220
|
-
|
221
214
|
var _ref2 = resourceType || {},
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
var isCreate = item === null || !item.id; // Pick fields from resource root or form
|
215
|
+
_ref2$fields = _ref2.fields,
|
216
|
+
resourceTypeFields = _ref2$fields === void 0 ? null : _ref2$fields;
|
217
|
+
var isCreate = item === null || !item.id;
|
226
218
|
|
219
|
+
// Pick fields from resource root or form
|
227
220
|
var _ref3 = forms || {},
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
221
|
+
_ref3$default = _ref3["default"],
|
222
|
+
defaultForm = _ref3$default === void 0 ? null : _ref3$default,
|
223
|
+
_ref3$create = _ref3.create,
|
224
|
+
createForm = _ref3$create === void 0 ? null : _ref3$create,
|
225
|
+
_ref3$edit = _ref3.edit,
|
226
|
+
editForm = _ref3$edit === void 0 ? null : _ref3$edit,
|
227
|
+
_ref3$delete = _ref3["delete"],
|
228
|
+
deleteForm = _ref3$delete === void 0 ? null : _ref3$delete;
|
237
229
|
var _ref4 = defaultForm || {},
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
230
|
+
_ref4$fields = _ref4.fields,
|
231
|
+
defaultFields = _ref4$fields === void 0 ? null : _ref4$fields,
|
232
|
+
defaultComponent = _ref4.component;
|
242
233
|
var createOrEditSource = isCreate ? createForm || {} : editForm || {};
|
243
|
-
|
244
234
|
var _ref5 = isDelete ? deleteForm || {} : createOrEditSource || {},
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
|
235
|
+
_ref5$fields = _ref5.fields,
|
236
|
+
formFields = _ref5$fields === void 0 ? null : _ref5$fields,
|
237
|
+
_ref5$component = _ref5.component,
|
238
|
+
formComponent = _ref5$component === void 0 ? null : _ref5$component;
|
250
239
|
var finalFields = React.useMemo(function () {
|
251
240
|
return (formFields || defaultFields || resourceTypeFields || resourceFields).filter(function (_ref6) {
|
252
|
-
var _ref6$settings = _ref6.settings
|
253
|
-
|
254
|
-
|
255
|
-
|
241
|
+
var _ref6$settings = _ref6.settings,
|
242
|
+
_ref6$settings2 = _ref6$settings === void 0 ? {} : _ref6$settings,
|
243
|
+
_ref6$settings2$hidde = _ref6$settings2.hiddenInForm,
|
244
|
+
hiddenInForm = _ref6$settings2$hidde === void 0 ? false : _ref6$settings2$hidde;
|
256
245
|
return !hiddenInForm;
|
257
246
|
});
|
258
|
-
}, [formFields, defaultFields, resourceTypeFields, resourceFields]);
|
247
|
+
}, [formFields, defaultFields, resourceTypeFields, resourceFields]);
|
259
248
|
|
249
|
+
// Form routes
|
260
250
|
var resourceRoute = hooks.useResourceUrlGenerator(resource);
|
261
|
-
|
262
251
|
var _useResourceStore = data.useResourceStore(resource),
|
263
|
-
|
264
|
-
|
252
|
+
store = _useResourceStore.store;
|
265
253
|
var _useResourceUpdate = data.useResourceUpdate(resource, item != null ? item.id : null),
|
266
|
-
|
267
|
-
|
254
|
+
update = _useResourceUpdate.update;
|
268
255
|
var _useResourceDestroy = data.useResourceDestroy(resource, item != null ? item.id : null),
|
269
|
-
|
270
|
-
|
256
|
+
destroy = _useResourceDestroy.destroy;
|
271
257
|
|
258
|
+
// Post actions
|
272
259
|
var postAction = isCreate ? store : update;
|
273
260
|
var postForm = React.useCallback(function (action, data) {
|
274
261
|
return isDelete ? destroy() : postAction(data);
|
275
|
-
}, [postAction, isDelete, destroy, store, update]);
|
262
|
+
}, [postAction, isDelete, destroy, store, update]);
|
276
263
|
|
264
|
+
// Form state
|
277
265
|
var getInitialValue = React.useCallback(function () {
|
278
266
|
return item !== null ? item : finalFields.reduce(function (defaultValues, _ref7) {
|
279
267
|
var name = _ref7.name,
|
280
|
-
|
281
|
-
|
268
|
+
_ref7$defaultValue = _ref7.defaultValue,
|
269
|
+
defaultValue = _ref7$defaultValue === void 0 ? null : _ref7$defaultValue;
|
282
270
|
return defaultValue !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, defaultValues), {}, _defineProperty__default["default"]({}, name, defaultValue)) : defaultValues;
|
283
271
|
}, type !== null ? {
|
284
272
|
type: type
|
285
273
|
} : null);
|
286
274
|
}, [item, type, finalFields]);
|
287
|
-
|
288
275
|
var _useState = React.useState(getInitialValue()),
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
276
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
277
|
+
value = _useState2[0],
|
278
|
+
setValueState = _useState2[1];
|
293
279
|
var setValue = React.useCallback(function (newValue) {
|
294
280
|
// console.log('new value in resource form', newValue); // eslint-disable-line
|
295
281
|
setValueState(newValue);
|
296
282
|
}, [setValueState]);
|
297
|
-
|
298
283
|
var _useForm = hooks.useForm({
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
|
310
|
-
|
311
|
-
|
284
|
+
fields: finalFields,
|
285
|
+
value: value,
|
286
|
+
postForm: postForm,
|
287
|
+
setValue: setValue,
|
288
|
+
onComplete: onSuccess,
|
289
|
+
locales: locales
|
290
|
+
}),
|
291
|
+
fields = _useForm.fields,
|
292
|
+
onSubmit = _useForm.onSubmit,
|
293
|
+
status = _useForm.status,
|
294
|
+
generalError = _useForm.generalError,
|
295
|
+
errors = _useForm.errors;
|
312
296
|
|
297
|
+
// Form action
|
313
298
|
var modifyAction = isCreate ? resourceRoute('store') : resourceRoute('update', {
|
314
299
|
id: item.id
|
315
300
|
});
|
316
301
|
var action = isDelete ? resourceRoute('destroy', {
|
317
302
|
id: item.id
|
318
303
|
}) : modifyAction;
|
319
|
-
var defaultFormName = isDelete ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
|
304
|
+
var defaultFormName = isDelete ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
|
320
305
|
|
321
|
-
|
306
|
+
// Form component
|
307
|
+
var FormComponent = utils.getComponentFromName(defaultFormName, FormComponents, isDelete ? DeleteForm : component);
|
322
308
|
|
309
|
+
// Lisen to item value change - this is important
|
323
310
|
React.useEffect(function () {
|
324
311
|
// console.log('get initial value from the top'); // eslint-disable-line
|
325
312
|
setValue(getInitialValue());
|
@@ -341,7 +328,6 @@ var ResourceForm = function ResourceForm(_ref) {
|
|
341
328
|
onChange: setValue
|
342
329
|
})));
|
343
330
|
};
|
344
|
-
|
345
331
|
ResourceForm.propTypes = propTypes$l;
|
346
332
|
ResourceForm.defaultProps = defaultProps$l;
|
347
333
|
|
@@ -355,11 +341,10 @@ var defaultProps$k = {
|
|
355
341
|
itemClassName: null,
|
356
342
|
linkClassName: null
|
357
343
|
};
|
358
|
-
|
359
344
|
var AccountMenu = function AccountMenu(_ref) {
|
360
345
|
var className = _ref.className,
|
361
|
-
|
362
|
-
|
346
|
+
itemClassName = _ref.itemClassName,
|
347
|
+
linkClassName = _ref.linkClassName;
|
363
348
|
var route = contexts.useUrlGenerator();
|
364
349
|
var user = auth.useUser();
|
365
350
|
var logout = auth.useLogout();
|
@@ -378,7 +363,8 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
378
363
|
}]
|
379
364
|
}),
|
380
365
|
href: route('account'),
|
381
|
-
dropdown: [
|
366
|
+
dropdown: [
|
367
|
+
// {
|
382
368
|
// label: (
|
383
369
|
// <FormattedMessage
|
384
370
|
// defaultMessage="Update account"
|
@@ -417,7 +403,6 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
417
403
|
dropdownAlign: "end"
|
418
404
|
}) : null;
|
419
405
|
};
|
420
|
-
|
421
406
|
AccountMenu.propTypes = propTypes$k;
|
422
407
|
AccountMenu.defaultProps = defaultProps$k;
|
423
408
|
|
@@ -431,23 +416,20 @@ var defaultProps$j = {
|
|
431
416
|
itemClassName: null,
|
432
417
|
linkClassName: null
|
433
418
|
};
|
434
|
-
|
435
419
|
var ResourcesMenu = function ResourcesMenu(_ref) {
|
436
420
|
var className = _ref.className,
|
437
|
-
|
438
|
-
|
439
|
-
|
421
|
+
itemClassName = _ref.itemClassName,
|
422
|
+
linkClassName = _ref.linkClassName;
|
440
423
|
var _useLocation = reactRouter.useLocation(),
|
441
|
-
|
442
|
-
|
424
|
+
pathname = _useLocation.pathname;
|
443
425
|
var resources = contexts.usePanneauResources();
|
444
426
|
var resourceRoute = hooks.useResourceUrlGenerator();
|
445
427
|
var items = React.useMemo(function () {
|
446
428
|
return resources.filter(function (_ref2) {
|
447
|
-
var _ref2$settings = _ref2.settings
|
448
|
-
|
449
|
-
|
450
|
-
|
429
|
+
var _ref2$settings = _ref2.settings,
|
430
|
+
_ref2$settings2 = _ref2$settings === void 0 ? {} : _ref2$settings,
|
431
|
+
_ref2$settings2$hideI = _ref2$settings2.hideInNavbar,
|
432
|
+
hideInNavbar = _ref2$settings2$hideI === void 0 ? false : _ref2$settings2$hideI;
|
451
433
|
return !hideInNavbar;
|
452
434
|
}).map(function (it) {
|
453
435
|
var url = resourceRoute(it, 'index');
|
@@ -466,21 +448,17 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
|
|
466
448
|
linkClassName: linkClassName
|
467
449
|
});
|
468
450
|
};
|
469
|
-
|
470
451
|
ResourcesMenu.propTypes = propTypes$j;
|
471
452
|
ResourcesMenu.defaultProps = defaultProps$j;
|
472
453
|
|
473
454
|
/* eslint-disable react/jsx-props-no-spreading */
|
474
455
|
var propTypes$i = {};
|
475
456
|
var defaultProps$i = {};
|
476
|
-
|
477
457
|
var MainNavbar = function MainNavbar(props) {
|
478
458
|
var _usePanneau = contexts.usePanneau(),
|
479
|
-
|
480
|
-
|
459
|
+
name = _usePanneau.name;
|
481
460
|
var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
|
482
|
-
|
483
|
-
|
461
|
+
background = _usePanneauColorSchem.background;
|
484
462
|
var route = contexts.useUrlGenerator();
|
485
463
|
var user = auth.useUser();
|
486
464
|
return /*#__PURE__*/React__default["default"].createElement(Navbar__default["default"], Object.assign({
|
@@ -498,7 +476,6 @@ var MainNavbar = function MainNavbar(props) {
|
|
498
476
|
linkClassName: "nav-link"
|
499
477
|
}));
|
500
478
|
};
|
501
|
-
|
502
479
|
MainNavbar.propTypes = propTypes$i;
|
503
480
|
MainNavbar.defaultProps = defaultProps$i;
|
504
481
|
|
@@ -509,17 +486,13 @@ var propTypes$h = {
|
|
509
486
|
var defaultProps$h = {
|
510
487
|
fullscreen: false
|
511
488
|
};
|
512
|
-
|
513
489
|
var MainLayout = function MainLayout(_ref) {
|
514
490
|
var _ref2;
|
515
|
-
|
516
491
|
var children = _ref.children,
|
517
|
-
|
518
|
-
|
492
|
+
fullscreen = _ref.fullscreen;
|
519
493
|
var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
|
520
|
-
|
521
|
-
|
522
|
-
|
494
|
+
background = _usePanneauColorSchem.background,
|
495
|
+
text = _usePanneauColorSchem.text;
|
523
496
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
524
497
|
className: classNames__default["default"](['d-flex', 'flex-column', 'min-vh-100'])
|
525
498
|
}, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
|
@@ -530,7 +503,6 @@ var MainLayout = function MainLayout(_ref) {
|
|
530
503
|
}, _defineProperty__default["default"](_ref2, "bg-".concat(background), background !== null), _defineProperty__default["default"](_ref2, "text-".concat(text), text !== null), _ref2)])
|
531
504
|
}, children));
|
532
505
|
};
|
533
|
-
|
534
506
|
MainLayout.propTypes = propTypes$h;
|
535
507
|
MainLayout.defaultProps = defaultProps$h;
|
536
508
|
|
@@ -548,22 +520,19 @@ var defaultProps$g = {
|
|
548
520
|
className: null,
|
549
521
|
children: null
|
550
522
|
};
|
551
|
-
|
552
523
|
var PageHeader = function PageHeader(_ref) {
|
553
524
|
var _ref2;
|
554
|
-
|
555
525
|
var title = _ref.title,
|
556
|
-
|
557
|
-
|
558
|
-
|
559
|
-
|
560
|
-
|
526
|
+
actions = _ref.actions,
|
527
|
+
small = _ref.small,
|
528
|
+
className = _ref.className,
|
529
|
+
children = _ref.children;
|
561
530
|
// TODO: fix page header components
|
562
531
|
// const { components } = usePanneau();
|
563
532
|
var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
|
564
|
-
|
565
|
-
|
566
|
-
|
533
|
+
text = _usePanneauColorSchem.text,
|
534
|
+
background = _usePanneauColorSchem.background;
|
535
|
+
// console.log('page-header', components); // eslint-disable-line
|
567
536
|
|
568
537
|
var inner = /*#__PURE__*/React__default["default"].createElement("div", {
|
569
538
|
className: "d-flex align-items-center flex-wrap"
|
@@ -582,7 +551,6 @@ var PageHeader = function PageHeader(_ref) {
|
|
582
551
|
className: "col-12 col-md-8 col-lg-7"
|
583
552
|
}, inner)) : inner), children);
|
584
553
|
};
|
585
|
-
|
586
554
|
PageHeader.propTypes = propTypes$g;
|
587
555
|
PageHeader.defaultProps = defaultProps$g;
|
588
556
|
|
@@ -590,25 +558,20 @@ var propTypes$f = {
|
|
590
558
|
resource: core.PropTypes.resource.isRequired
|
591
559
|
};
|
592
560
|
var defaultProps$f = {};
|
593
|
-
|
594
561
|
var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
595
562
|
var resource = _ref.resource;
|
596
563
|
var navigate = reactRouter.useNavigate();
|
597
|
-
|
598
564
|
var _useLocation = reactRouter.useLocation(),
|
599
|
-
|
600
|
-
|
565
|
+
search = _useLocation.search;
|
601
566
|
var resourceRoute = hooks.useResourceUrlGenerator(resource);
|
602
567
|
var onSuccess = React.useCallback(function () {
|
603
568
|
navigate("".concat(resourceRoute('index'), "?created=true"));
|
604
569
|
}, [navigate, resourceRoute]);
|
605
|
-
|
606
570
|
var _useMemo = React.useMemo(function () {
|
607
|
-
|
608
|
-
|
609
|
-
|
610
|
-
|
611
|
-
|
571
|
+
return queryString.parse(search);
|
572
|
+
}, [search]),
|
573
|
+
_useMemo$type = _useMemo.type,
|
574
|
+
type = _useMemo$type === void 0 ? null : _useMemo$type;
|
612
575
|
var resourceValues = intl.useResourceValues(resource);
|
613
576
|
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
614
577
|
resource: resource
|
@@ -637,35 +600,31 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
637
600
|
onSuccess: onSuccess
|
638
601
|
}))))));
|
639
602
|
};
|
640
|
-
|
641
603
|
ResourceCreatePage.propTypes = propTypes$f;
|
642
604
|
ResourceCreatePage.defaultProps = defaultProps$f;
|
643
605
|
|
606
|
+
// import Button from '../buttons/Button';
|
607
|
+
|
644
608
|
var propTypes$e = {
|
645
609
|
resource: core.PropTypes.resource.isRequired
|
646
610
|
};
|
647
611
|
var defaultProps$e = {};
|
648
|
-
|
649
612
|
var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
650
613
|
var resource = _ref.resource;
|
651
|
-
|
652
614
|
var _useParams = reactRouter.useParams(),
|
653
|
-
|
654
|
-
|
615
|
+
itemId = _useParams.id;
|
655
616
|
var navigate = reactRouter.useNavigate();
|
656
617
|
var resourceRoute = hooks.useResourceUrlGenerator(resource);
|
657
|
-
|
658
618
|
var _useResourceItem = data.useResourceItem(resource, itemId),
|
659
|
-
|
660
|
-
|
619
|
+
item = _useResourceItem.item;
|
661
620
|
var onSuccess = React.useCallback(function () {
|
662
621
|
return navigate("".concat(resourceRoute('index'), "?deleted=true"));
|
663
|
-
}, [navigate, resourceRoute]);
|
622
|
+
}, [navigate, resourceRoute]);
|
664
623
|
|
624
|
+
// Navigate back
|
665
625
|
var _ref2 = history || {},
|
666
|
-
|
667
|
-
|
668
|
-
|
626
|
+
_ref2$entries = _ref2.entries,
|
627
|
+
entries = _ref2$entries === void 0 ? [] : _ref2$entries;
|
669
628
|
var previousEntry = entries !== null && entries.length > 1 ? entries[entries.length - 2] : null;
|
670
629
|
var previous = (previousEntry === null || previousEntry === void 0 ? void 0 : previousEntry.pathname) || null;
|
671
630
|
var resourceValues = intl.useResourceValues(resource);
|
@@ -699,33 +658,28 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
699
658
|
isDelete: true
|
700
659
|
}) : null)))));
|
701
660
|
};
|
702
|
-
|
703
661
|
ResourceDeletePage.propTypes = propTypes$e;
|
704
662
|
ResourceDeletePage.defaultProps = defaultProps$e;
|
705
663
|
|
664
|
+
// import Button from '../buttons/Button';
|
665
|
+
|
706
666
|
var propTypes$d = {
|
707
667
|
resource: core.PropTypes.resource.isRequired
|
708
668
|
};
|
709
669
|
var defaultProps$d = {};
|
710
|
-
|
711
670
|
var ResourceEditPage = function ResourceEditPage(_ref) {
|
712
671
|
var resource = _ref.resource;
|
713
|
-
|
714
672
|
var _useParams = reactRouter.useParams(),
|
715
|
-
|
716
|
-
|
673
|
+
itemId = _useParams.id;
|
717
674
|
var _useResourceItem = data.useResourceItem(resource, itemId),
|
718
|
-
|
719
|
-
|
675
|
+
item = _useResourceItem.item;
|
720
676
|
var _ref2 = item || {},
|
721
|
-
|
722
|
-
|
723
|
-
|
677
|
+
_ref2$type = _ref2.type,
|
678
|
+
type = _ref2$type === void 0 ? null : _ref2$type;
|
724
679
|
var _useState = React.useState(item),
|
725
|
-
|
726
|
-
|
727
|
-
|
728
|
-
|
680
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
681
|
+
editItem = _useState2[0],
|
682
|
+
setEditItem = _useState2[1];
|
729
683
|
var onSuccess = React.useCallback(function (newItem) {
|
730
684
|
return setEditItem(newItem);
|
731
685
|
}, []);
|
@@ -761,7 +715,6 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
761
715
|
onSuccess: onSuccess
|
762
716
|
}) : null)))));
|
763
717
|
};
|
764
|
-
|
765
718
|
ResourceEditPage.propTypes = propTypes$d;
|
766
719
|
ResourceEditPage.defaultProps = defaultProps$d;
|
767
720
|
|
@@ -772,21 +725,18 @@ var propTypes$c = {
|
|
772
725
|
var defaultProps$c = {
|
773
726
|
className: null
|
774
727
|
};
|
775
|
-
|
776
728
|
var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
777
729
|
var resource = _ref.resource,
|
778
|
-
|
730
|
+
className = _ref.className;
|
779
731
|
var _resource$types = resource.types,
|
780
|
-
|
781
|
-
|
732
|
+
types = _resource$types === void 0 ? null : _resource$types;
|
733
|
+
// const intl = useIntl();
|
782
734
|
var resourceRoute = hooks.useResourceUrlGenerator(resource);
|
783
735
|
var resourceValues = intl.useResourceValues(resource);
|
784
|
-
|
785
736
|
var _useState = React.useState(false),
|
786
|
-
|
787
|
-
|
788
|
-
|
789
|
-
|
737
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
738
|
+
dropdownOpened = _useState2[0],
|
739
|
+
setDropdownOpened = _useState2[1];
|
790
740
|
var onClickDropdown = React.useCallback(function (e) {
|
791
741
|
e.preventDefault();
|
792
742
|
setDropdownOpened(function (opened) {
|
@@ -794,10 +744,10 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
794
744
|
});
|
795
745
|
}, [setDropdownOpened]);
|
796
746
|
var finalTypes = types !== null ? types.filter(function (_ref2) {
|
797
|
-
var _ref2$settings = _ref2.settings
|
798
|
-
|
799
|
-
|
800
|
-
|
747
|
+
var _ref2$settings = _ref2.settings,
|
748
|
+
_ref2$settings2 = _ref2$settings === void 0 ? {} : _ref2$settings,
|
749
|
+
_ref2$settings2$canCr = _ref2$settings2.canCreate,
|
750
|
+
canCreate = _ref2$settings2$canCr === void 0 ? true : _ref2$settings2$canCr;
|
801
751
|
return canCreate;
|
802
752
|
}) : null;
|
803
753
|
var hasMultipleTypes = finalTypes !== null && finalTypes.length > 1;
|
@@ -840,7 +790,6 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
840
790
|
onClickOutside: onDropdownClickOutside
|
841
791
|
})) : button;
|
842
792
|
};
|
843
|
-
|
844
793
|
ResourceCreateButtom.propTypes = propTypes$c;
|
845
794
|
ResourceCreateButtom.defaultProps = defaultProps$c;
|
846
795
|
|
@@ -872,21 +821,18 @@ var defaultProps$b = {
|
|
872
821
|
},
|
873
822
|
className: null
|
874
823
|
};
|
875
|
-
|
876
824
|
var ResourceFilters = function ResourceFilters(_ref) {
|
877
825
|
var filters = _ref.filters,
|
878
|
-
|
879
|
-
|
880
|
-
|
881
|
-
|
882
|
-
|
883
|
-
|
884
|
-
|
826
|
+
value = _ref.value,
|
827
|
+
onChange = _ref.onChange,
|
828
|
+
onReset = _ref.onReset,
|
829
|
+
withContainer = _ref.withContainer,
|
830
|
+
withReset = _ref.withReset,
|
831
|
+
defaultValue = _ref.defaultValue,
|
832
|
+
className = _ref.className;
|
885
833
|
var FilterComponents = contexts.useFiltersComponents();
|
886
|
-
|
887
834
|
var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
|
888
|
-
|
889
|
-
|
835
|
+
background = _usePanneauColorSchem.background;
|
890
836
|
var currentFilters = filters || [];
|
891
837
|
var onFiltersReset = React.useCallback(function () {
|
892
838
|
if (onReset !== null) {
|
@@ -897,9 +843,10 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
897
843
|
if (value !== null && value[item.name]) {
|
898
844
|
return true;
|
899
845
|
}
|
900
|
-
|
901
846
|
return isActive;
|
902
|
-
}, false);
|
847
|
+
}, false);
|
848
|
+
|
849
|
+
// console.log('value', value);
|
903
850
|
|
904
851
|
return /*#__PURE__*/React__default["default"].createElement(Navbar__default["default"], {
|
905
852
|
className: classNames__default["default"]([_defineProperty__default["default"]({
|
@@ -909,10 +856,9 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
909
856
|
withoutCollapse: true
|
910
857
|
}, currentFilters.map(function (_ref3, index) {
|
911
858
|
var component = _ref3.component,
|
912
|
-
|
913
|
-
|
914
|
-
|
915
|
-
|
859
|
+
name = _ref3.name,
|
860
|
+
groupLabel = _ref3.groupLabel,
|
861
|
+
filterProps = _objectWithoutProperties__default["default"](_ref3, _excluded$3);
|
916
862
|
var FilterComponent = utils.getComponentFromName(component, FilterComponents, null);
|
917
863
|
var filterValue = value !== null && value[name] ? value[name] : null;
|
918
864
|
var onFilterChange = React.useCallback(function (newFilterValue) {
|
@@ -923,9 +869,8 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
923
869
|
var onFilterClear = React.useCallback(function () {
|
924
870
|
if (name !== null && onChange !== null) {
|
925
871
|
var _ref4 = value || {};
|
926
|
-
|
927
|
-
|
928
|
-
|
872
|
+
_ref4[name];
|
873
|
+
var newValue = _objectWithoutProperties__default["default"](_ref4, [name].map(_toPropertyKey__default["default"]));
|
929
874
|
onChange(_objectSpread__default["default"](_objectSpread__default["default"]({}, newValue), defaultValue));
|
930
875
|
}
|
931
876
|
}, [onChange, name, value, defaultValue]);
|
@@ -945,12 +890,11 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
945
890
|
icon: freeSolidSvgIcons.faUndo
|
946
891
|
})) : null);
|
947
892
|
};
|
948
|
-
|
949
893
|
ResourceFilters.propTypes = propTypes$b;
|
950
894
|
ResourceFilters.defaultProps = defaultProps$b;
|
951
895
|
|
952
896
|
var _excluded$2 = ["component", "showPagination", "filters"],
|
953
|
-
|
897
|
+
_excluded2 = ["page"];
|
954
898
|
var propTypes$a = {
|
955
899
|
resource: core.PropTypes.resource.isRequired,
|
956
900
|
query: PropTypes__default["default"].object,
|
@@ -972,51 +916,42 @@ var defaultProps$a = {
|
|
972
916
|
onQueryChange: null,
|
973
917
|
onQueryReset: null
|
974
918
|
};
|
975
|
-
|
976
919
|
var ResourceItemsList = function ResourceItemsList(_ref) {
|
977
920
|
var resource = _ref.resource,
|
978
|
-
|
979
|
-
|
980
|
-
|
981
|
-
|
982
|
-
|
983
|
-
var _resource$index = resource.index
|
984
|
-
|
985
|
-
|
986
|
-
|
987
|
-
|
988
|
-
|
989
|
-
|
990
|
-
|
991
|
-
|
992
|
-
listProps = _objectWithoutProperties__default["default"](_resource$index, _excluded$2);
|
993
|
-
|
921
|
+
query = _ref.query,
|
922
|
+
baseUrl = _ref.baseUrl,
|
923
|
+
onQueryChange = _ref.onQueryChange,
|
924
|
+
onQueryReset = _ref.onQueryReset,
|
925
|
+
paginated = _ref.paginated;
|
926
|
+
var _resource$index = resource.index,
|
927
|
+
_resource$index2 = _resource$index === void 0 ? {} : _resource$index,
|
928
|
+
_resource$index2$comp = _resource$index2.component,
|
929
|
+
listComponent = _resource$index2$comp === void 0 ? null : _resource$index2$comp,
|
930
|
+
_resource$index2$show = _resource$index2.showPagination,
|
931
|
+
showPagination = _resource$index2$show === void 0 ? true : _resource$index2$show,
|
932
|
+
_resource$index2$filt = _resource$index2.filters,
|
933
|
+
filters = _resource$index2$filt === void 0 ? null : _resource$index2$filt,
|
934
|
+
listProps = _objectWithoutProperties__default["default"](_resource$index2, _excluded$2);
|
994
935
|
var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
|
995
|
-
|
996
|
-
|
997
|
-
|
936
|
+
_usePanneauColorSchem2 = _usePanneauColorSchem.background,
|
937
|
+
theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2;
|
998
938
|
var ListComponents = contexts.useListsComponents();
|
999
|
-
|
1000
939
|
var _useMemo = React.useMemo(function () {
|
1001
|
-
|
940
|
+
var _ref2 = query || {},
|
1002
941
|
_ref2$page = _ref2.page,
|
1003
942
|
currentPage = _ref2$page === void 0 ? 1 : _ref2$page,
|
1004
943
|
rest = _objectWithoutProperties__default["default"](_ref2, _excluded2);
|
1005
|
-
|
1006
|
-
|
1007
|
-
|
1008
|
-
|
1009
|
-
|
1010
|
-
queryWithoutPage = _useMemo2[1];
|
1011
|
-
|
944
|
+
return [currentPage, rest];
|
945
|
+
}, [query]),
|
946
|
+
_useMemo2 = _slicedToArray__default["default"](_useMemo, 2),
|
947
|
+
page = _useMemo2[0],
|
948
|
+
queryWithoutPage = _useMemo2[1];
|
1012
949
|
var itemsProps = data.useResourceItems(resource, queryWithoutPage, paginated ? parseInt(page, 10) : null);
|
1013
|
-
|
1014
950
|
var _ref3 = itemsProps || {},
|
1015
|
-
|
1016
|
-
|
1017
|
-
|
1018
|
-
|
1019
|
-
|
951
|
+
_ref3$lastPage = _ref3.lastPage,
|
952
|
+
lastPage = _ref3$lastPage === void 0 ? 0 : _ref3$lastPage,
|
953
|
+
_ref3$total = _ref3.total,
|
954
|
+
total = _ref3$total === void 0 ? 0 : _ref3$total;
|
1020
955
|
var ListComponent = utils.getComponentFromName(listComponent || 'table', ListComponents);
|
1021
956
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, filters !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceFilters, {
|
1022
957
|
filters: filters,
|
@@ -1046,7 +981,6 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
1046
981
|
className: "mt-4 mb-1"
|
1047
982
|
}) : null);
|
1048
983
|
};
|
1049
|
-
|
1050
984
|
ResourceItemsList.propTypes = propTypes$a;
|
1051
985
|
ResourceItemsList.defaultProps = defaultProps$a;
|
1052
986
|
|
@@ -1054,31 +988,27 @@ var _excluded$1 = ["id", "component"];
|
|
1054
988
|
var propTypes$9 = {
|
1055
989
|
resource: core.PropTypes.resource.isRequired,
|
1056
990
|
defaultActions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object) // eslint-disable-line react/forbid-prop-types
|
1057
|
-
|
1058
991
|
};
|
992
|
+
|
1059
993
|
var defaultProps$9 = {
|
1060
994
|
defaultActions: ['create']
|
1061
995
|
};
|
1062
|
-
|
1063
996
|
var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
1064
997
|
var resource = _ref.resource,
|
1065
|
-
|
998
|
+
defaultActions = _ref.defaultActions;
|
1066
999
|
var name = resource.name,
|
1067
|
-
|
1068
|
-
|
1069
|
-
|
1070
|
-
|
1071
|
-
|
1000
|
+
_resource$settings = resource.settings,
|
1001
|
+
settings = _resource$settings === void 0 ? {} : _resource$settings,
|
1002
|
+
_resource$index = resource.index,
|
1003
|
+
index = _resource$index === void 0 ? {} : _resource$index;
|
1072
1004
|
var _ref2 = settings || {},
|
1073
|
-
|
1074
|
-
|
1075
|
-
|
1076
|
-
|
1077
|
-
|
1005
|
+
_ref2$canCreate = _ref2.canCreate,
|
1006
|
+
canCreate = _ref2$canCreate === void 0 ? true : _ref2$canCreate,
|
1007
|
+
_ref2$indexIsPaginate = _ref2.indexIsPaginated,
|
1008
|
+
paginated = _ref2$indexIsPaginate === void 0 ? false : _ref2$indexIsPaginate;
|
1078
1009
|
var _ref3 = index || {},
|
1079
|
-
|
1080
|
-
|
1081
|
-
|
1010
|
+
_ref3$actions = _ref3.actions,
|
1011
|
+
actions = _ref3$actions === void 0 ? null : _ref3$actions;
|
1082
1012
|
var finalActions = React.useMemo(function () {
|
1083
1013
|
return (actions || defaultActions.filter(function (it) {
|
1084
1014
|
return it !== 'create' || canCreate;
|
@@ -1093,10 +1023,8 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1093
1023
|
}, [canCreate, actions]);
|
1094
1024
|
var resourceValues = intl.useResourceValues(resource);
|
1095
1025
|
var componentsManager = contexts.useComponentsManager();
|
1096
|
-
|
1097
1026
|
var _useLocation = reactRouter.useLocation(),
|
1098
|
-
|
1099
|
-
|
1027
|
+
search = _useLocation.search;
|
1100
1028
|
var navigate = reactRouter.useNavigate();
|
1101
1029
|
var query = React.useMemo(function () {
|
1102
1030
|
return queryString.parse(search);
|
@@ -1104,13 +1032,11 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1104
1032
|
var listQuery = React.useMemo(function () {
|
1105
1033
|
return query;
|
1106
1034
|
}, [query]); // TODO: omit routes
|
1107
|
-
|
1108
1035
|
var _ref4 = query || {},
|
1109
|
-
|
1110
|
-
|
1111
|
-
|
1112
|
-
|
1113
|
-
|
1036
|
+
_ref4$created = _ref4.created,
|
1037
|
+
created = _ref4$created === void 0 ? false : _ref4$created,
|
1038
|
+
_ref4$deleted = _ref4.deleted,
|
1039
|
+
deleted = _ref4$deleted === void 0 ? false : _ref4$deleted;
|
1114
1040
|
var resourceRoute = hooks.useResourceUrlGenerator(resource);
|
1115
1041
|
var url = resourceRoute('index');
|
1116
1042
|
var onQueryChange = React.useCallback(function (submitQuery) {
|
@@ -1139,10 +1065,9 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1139
1065
|
className: "d-flex align-items-center"
|
1140
1066
|
}, finalActions.map(function (_ref5) {
|
1141
1067
|
var id = _ref5.id,
|
1142
|
-
|
1143
|
-
|
1144
|
-
|
1145
|
-
|
1068
|
+
_ref5$component = _ref5.component,
|
1069
|
+
component = _ref5$component === void 0 ? Button__default["default"] : _ref5$component,
|
1070
|
+
actionProps = _objectWithoutProperties__default["default"](_ref5, _excluded$1);
|
1146
1071
|
var ActionComponent = isString__default["default"](component) ? componentsManager.getComponent(component) : component;
|
1147
1072
|
return ActionComponent !== null ? /*#__PURE__*/React__default["default"].createElement(ActionComponent, Object.assign({
|
1148
1073
|
key: "action-".concat(id)
|
@@ -1189,7 +1114,6 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1189
1114
|
onQueryReset: onQueryReset
|
1190
1115
|
}))));
|
1191
1116
|
};
|
1192
|
-
|
1193
1117
|
ResourceIndexPage.propTypes = propTypes$9;
|
1194
1118
|
ResourceIndexPage.defaultProps = defaultProps$9;
|
1195
1119
|
|
@@ -1197,7 +1121,6 @@ var propTypes$8 = {
|
|
1197
1121
|
resource: core.PropTypes.resource.isRequired
|
1198
1122
|
};
|
1199
1123
|
var defaultProps$8 = {};
|
1200
|
-
|
1201
1124
|
var ResourceShowPage = function ResourceShowPage(_ref) {
|
1202
1125
|
var resource = _ref.resource;
|
1203
1126
|
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
@@ -1208,30 +1131,27 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
1208
1131
|
className: "container-sm"
|
1209
1132
|
}, "Show page")));
|
1210
1133
|
};
|
1211
|
-
|
1212
1134
|
ResourceShowPage.propTypes = propTypes$8;
|
1213
1135
|
ResourceShowPage.defaultProps = defaultProps$8;
|
1214
1136
|
|
1215
1137
|
/* eslint-disable react/jsx-props-no-spreading */
|
1216
1138
|
var propTypes$7 = {};
|
1217
1139
|
var defaultProps$7 = {};
|
1218
|
-
|
1219
1140
|
var HomePage = function HomePage() {
|
1220
1141
|
var route = contexts.useUrlGenerator();
|
1221
1142
|
var resources = contexts.usePanneauResources();
|
1222
1143
|
var visibleResources = resources.filter(function (_ref) {
|
1223
|
-
var _ref$settings = _ref.settings
|
1224
|
-
|
1225
|
-
|
1226
|
-
|
1144
|
+
var _ref$settings = _ref.settings,
|
1145
|
+
_ref$settings2 = _ref$settings === void 0 ? {} : _ref$settings,
|
1146
|
+
_ref$settings2$hideIn = _ref$settings2.hideInNavbar,
|
1147
|
+
hideInNavbar = _ref$settings2$hideIn === void 0 ? false : _ref$settings2$hideIn;
|
1227
1148
|
return !hideInNavbar;
|
1228
1149
|
});
|
1229
1150
|
return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
1230
1151
|
className: "container-sm py-4"
|
1231
1152
|
}, visibleResources.map(function (resource) {
|
1232
1153
|
var _ref2 = resource || {},
|
1233
|
-
|
1234
|
-
|
1154
|
+
resourceId = _ref2.id;
|
1235
1155
|
var resourceValues = intl.useResourceValues(resource);
|
1236
1156
|
return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
|
1237
1157
|
className: "d-block my-2",
|
@@ -1252,19 +1172,16 @@ var HomePage = function HomePage() {
|
|
1252
1172
|
}));
|
1253
1173
|
})));
|
1254
1174
|
};
|
1255
|
-
|
1256
1175
|
HomePage.propTypes = propTypes$7;
|
1257
1176
|
HomePage.defaultProps = defaultProps$7;
|
1258
1177
|
|
1259
1178
|
var propTypes$6 = {};
|
1260
1179
|
var defaultProps$6 = {};
|
1261
|
-
|
1262
1180
|
var AccountPage = function AccountPage() {
|
1263
1181
|
return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
1264
1182
|
className: "container-sm py-4"
|
1265
1183
|
}, "Account page"));
|
1266
1184
|
};
|
1267
|
-
|
1268
1185
|
AccountPage.propTypes = propTypes$6;
|
1269
1186
|
AccountPage.defaultProps = defaultProps$6;
|
1270
1187
|
|
@@ -1301,35 +1218,30 @@ var defaultProps$5 = {
|
|
1301
1218
|
className: null,
|
1302
1219
|
onSuccess: null
|
1303
1220
|
};
|
1304
|
-
|
1305
1221
|
var LoginForm = function LoginForm(_ref) {
|
1306
1222
|
var formFields = _ref.fields,
|
1307
|
-
|
1308
|
-
|
1223
|
+
className = _ref.className,
|
1224
|
+
onSuccess = _ref.onSuccess;
|
1309
1225
|
var url = contexts.useUrlGenerator();
|
1310
|
-
|
1311
1226
|
var _useAuth = auth.useAuth(),
|
1312
|
-
|
1313
|
-
|
1227
|
+
login = _useAuth.login;
|
1314
1228
|
var postForm = React.useCallback(function (action, _ref2) {
|
1315
1229
|
var email = _ref2.email,
|
1316
|
-
|
1230
|
+
password = _ref2.password;
|
1317
1231
|
return login(email, password);
|
1318
1232
|
}, [login]);
|
1319
|
-
|
1320
1233
|
var _useForm = hooks.useForm({
|
1321
|
-
|
1322
|
-
|
1323
|
-
|
1324
|
-
|
1325
|
-
|
1326
|
-
|
1327
|
-
|
1328
|
-
|
1329
|
-
|
1330
|
-
|
1331
|
-
|
1332
|
-
|
1234
|
+
fields: formFields,
|
1235
|
+
postForm: postForm,
|
1236
|
+
onComplete: onSuccess
|
1237
|
+
}),
|
1238
|
+
value = _useForm.value,
|
1239
|
+
setValue = _useForm.setValue,
|
1240
|
+
fields = _useForm.fields,
|
1241
|
+
onSubmit = _useForm.onSubmit,
|
1242
|
+
status = _useForm.status,
|
1243
|
+
generalError = _useForm.generalError,
|
1244
|
+
errors = _useForm.errors;
|
1333
1245
|
var NormalForm = contexts.useFormComponent('normal');
|
1334
1246
|
return /*#__PURE__*/React__default["default"].createElement(NormalForm, {
|
1335
1247
|
action: url('auth.login'),
|
@@ -1351,7 +1263,6 @@ var LoginForm = function LoginForm(_ref) {
|
|
1351
1263
|
})
|
1352
1264
|
});
|
1353
1265
|
};
|
1354
|
-
|
1355
1266
|
LoginForm.propTypes = propTypes$5;
|
1356
1267
|
LoginForm.defaultProps = defaultProps$5;
|
1357
1268
|
|
@@ -1362,17 +1273,13 @@ var propTypes$4 = {
|
|
1362
1273
|
var defaultProps$4 = {
|
1363
1274
|
fullscreen: false
|
1364
1275
|
};
|
1365
|
-
|
1366
1276
|
var GuestLayout = function GuestLayout(_ref) {
|
1367
1277
|
var _classNames;
|
1368
|
-
|
1369
1278
|
var fullscreen = _ref.fullscreen,
|
1370
|
-
|
1371
|
-
|
1279
|
+
children = _ref.children;
|
1372
1280
|
var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
|
1373
|
-
|
1374
|
-
|
1375
|
-
|
1281
|
+
background = _usePanneauColorSchem.background,
|
1282
|
+
text = _usePanneauColorSchem.text;
|
1376
1283
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
1377
1284
|
className: classNames__default["default"]({
|
1378
1285
|
'd-flex flex-column min-vh-100': fullscreen
|
@@ -1389,14 +1296,12 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
1389
1296
|
})
|
1390
1297
|
}, children)));
|
1391
1298
|
};
|
1392
|
-
|
1393
1299
|
GuestLayout.propTypes = propTypes$4;
|
1394
1300
|
GuestLayout.defaultProps = defaultProps$4;
|
1395
1301
|
|
1396
1302
|
/* eslint-disable react/jsx-props-no-spreading */
|
1397
1303
|
var propTypes$3 = {};
|
1398
1304
|
var defaultProps$3 = {};
|
1399
|
-
|
1400
1305
|
var LoginPage = function LoginPage() {
|
1401
1306
|
var route = contexts.useUrlGenerator();
|
1402
1307
|
var onSuccess = React.useCallback(function () {
|
@@ -1422,7 +1327,6 @@ var LoginPage = function LoginPage() {
|
|
1422
1327
|
onSuccess: onSuccess
|
1423
1328
|
})))));
|
1424
1329
|
};
|
1425
|
-
|
1426
1330
|
LoginPage.propTypes = propTypes$3;
|
1427
1331
|
LoginPage.defaultProps = defaultProps$3;
|
1428
1332
|
|
@@ -1525,7 +1429,6 @@ var propTypes$2 = {
|
|
1525
1429
|
var defaultProps$2 = {
|
1526
1430
|
statusCode: null
|
1527
1431
|
};
|
1528
|
-
|
1529
1432
|
var ErrorPage = function ErrorPage(_ref) {
|
1530
1433
|
var statusCode = _ref.statusCode;
|
1531
1434
|
return /*#__PURE__*/React__default["default"].createElement(GuestLayout, {
|
@@ -1538,47 +1441,44 @@ var ErrorPage = function ErrorPage(_ref) {
|
|
1538
1441
|
className: "col-12 col-sm-8 col-md-6"
|
1539
1442
|
}, /*#__PURE__*/React__default["default"].createElement("h1", null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, messages["title".concat(statusCode || 404)])), /*#__PURE__*/React__default["default"].createElement("p", null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, messages["description".concat(statusCode || 404)]))))));
|
1540
1443
|
};
|
1541
|
-
|
1542
1444
|
ErrorPage.propTypes = propTypes$2;
|
1543
1445
|
ErrorPage.defaultProps = defaultProps$2;
|
1544
1446
|
|
1545
1447
|
var _excluded = ["path", "component", "exact"];
|
1546
|
-
|
1547
1448
|
var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
1548
1449
|
var route = _ref.route,
|
1549
|
-
|
1550
|
-
|
1551
|
-
|
1450
|
+
componentsManager = _ref.componentsManager,
|
1451
|
+
_ref$pages = _ref.pages,
|
1452
|
+
pages = _ref$pages === void 0 ? {} : _ref$pages;
|
1552
1453
|
var resourceId = resource.id,
|
1553
|
-
|
1554
|
-
|
1555
|
-
|
1556
|
-
|
1454
|
+
_resource$pages = resource.pages,
|
1455
|
+
resourcePages = _resource$pages === void 0 ? {} : _resource$pages,
|
1456
|
+
_resource$extraRoutes = resource.extraRoutes,
|
1457
|
+
extraRoutes = _resource$extraRoutes === void 0 ? [] : _resource$extraRoutes;
|
1557
1458
|
|
1459
|
+
// Load custom pages from resource
|
1558
1460
|
var _ref2 = pages || {},
|
1559
|
-
|
1560
|
-
|
1561
|
-
|
1562
|
-
|
1563
|
-
|
1564
|
-
|
1565
|
-
|
1566
|
-
|
1567
|
-
|
1568
|
-
|
1569
|
-
|
1461
|
+
_ref2$index = _ref2.index,
|
1462
|
+
indexPage = _ref2$index === void 0 ? null : _ref2$index,
|
1463
|
+
_ref2$show = _ref2.show,
|
1464
|
+
showPage = _ref2$show === void 0 ? null : _ref2$show,
|
1465
|
+
_ref2$create = _ref2.create,
|
1466
|
+
createPage = _ref2$create === void 0 ? null : _ref2$create,
|
1467
|
+
_ref2$edit = _ref2.edit,
|
1468
|
+
editPage = _ref2$edit === void 0 ? null : _ref2$edit,
|
1469
|
+
_ref2$delete = _ref2["delete"],
|
1470
|
+
deletePage = _ref2$delete === void 0 ? null : _ref2$delete;
|
1570
1471
|
var _ref3 = resourcePages || {},
|
1571
|
-
|
1572
|
-
|
1573
|
-
|
1574
|
-
|
1575
|
-
|
1576
|
-
|
1577
|
-
|
1578
|
-
|
1579
|
-
|
1580
|
-
|
1581
|
-
|
1472
|
+
_ref3$index = _ref3.index,
|
1473
|
+
resourceIndexPage = _ref3$index === void 0 ? null : _ref3$index,
|
1474
|
+
_ref3$show = _ref3.show,
|
1475
|
+
resourceShowPage = _ref3$show === void 0 ? null : _ref3$show,
|
1476
|
+
_ref3$create = _ref3.create,
|
1477
|
+
resourceCreatePage = _ref3$create === void 0 ? null : _ref3$create,
|
1478
|
+
_ref3$edit = _ref3.edit,
|
1479
|
+
resourceEditPage = _ref3$edit === void 0 ? null : _ref3$edit,
|
1480
|
+
_ref3$delete = _ref3["delete"],
|
1481
|
+
resourceDeletePage = _ref3$delete === void 0 ? null : _ref3$delete;
|
1582
1482
|
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;
|
1583
1483
|
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;
|
1584
1484
|
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;
|
@@ -1629,11 +1529,10 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
|
1629
1529
|
})
|
1630
1530
|
})].concat(_toConsumableArray__default["default"](extraRoutes.map(function (_ref4) {
|
1631
1531
|
var path = _ref4.path,
|
1632
|
-
|
1633
|
-
|
1634
|
-
|
1635
|
-
|
1636
|
-
|
1532
|
+
component = _ref4.component,
|
1533
|
+
_ref4$exact = _ref4.exact,
|
1534
|
+
exact = _ref4$exact === void 0 ? true : _ref4$exact,
|
1535
|
+
pageProps = _objectWithoutProperties__default["default"](_ref4, _excluded);
|
1637
1536
|
var RouteComponent = componentsManager.getComponent(component);
|
1638
1537
|
return RouteComponent !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1639
1538
|
key: "route-".concat(path),
|
@@ -1652,24 +1551,20 @@ var propTypes$1 = {
|
|
1652
1551
|
var defaultProps$1 = {
|
1653
1552
|
statusCode: null
|
1654
1553
|
};
|
1655
|
-
|
1656
1554
|
var PanneauRoutes = function PanneauRoutes(_ref) {
|
1657
1555
|
var initialStatusCode = _ref.statusCode;
|
1658
1556
|
var routes = contexts.useRoutes();
|
1659
|
-
|
1660
1557
|
var _useLocation = reactRouter.useLocation(),
|
1661
|
-
|
1662
|
-
|
1558
|
+
pathname = _useLocation.pathname;
|
1663
1559
|
var _useState = React.useState({
|
1664
|
-
|
1665
|
-
|
1666
|
-
|
1667
|
-
|
1668
|
-
|
1669
|
-
|
1670
|
-
|
1671
|
-
|
1672
|
-
|
1560
|
+
statusCode: initialStatusCode,
|
1561
|
+
pathname: pathname
|
1562
|
+
}),
|
1563
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
1564
|
+
_useState2$ = _useState2[0],
|
1565
|
+
statusCode = _useState2$.statusCode,
|
1566
|
+
lastPathname = _useState2$.pathname,
|
1567
|
+
setInitialRequest = _useState2[1];
|
1673
1568
|
var user = auth.useUser();
|
1674
1569
|
var route = contexts.useUrlGenerator();
|
1675
1570
|
var resources = contexts.usePanneauResources();
|
@@ -1681,34 +1576,34 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1681
1576
|
statusCode: null
|
1682
1577
|
});
|
1683
1578
|
}
|
1684
|
-
}, [pathname, lastPathname]);
|
1579
|
+
}, [pathname, lastPathname]);
|
1685
1580
|
|
1581
|
+
// Custom Pages
|
1686
1582
|
var _usePanneau = contexts.usePanneau(),
|
1687
|
-
|
1688
|
-
|
1689
|
-
|
1583
|
+
_usePanneau$pages = _usePanneau.pages,
|
1584
|
+
pages = _usePanneau$pages === void 0 ? null : _usePanneau$pages;
|
1690
1585
|
var _ref2 = pages || {},
|
1691
|
-
|
1692
|
-
|
1693
|
-
|
1694
|
-
|
1695
|
-
|
1696
|
-
|
1697
|
-
|
1698
|
-
|
1699
|
-
|
1586
|
+
_ref2$home = _ref2.home,
|
1587
|
+
homePage = _ref2$home === void 0 ? null : _ref2$home,
|
1588
|
+
_ref2$login = _ref2.login,
|
1589
|
+
loginPage = _ref2$login === void 0 ? null : _ref2$login,
|
1590
|
+
_ref2$account = _ref2.account,
|
1591
|
+
accountPage = _ref2$account === void 0 ? null : _ref2$account,
|
1592
|
+
_ref2$error = _ref2.error,
|
1593
|
+
errorPage = _ref2$error === void 0 ? null : _ref2$error;
|
1700
1594
|
var HomeComponent = componentsManager.getComponent(homePage === null || homePage === void 0 ? void 0 : homePage.component) || HomePage;
|
1701
1595
|
var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage;
|
1702
1596
|
var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage;
|
1703
|
-
var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage;
|
1597
|
+
var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage;
|
1704
1598
|
|
1599
|
+
// If there is an error status code
|
1705
1600
|
if (statusCode !== null) {
|
1706
1601
|
return /*#__PURE__*/React__default["default"].createElement(ErrorComponent, {
|
1707
1602
|
statusCode: statusCode
|
1708
1603
|
});
|
1709
|
-
}
|
1710
|
-
|
1604
|
+
}
|
1711
1605
|
|
1606
|
+
// If user is unauthenticated
|
1712
1607
|
if (user === null) {
|
1713
1608
|
return /*#__PURE__*/React__default["default"].createElement(reactRouter.Routes, null, /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1714
1609
|
path: routes['auth.login'],
|
@@ -1721,17 +1616,16 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1721
1616
|
replace: true
|
1722
1617
|
})
|
1723
1618
|
}));
|
1724
|
-
}
|
1725
|
-
|
1619
|
+
}
|
1726
1620
|
|
1621
|
+
// Normal routes
|
1727
1622
|
return /*#__PURE__*/React__default["default"].createElement(reactRouter.Routes, null, /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1728
1623
|
path: routes.home,
|
1729
1624
|
exact: true,
|
1730
1625
|
element: /*#__PURE__*/React__default["default"].createElement(HomeComponent, null)
|
1731
1626
|
}), resources.map(function (resource) {
|
1732
1627
|
var _ref3 = resource || {},
|
1733
|
-
|
1734
|
-
|
1628
|
+
resourceId = _ref3.id;
|
1735
1629
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
|
1736
1630
|
key: "resource-".concat(resourceId)
|
1737
1631
|
}, createResourceRoutes(resource, {
|
@@ -1748,7 +1642,6 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1748
1642
|
element: /*#__PURE__*/React__default["default"].createElement(ErrorComponent, null)
|
1749
1643
|
}));
|
1750
1644
|
};
|
1751
|
-
|
1752
1645
|
PanneauRoutes.propTypes = propTypes$1;
|
1753
1646
|
PanneauRoutes.defaultProps = defaultProps$1;
|
1754
1647
|
|
@@ -1769,41 +1662,40 @@ var defaultProps = {
|
|
1769
1662
|
uppy: null,
|
1770
1663
|
statusCode: null
|
1771
1664
|
};
|
1772
|
-
|
1773
1665
|
var Container = function Container(_ref) {
|
1774
1666
|
var definition = _ref.definition,
|
1775
|
-
|
1776
|
-
|
1777
|
-
|
1778
|
-
|
1779
|
-
|
1780
|
-
|
1781
|
-
var _definition$intl = definition.intl
|
1782
|
-
|
1783
|
-
|
1784
|
-
|
1785
|
-
|
1786
|
-
|
1787
|
-
|
1788
|
-
|
1789
|
-
|
1790
|
-
|
1791
|
-
|
1792
|
-
|
1667
|
+
components = _ref.components,
|
1668
|
+
user = _ref.user,
|
1669
|
+
memoryRouter = _ref.memoryRouter,
|
1670
|
+
baseUrl = _ref.baseUrl,
|
1671
|
+
uppy = _ref.uppy,
|
1672
|
+
statusCode = _ref.statusCode;
|
1673
|
+
var _definition$intl = definition.intl,
|
1674
|
+
_definition$intl2 = _definition$intl === void 0 ? {} : _definition$intl,
|
1675
|
+
_definition$intl2$loc = _definition$intl2.locale,
|
1676
|
+
locale = _definition$intl2$loc === void 0 ? 'en' : _definition$intl2$loc,
|
1677
|
+
_definition$intl2$loc2 = _definition$intl2.locales,
|
1678
|
+
locales = _definition$intl2$loc2 === void 0 ? [] : _definition$intl2$loc2,
|
1679
|
+
_definition$routes = definition.routes,
|
1680
|
+
routes = _definition$routes === void 0 ? {} : _definition$routes,
|
1681
|
+
_definition$settings = definition.settings,
|
1682
|
+
_definition$settings2 = _definition$settings === void 0 ? {} : _definition$settings,
|
1683
|
+
_definition$settings3 = _definition$settings2.memoryRouter,
|
1684
|
+
usesMemoryRouter = _definition$settings3 === void 0 ? false : _definition$settings3;
|
1793
1685
|
var Router = memoryRouter || usesMemoryRouter ? reactRouter.MemoryRouter : reactRouterDom.BrowserRouter;
|
1794
1686
|
var extraMessages = React.useMemo(function () {
|
1795
|
-
var _definition$
|
1796
|
-
|
1797
|
-
|
1798
|
-
|
1799
|
-
|
1800
|
-
|
1687
|
+
var _definition$intl3 = definition.intl,
|
1688
|
+
_definition$intl4 = _definition$intl3 === void 0 ? {} : _definition$intl3,
|
1689
|
+
_definition$intl4$mes = _definition$intl4.messages,
|
1690
|
+
messages = _definition$intl4$mes === void 0 ? null : _definition$intl4$mes,
|
1691
|
+
_definition$resources = definition.resources,
|
1692
|
+
resources = _definition$resources === void 0 ? [] : _definition$resources;
|
1801
1693
|
return _objectSpread__default["default"](_objectSpread__default["default"]({}, messages), resources.reduce(function (allMessages, _ref2) {
|
1802
1694
|
var id = _ref2.id,
|
1803
|
-
|
1804
|
-
|
1805
|
-
|
1806
|
-
|
1695
|
+
_ref2$intl = _ref2.intl,
|
1696
|
+
_ref2$intl2 = _ref2$intl === void 0 ? {} : _ref2$intl,
|
1697
|
+
_ref2$intl2$messages = _ref2$intl2.messages,
|
1698
|
+
resourceMessages = _ref2$intl2$messages === void 0 ? {} : _ref2$intl2$messages;
|
1807
1699
|
return _objectSpread__default["default"](_objectSpread__default["default"]({}, allMessages), Object.keys(resourceMessages).reduce(function (allResourceMessages, key) {
|
1808
1700
|
return _objectSpread__default["default"](_objectSpread__default["default"]({}, allResourceMessages), {}, _defineProperty__default["default"]({}, "resources.".concat(id, ".").concat(key), resourceMessages[key]));
|
1809
1701
|
}, {}));
|
@@ -1835,7 +1727,6 @@ var Container = function Container(_ref) {
|
|
1835
1727
|
statusCode: statusCode
|
1836
1728
|
}))))))))))))));
|
1837
1729
|
};
|
1838
|
-
|
1839
1730
|
Container.propTypes = propTypes;
|
1840
1731
|
Container.defaultProps = defaultProps;
|
1841
1732
|
|