@panneau/app 1.0.0-alpha.201 → 1.0.0-alpha.205
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 +2 -2
- package/es/index.js +13 -7
- package/lib/index.js +219 -213
- package/package.json +26 -26
package/lib/index.js
CHANGED
@@ -61,19 +61,20 @@ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
|
|
61
61
|
var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
|
62
62
|
var FormGroup__default = /*#__PURE__*/_interopDefaultLegacy(FormGroup);
|
63
63
|
|
64
|
+
var _excluded$4 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
|
64
65
|
var propTypes$n = {
|
65
66
|
resource: core.PropTypes.resource.isRequired,
|
66
|
-
action: PropTypes__default[
|
67
|
-
previous: PropTypes__default[
|
67
|
+
action: PropTypes__default["default"].string,
|
68
|
+
previous: PropTypes__default["default"].string,
|
68
69
|
fields: core.PropTypes.fields.isRequired,
|
69
|
-
value: PropTypes__default[
|
70
|
+
value: PropTypes__default["default"].object,
|
70
71
|
// eslint-disable-line react/forbid-prop-types
|
71
|
-
onChange: PropTypes__default[
|
72
|
-
onSubmit: PropTypes__default[
|
72
|
+
onChange: PropTypes__default["default"].func.isRequired,
|
73
|
+
onSubmit: PropTypes__default["default"].func,
|
73
74
|
status: core.PropTypes.formStatus,
|
74
|
-
generalError: PropTypes__default[
|
75
|
-
errors: PropTypes__default[
|
76
|
-
className: PropTypes__default[
|
75
|
+
generalError: PropTypes__default["default"].string,
|
76
|
+
errors: PropTypes__default["default"].objectOf(PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)),
|
77
|
+
className: PropTypes__default["default"].string
|
77
78
|
};
|
78
79
|
var defaultProps$n = {
|
79
80
|
action: null,
|
@@ -96,52 +97,52 @@ var DeleteForm = function DeleteForm(_ref) {
|
|
96
97
|
_ref.errors;
|
97
98
|
var generalError = _ref.generalError,
|
98
99
|
className = _ref.className,
|
99
|
-
props = _objectWithoutProperties__default[
|
100
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
|
100
101
|
|
101
|
-
return /*#__PURE__*/React__default[
|
102
|
-
className: classNames__default[
|
102
|
+
return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
|
103
|
+
className: classNames__default["default"](['form', _defineProperty__default["default"]({
|
103
104
|
'invalid-feedback': generalError !== null
|
104
105
|
}, className, className !== null)]),
|
105
106
|
action: action,
|
106
107
|
onSubmit: onSubmit,
|
107
108
|
withoutActions: true,
|
108
109
|
withoutErrors: true
|
109
|
-
}, props), /*#__PURE__*/React__default[
|
110
|
+
}, props), /*#__PURE__*/React__default["default"].createElement("div", {
|
110
111
|
className: "card"
|
111
|
-
}, /*#__PURE__*/React__default[
|
112
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
112
113
|
className: "card-body"
|
113
|
-
}, /*#__PURE__*/React__default[
|
114
|
+
}, /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
|
114
115
|
resource: resource,
|
115
116
|
values: value,
|
116
117
|
id: "resources.confirm_delete",
|
117
118
|
defaultMessage: "Are you sure you want to delete {the_singular} #{id}?",
|
118
119
|
description: "Confirmation message"
|
119
|
-
}), generalError ? /*#__PURE__*/React__default[
|
120
|
+
}), generalError ? /*#__PURE__*/React__default["default"].createElement("p", {
|
120
121
|
className: "text-danger"
|
121
|
-
}, /*#__PURE__*/React__default[
|
122
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
122
123
|
id: "y9zauY",
|
123
124
|
defaultMessage: [{
|
124
125
|
"type": 0,
|
125
126
|
"value": "An error occured and we could not delete this item successfully."
|
126
127
|
}]
|
127
|
-
})) : null), /*#__PURE__*/React__default[
|
128
|
+
})) : null), /*#__PURE__*/React__default["default"].createElement("div", {
|
128
129
|
className: "card-body d-flex"
|
129
|
-
}, previous !== null ? /*#__PURE__*/React__default[
|
130
|
+
}, previous !== null ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
130
131
|
href: previous,
|
131
132
|
className: "me-2",
|
132
133
|
theme: "secondary",
|
133
134
|
outline: true
|
134
|
-
}, /*#__PURE__*/React__default[
|
135
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
135
136
|
id: "PyxZY2",
|
136
137
|
defaultMessage: [{
|
137
138
|
"type": 0,
|
138
139
|
"value": "Cancel"
|
139
140
|
}]
|
140
|
-
})) : null, /*#__PURE__*/React__default[
|
141
|
+
})) : null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
141
142
|
type: "submit",
|
142
143
|
className: "ms-auto",
|
143
144
|
theme: "danger"
|
144
|
-
}, /*#__PURE__*/React__default[
|
145
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
145
146
|
id: "Bhu3B2",
|
146
147
|
defaultMessage: [{
|
147
148
|
"type": 0,
|
@@ -153,14 +154,15 @@ var DeleteForm = function DeleteForm(_ref) {
|
|
153
154
|
DeleteForm.propTypes = propTypes$n;
|
154
155
|
DeleteForm.defaultProps = defaultProps$n;
|
155
156
|
|
157
|
+
var _excluded$3 = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
|
156
158
|
var propTypes$m = {
|
157
|
-
component: PropTypes__default[
|
159
|
+
component: PropTypes__default["default"].string,
|
158
160
|
resource: core.PropTypes.resource.isRequired,
|
159
|
-
item: PropTypes__default[
|
161
|
+
item: PropTypes__default["default"].object,
|
160
162
|
// eslint-disable-line react/forbid-prop-types
|
161
|
-
type: PropTypes__default[
|
162
|
-
onSuccess: PropTypes__default[
|
163
|
-
isDelete: PropTypes__default[
|
163
|
+
type: PropTypes__default["default"].string,
|
164
|
+
onSuccess: PropTypes__default["default"].func,
|
165
|
+
isDelete: PropTypes__default["default"].bool
|
164
166
|
};
|
165
167
|
var defaultProps$m = {
|
166
168
|
component: null,
|
@@ -177,7 +179,7 @@ var ResourceForm = function ResourceForm(_ref) {
|
|
177
179
|
item = _ref.item,
|
178
180
|
type = _ref.type,
|
179
181
|
isDelete = _ref.isDelete,
|
180
|
-
props = _objectWithoutProperties__default[
|
182
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded$3);
|
181
183
|
|
182
184
|
var locales = contexts.useLocales();
|
183
185
|
var FormComponents = contexts.useFormsComponents();
|
@@ -251,14 +253,14 @@ var ResourceForm = function ResourceForm(_ref) {
|
|
251
253
|
var name = _ref7.name,
|
252
254
|
_ref7$defaultValue = _ref7.defaultValue,
|
253
255
|
defaultValue = _ref7$defaultValue === void 0 ? null : _ref7$defaultValue;
|
254
|
-
return defaultValue !== null ? _objectSpread__default[
|
256
|
+
return defaultValue !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, defaultValues), {}, _defineProperty__default["default"]({}, name, defaultValue)) : defaultValues;
|
255
257
|
}, type !== null ? {
|
256
258
|
type: type
|
257
259
|
} : null);
|
258
260
|
}, [item, type, finalFields]);
|
259
261
|
|
260
262
|
var _useState = React.useState(getInitialValue()),
|
261
|
-
_useState2 = _slicedToArray__default[
|
263
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
262
264
|
value = _useState2[0],
|
263
265
|
setValueState = _useState2[1];
|
264
266
|
|
@@ -296,10 +298,10 @@ var ResourceForm = function ResourceForm(_ref) {
|
|
296
298
|
// console.log('get initial value from the top'); // eslint-disable-line
|
297
299
|
setValue(getInitialValue());
|
298
300
|
}, [getInitialValue, setValue]);
|
299
|
-
return /*#__PURE__*/React__default[
|
301
|
+
return /*#__PURE__*/React__default["default"].createElement(contexts.FormProvider, {
|
300
302
|
value: value,
|
301
303
|
setValue: setValue
|
302
|
-
}, /*#__PURE__*/React__default[
|
304
|
+
}, /*#__PURE__*/React__default["default"].createElement(FormComponent, Object.assign({}, props, {
|
303
305
|
status: status,
|
304
306
|
resource: resource,
|
305
307
|
item: item,
|
@@ -318,9 +320,9 @@ ResourceForm.propTypes = propTypes$m;
|
|
318
320
|
ResourceForm.defaultProps = defaultProps$m;
|
319
321
|
|
320
322
|
var propTypes$l = {
|
321
|
-
className: PropTypes__default[
|
322
|
-
itemClassName: PropTypes__default[
|
323
|
-
linkClassName: PropTypes__default[
|
323
|
+
className: PropTypes__default["default"].string,
|
324
|
+
itemClassName: PropTypes__default["default"].string,
|
325
|
+
linkClassName: PropTypes__default["default"].string
|
324
326
|
};
|
325
327
|
var defaultProps$l = {
|
326
328
|
className: null,
|
@@ -342,7 +344,7 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
342
344
|
var items = React.useMemo(function () {
|
343
345
|
return user !== null ? [{
|
344
346
|
id: 'account',
|
345
|
-
label: /*#__PURE__*/React__default[
|
347
|
+
label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
346
348
|
id: "IuqEHB",
|
347
349
|
defaultMessage: [{
|
348
350
|
"type": 0,
|
@@ -360,7 +362,7 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
360
362
|
// href: route('panneau.account'),
|
361
363
|
// },
|
362
364
|
{
|
363
|
-
label: /*#__PURE__*/React__default[
|
365
|
+
label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
364
366
|
id: "REIcPg",
|
365
367
|
defaultMessage: [{
|
366
368
|
"type": 0,
|
@@ -371,7 +373,7 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
371
373
|
onClick: onClickLogout
|
372
374
|
}]
|
373
375
|
}] : [{
|
374
|
-
label: /*#__PURE__*/React__default[
|
376
|
+
label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
375
377
|
id: "d0g58T",
|
376
378
|
defaultMessage: [{
|
377
379
|
"type": 0,
|
@@ -381,7 +383,7 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
381
383
|
href: route('login')
|
382
384
|
}];
|
383
385
|
}, [user, route, onClickLogout]);
|
384
|
-
return items !== null ? /*#__PURE__*/React__default[
|
386
|
+
return items !== null ? /*#__PURE__*/React__default["default"].createElement(Menu__default["default"], {
|
385
387
|
className: className,
|
386
388
|
itemClassName: itemClassName,
|
387
389
|
linkClassName: linkClassName,
|
@@ -394,9 +396,9 @@ AccountMenu.propTypes = propTypes$l;
|
|
394
396
|
AccountMenu.defaultProps = defaultProps$l;
|
395
397
|
|
396
398
|
var propTypes$k = {
|
397
|
-
className: PropTypes__default[
|
398
|
-
itemClassName: PropTypes__default[
|
399
|
-
linkClassName: PropTypes__default[
|
399
|
+
className: PropTypes__default["default"].string,
|
400
|
+
itemClassName: PropTypes__default["default"].string,
|
401
|
+
linkClassName: PropTypes__default["default"].string
|
400
402
|
};
|
401
403
|
var defaultProps$k = {
|
402
404
|
className: null,
|
@@ -431,7 +433,7 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
|
|
431
433
|
};
|
432
434
|
});
|
433
435
|
}, [resources, pathname, resourceRoute]);
|
434
|
-
return /*#__PURE__*/React__default[
|
436
|
+
return /*#__PURE__*/React__default["default"].createElement(Menu__default["default"], {
|
435
437
|
items: items,
|
436
438
|
className: className,
|
437
439
|
itemClassName: itemClassName,
|
@@ -455,16 +457,16 @@ var MainNavbar = function MainNavbar(props) {
|
|
455
457
|
|
456
458
|
var route = contexts.useUrlGenerator();
|
457
459
|
var user = auth.useUser();
|
458
|
-
return /*#__PURE__*/React__default[
|
460
|
+
return /*#__PURE__*/React__default["default"].createElement(Navbar__default["default"], Object.assign({
|
459
461
|
theme: background
|
460
|
-
}, props), name !== null ? /*#__PURE__*/React__default[
|
462
|
+
}, props), name !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
|
461
463
|
to: route('home'),
|
462
464
|
className: "navbar-brand"
|
463
|
-
}, name) : null, user !== null ? /*#__PURE__*/React__default[
|
465
|
+
}, name) : null, user !== null ? /*#__PURE__*/React__default["default"].createElement(ResourcesMenu, {
|
464
466
|
className: "navbar-nav ml-4",
|
465
467
|
itemClassName: "nav-item",
|
466
468
|
linkClassName: "nav-link"
|
467
|
-
}) : null, /*#__PURE__*/React__default[
|
469
|
+
}) : null, /*#__PURE__*/React__default["default"].createElement(AccountMenu, {
|
468
470
|
className: "navbar-nav ms-auto",
|
469
471
|
itemClassName: "nav-item",
|
470
472
|
linkClassName: "nav-link"
|
@@ -475,8 +477,8 @@ MainNavbar.propTypes = propTypes$j;
|
|
475
477
|
MainNavbar.defaultProps = defaultProps$j;
|
476
478
|
|
477
479
|
var propTypes$i = {
|
478
|
-
children: PropTypes__default[
|
479
|
-
fullscreen: PropTypes__default[
|
480
|
+
children: PropTypes__default["default"].node.isRequired,
|
481
|
+
fullscreen: PropTypes__default["default"].bool
|
480
482
|
};
|
481
483
|
var defaultProps$i = {
|
482
484
|
fullscreen: false
|
@@ -492,14 +494,14 @@ var MainLayout = function MainLayout(_ref) {
|
|
492
494
|
background = _usePanneauColorSchem.background,
|
493
495
|
text = _usePanneauColorSchem.text;
|
494
496
|
|
495
|
-
return /*#__PURE__*/React__default[
|
496
|
-
className: classNames__default[
|
497
|
-
}, /*#__PURE__*/React__default[
|
498
|
-
className: classNames__default[
|
499
|
-
}), /*#__PURE__*/React__default[
|
500
|
-
className: classNames__default[
|
497
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
498
|
+
className: classNames__default["default"](['d-flex', 'flex-column', 'min-vh-100'])
|
499
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
|
500
|
+
className: classNames__default["default"](['border-bottom', 'sticky-top', 'px-3'])
|
501
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
502
|
+
className: classNames__default["default"](['flex-grow-1', (_ref2 = {
|
501
503
|
'd-flex flex-column': fullscreen
|
502
|
-
}, _defineProperty__default[
|
504
|
+
}, _defineProperty__default["default"](_ref2, "bg-".concat(background), background !== null), _defineProperty__default["default"](_ref2, "text-".concat(text), text !== null), _ref2)])
|
503
505
|
}, children));
|
504
506
|
};
|
505
507
|
|
@@ -508,10 +510,10 @@ MainLayout.defaultProps = defaultProps$i;
|
|
508
510
|
|
509
511
|
var propTypes$h = {
|
510
512
|
title: core.PropTypes.label,
|
511
|
-
actions: PropTypes__default[
|
512
|
-
small: PropTypes__default[
|
513
|
-
className: PropTypes__default[
|
514
|
-
children: PropTypes__default[
|
513
|
+
actions: PropTypes__default["default"].node,
|
514
|
+
small: PropTypes__default["default"].bool,
|
515
|
+
className: PropTypes__default["default"].string,
|
516
|
+
children: PropTypes__default["default"].node
|
515
517
|
};
|
516
518
|
var defaultProps$h = {
|
517
519
|
title: null,
|
@@ -537,20 +539,20 @@ var PageHeader = function PageHeader(_ref) {
|
|
537
539
|
background = _usePanneauColorSchem.background; // console.log('page-header', components); // eslint-disable-line
|
538
540
|
|
539
541
|
|
540
|
-
var inner = /*#__PURE__*/React__default[
|
542
|
+
var inner = /*#__PURE__*/React__default["default"].createElement("div", {
|
541
543
|
className: "d-flex align-items-center flex-wrap"
|
542
|
-
}, title !== null ? /*#__PURE__*/React__default[
|
544
|
+
}, title !== null ? /*#__PURE__*/React__default["default"].createElement("h1", {
|
543
545
|
className: "mb-0"
|
544
|
-
}, /*#__PURE__*/React__default[
|
546
|
+
}, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, title)) : null, actions !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
|
545
547
|
className: "ms-auto"
|
546
548
|
}, actions) : null);
|
547
|
-
return /*#__PURE__*/React__default[
|
548
|
-
className: classNames__default[
|
549
|
-
}, /*#__PURE__*/React__default[
|
549
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
550
|
+
className: classNames__default["default"](['py-4', (_ref2 = {}, _defineProperty__default["default"](_ref2, "bg-".concat(background), background !== null), _defineProperty__default["default"](_ref2, "text-".concat(text), text !== null), _defineProperty__default["default"](_ref2, "border-bottom", background || text !== null), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)])
|
551
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
550
552
|
className: "container-sm"
|
551
|
-
}, small ? /*#__PURE__*/React__default[
|
553
|
+
}, small ? /*#__PURE__*/React__default["default"].createElement("div", {
|
552
554
|
className: "row justify-content-center"
|
553
|
-
}, /*#__PURE__*/React__default[
|
555
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
554
556
|
className: "col-12 col-md-8 col-lg-7"
|
555
557
|
}, inner)) : inner), children);
|
556
558
|
};
|
@@ -581,23 +583,23 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
581
583
|
_useMemo$type = _useMemo.type,
|
582
584
|
type = _useMemo$type === void 0 ? null : _useMemo$type;
|
583
585
|
|
584
|
-
return /*#__PURE__*/React__default[
|
586
|
+
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
585
587
|
resource: resource
|
586
|
-
}, /*#__PURE__*/React__default[
|
587
|
-
title: /*#__PURE__*/React__default[
|
588
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
589
|
+
title: /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
|
588
590
|
resource: resource,
|
589
591
|
id: "resources.create",
|
590
592
|
defaultMessage: "Create {a_singular}",
|
591
593
|
description: "Page title"
|
592
594
|
}),
|
593
595
|
small: true
|
594
|
-
}), /*#__PURE__*/React__default[
|
596
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
595
597
|
className: "container-sm py-4"
|
596
|
-
}, /*#__PURE__*/React__default[
|
598
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
597
599
|
className: "row justify-content-center"
|
598
|
-
}, /*#__PURE__*/React__default[
|
600
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
599
601
|
className: "col-12 col-md-8 col-lg-7"
|
600
|
-
}, /*#__PURE__*/React__default[
|
602
|
+
}, /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
|
601
603
|
resource: resource,
|
602
604
|
type: type,
|
603
605
|
onSuccess: onSuccess
|
@@ -609,7 +611,7 @@ ResourceCreatePage.defaultProps = defaultProps$g;
|
|
609
611
|
|
610
612
|
var propTypes$f = {
|
611
613
|
resource: core.PropTypes.resource.isRequired,
|
612
|
-
itemId: PropTypes__default[
|
614
|
+
itemId: PropTypes__default["default"].string.isRequired
|
613
615
|
};
|
614
616
|
var defaultProps$f = {};
|
615
617
|
|
@@ -632,23 +634,23 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
632
634
|
|
633
635
|
var previousEntry = entries !== null && entries.length > 1 ? entries[entries.length - 2] : null;
|
634
636
|
var previous = (previousEntry === null || previousEntry === void 0 ? void 0 : previousEntry.pathname) || null;
|
635
|
-
return /*#__PURE__*/React__default[
|
637
|
+
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
636
638
|
resource: resource
|
637
|
-
}, /*#__PURE__*/React__default[
|
638
|
-
title: /*#__PURE__*/React__default[
|
639
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
640
|
+
title: /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
|
639
641
|
resource: resource,
|
640
642
|
id: "resources.delete",
|
641
643
|
defaultMessage: "Delete {a_singular}",
|
642
644
|
description: "Page title"
|
643
645
|
}),
|
644
646
|
small: true
|
645
|
-
}), /*#__PURE__*/React__default[
|
647
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
646
648
|
className: "container-sm py-4"
|
647
|
-
}, /*#__PURE__*/React__default[
|
649
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
648
650
|
className: "row justify-content-center"
|
649
|
-
}, /*#__PURE__*/React__default[
|
651
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
650
652
|
className: "col-12 col-md-8 col-lg-7"
|
651
|
-
}, item !== null ? /*#__PURE__*/React__default[
|
653
|
+
}, item !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
|
652
654
|
component: "",
|
653
655
|
resource: resource,
|
654
656
|
item: item,
|
@@ -663,7 +665,7 @@ ResourceDeletePage.defaultProps = defaultProps$f;
|
|
663
665
|
|
664
666
|
var propTypes$e = {
|
665
667
|
resource: core.PropTypes.resource.isRequired,
|
666
|
-
itemId: PropTypes__default[
|
668
|
+
itemId: PropTypes__default["default"].string.isRequired
|
667
669
|
};
|
668
670
|
var defaultProps$e = {};
|
669
671
|
|
@@ -679,7 +681,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
679
681
|
type = _ref2$type === void 0 ? null : _ref2$type;
|
680
682
|
|
681
683
|
var _useState = React.useState(item),
|
682
|
-
_useState2 = _slicedToArray__default[
|
684
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
683
685
|
editItem = _useState2[0],
|
684
686
|
setEditItem = _useState2[1];
|
685
687
|
|
@@ -689,23 +691,23 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
689
691
|
React.useEffect(function () {
|
690
692
|
setEditItem(item);
|
691
693
|
}, [item, setEditItem]);
|
692
|
-
return /*#__PURE__*/React__default[
|
694
|
+
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
693
695
|
resource: resource
|
694
|
-
}, /*#__PURE__*/React__default[
|
695
|
-
title: /*#__PURE__*/React__default[
|
696
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
697
|
+
title: /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
|
696
698
|
resource: resource,
|
697
699
|
id: "resources.edit",
|
698
700
|
defaultMessage: "Edit {a_singular}",
|
699
701
|
description: "Page title"
|
700
702
|
}),
|
701
703
|
small: true
|
702
|
-
}), /*#__PURE__*/React__default[
|
704
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
703
705
|
className: "container-sm py-4"
|
704
|
-
}, /*#__PURE__*/React__default[
|
706
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
705
707
|
className: "row justify-content-center"
|
706
|
-
}, /*#__PURE__*/React__default[
|
708
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
707
709
|
className: "col-12 col-md-8 col-lg-7"
|
708
|
-
}, editItem !== null ? /*#__PURE__*/React__default[
|
710
|
+
}, editItem !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
|
709
711
|
resource: resource,
|
710
712
|
item: editItem,
|
711
713
|
type: type,
|
@@ -718,7 +720,7 @@ ResourceEditPage.defaultProps = defaultProps$e;
|
|
718
720
|
|
719
721
|
var propTypes$d = {
|
720
722
|
resource: core.PropTypes.resource.isRequired,
|
721
|
-
className: PropTypes__default[
|
723
|
+
className: PropTypes__default["default"].string
|
722
724
|
};
|
723
725
|
var defaultProps$d = {
|
724
726
|
className: null
|
@@ -732,7 +734,7 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
732
734
|
var resourceRoute = hooks.useResourceUrlGenerator(resource);
|
733
735
|
|
734
736
|
var _useState = React.useState(false),
|
735
|
-
_useState2 = _slicedToArray__default[
|
737
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
736
738
|
dropdownOpened = _useState2[0],
|
737
739
|
setDropdownOpened = _useState2[1];
|
738
740
|
|
@@ -753,25 +755,25 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
753
755
|
var onDropdownClickOutside = React.useCallback(function () {
|
754
756
|
setDropdownOpened(false);
|
755
757
|
}, [setDropdownOpened]);
|
756
|
-
var button = /*#__PURE__*/React__default[
|
758
|
+
var button = /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
757
759
|
href: !hasMultipleTypes ? "".concat(resourceRoute('create')).concat(finalTypes !== null && finalTypes.length === 1 ? "?type=".concat(finalTypes[0].id) : '') : '#',
|
758
760
|
size: "lg",
|
759
761
|
theme: "primary",
|
760
|
-
className: classNames__default[
|
762
|
+
className: classNames__default["default"]([_defineProperty__default["default"]({
|
761
763
|
'dropdown-toggle': hasMultipleTypes
|
762
764
|
}, className, className !== null)]),
|
763
765
|
onClick: hasMultipleTypes ? onClickDropdown : null
|
764
|
-
}, /*#__PURE__*/React__default[
|
766
|
+
}, /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
|
765
767
|
resource: resource,
|
766
768
|
id: "resources.create_btn",
|
767
769
|
defaultMessage: "Create {a_singular}",
|
768
770
|
description: "Button label"
|
769
771
|
}));
|
770
|
-
return hasMultipleTypes ? /*#__PURE__*/React__default[
|
771
|
-
className: classNames__default[
|
772
|
+
return hasMultipleTypes ? /*#__PURE__*/React__default["default"].createElement("div", {
|
773
|
+
className: classNames__default["default"](['dropdown', {
|
772
774
|
show: dropdownOpened
|
773
775
|
}])
|
774
|
-
}, button, /*#__PURE__*/React__default[
|
776
|
+
}, button, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
|
775
777
|
items: finalTypes.map(function (it) {
|
776
778
|
return {
|
777
779
|
id: it.id,
|
@@ -788,18 +790,19 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
788
790
|
ResourceCreateButtom.propTypes = propTypes$d;
|
789
791
|
ResourceCreateButtom.defaultProps = defaultProps$d;
|
790
792
|
|
793
|
+
var _excluded$2 = ["component", "name", "groupLabel"];
|
791
794
|
var propTypes$c = {
|
792
|
-
filters: PropTypes__default[
|
793
|
-
id: PropTypes__default[
|
794
|
-
component: PropTypes__default[
|
795
|
+
filters: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
|
796
|
+
id: PropTypes__default["default"].string.isRequired,
|
797
|
+
component: PropTypes__default["default"].string.isRequired
|
795
798
|
})),
|
796
|
-
value: PropTypes__default[
|
799
|
+
value: PropTypes__default["default"].object,
|
797
800
|
// eslint-disable-line react/forbid-prop-types
|
798
|
-
onChange: PropTypes__default[
|
799
|
-
onReset: PropTypes__default[
|
800
|
-
withContainer: PropTypes__default[
|
801
|
-
withReset: PropTypes__default[
|
802
|
-
className: PropTypes__default[
|
801
|
+
onChange: PropTypes__default["default"].func,
|
802
|
+
onReset: PropTypes__default["default"].func,
|
803
|
+
withContainer: PropTypes__default["default"].bool,
|
804
|
+
withReset: PropTypes__default["default"].bool,
|
805
|
+
className: PropTypes__default["default"].string
|
803
806
|
};
|
804
807
|
var defaultProps$c = {
|
805
808
|
filters: [],
|
@@ -837,8 +840,8 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
837
840
|
|
838
841
|
return isActive;
|
839
842
|
}, false);
|
840
|
-
return /*#__PURE__*/React__default[
|
841
|
-
className: classNames__default[
|
843
|
+
return /*#__PURE__*/React__default["default"].createElement(Navbar__default["default"], {
|
844
|
+
className: classNames__default["default"]([_defineProperty__default["default"]({
|
842
845
|
'navbar-expand-md': withContainer
|
843
846
|
}, className, className !== null), 'justify-content-start', 'align-items-start', 'flex-column', 'flex-md-row']),
|
844
847
|
theme: background,
|
@@ -846,27 +849,28 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
846
849
|
}, currentFilters.map(function (_ref3, index) {
|
847
850
|
var component = _ref3.component,
|
848
851
|
name = _ref3.name,
|
849
|
-
|
852
|
+
groupLabel = _ref3.groupLabel,
|
853
|
+
filterProps = _objectWithoutProperties__default["default"](_ref3, _excluded$2);
|
850
854
|
|
851
855
|
var FilterComponent = utils.getComponentFromName(component, FilterComponents, null);
|
852
856
|
var filterValue = value !== null && value[name] ? value[name] : null;
|
853
857
|
var onFilterChange = React.useCallback(function (newFilterValue) {
|
854
858
|
if (name !== null && onChange !== null) {
|
855
|
-
onChange(_objectSpread__default[
|
859
|
+
onChange(_objectSpread__default["default"](_objectSpread__default["default"]({}, value), {}, _defineProperty__default["default"]({}, name, newFilterValue)));
|
856
860
|
}
|
857
861
|
}, [onChange, name]);
|
858
|
-
return FilterComponent !== null ? /*#__PURE__*/React__default[
|
862
|
+
return FilterComponent !== null ? /*#__PURE__*/React__default["default"].createElement(FormGroup__default["default"], {
|
859
863
|
key: "filter-".concat(name, "-").concat(index + 1),
|
860
|
-
label:
|
864
|
+
label: groupLabel,
|
861
865
|
className: "me-4"
|
862
|
-
}, /*#__PURE__*/React__default[
|
866
|
+
}, /*#__PURE__*/React__default["default"].createElement(FilterComponent, Object.assign({}, filterProps, {
|
863
867
|
value: filterValue,
|
864
868
|
onChange: onFilterChange
|
865
869
|
}))) : null;
|
866
|
-
}), withReset && hasActiveFilter && currentFilters.length > 1 ? /*#__PURE__*/React__default[
|
870
|
+
}), withReset && hasActiveFilter && currentFilters.length > 1 ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
867
871
|
theme: "primary",
|
868
872
|
onClick: onFiltersReset
|
869
|
-
}, /*#__PURE__*/React__default[
|
873
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
870
874
|
icon: freeSolidSvgIcons.faUndo
|
871
875
|
})) : null);
|
872
876
|
};
|
@@ -874,17 +878,18 @@ var ResourceFilters = function ResourceFilters(_ref) {
|
|
874
878
|
ResourceFilters.propTypes = propTypes$c;
|
875
879
|
ResourceFilters.defaultProps = defaultProps$c;
|
876
880
|
|
881
|
+
var _excluded$1 = ["component", "showPagination", "filters"];
|
877
882
|
var propTypes$b = {
|
878
883
|
resource: core.PropTypes.resource.isRequired,
|
879
|
-
query: PropTypes__default[
|
884
|
+
query: PropTypes__default["default"].object,
|
880
885
|
// eslint-disable-line react/forbid-prop-types
|
881
|
-
paginated: PropTypes__default[
|
882
|
-
baseUrl: PropTypes__default[
|
883
|
-
component: PropTypes__default[
|
884
|
-
componentProps: PropTypes__default[
|
886
|
+
paginated: PropTypes__default["default"].bool,
|
887
|
+
baseUrl: PropTypes__default["default"].string,
|
888
|
+
component: PropTypes__default["default"].oneOfType([PropTypes__default["default"].elementType, PropTypes__default["default"].string]),
|
889
|
+
componentProps: PropTypes__default["default"].object,
|
885
890
|
// eslint-disable-line react/forbid-prop-types
|
886
|
-
onQueryChange: PropTypes__default[
|
887
|
-
onQueryReset: PropTypes__default[
|
891
|
+
onQueryChange: PropTypes__default["default"].func,
|
892
|
+
onQueryReset: PropTypes__default["default"].func
|
888
893
|
};
|
889
894
|
var defaultProps$b = {
|
890
895
|
query: null,
|
@@ -912,7 +917,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
912
917
|
showPagination = _resource$index$showP === void 0 ? true : _resource$index$showP,
|
913
918
|
_resource$index$filte = _resource$index.filters,
|
914
919
|
filters = _resource$index$filte === void 0 ? null : _resource$index$filte,
|
915
|
-
listProps = _objectWithoutProperties__default[
|
920
|
+
listProps = _objectWithoutProperties__default["default"](_resource$index, _excluded$1);
|
916
921
|
|
917
922
|
var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
|
918
923
|
_usePanneauColorSchem2 = _usePanneauColorSchem.background,
|
@@ -933,19 +938,19 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
933
938
|
total = _ref3$total === void 0 ? 0 : _ref3$total;
|
934
939
|
|
935
940
|
var ListComponent = utils.getComponentFromName(listComponent || 'table', ListComponents);
|
936
|
-
return /*#__PURE__*/React__default[
|
941
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, filters !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceFilters, {
|
937
942
|
filters: filters,
|
938
943
|
value: query,
|
939
944
|
onChange: onQueryChange,
|
940
945
|
onReset: onQueryReset
|
941
|
-
}) : null, paginated && showPagination ? /*#__PURE__*/React__default[
|
946
|
+
}) : null, paginated && showPagination ? /*#__PURE__*/React__default["default"].createElement(Pagination__default["default"], {
|
942
947
|
page: page,
|
943
948
|
lastPage: lastPage,
|
944
949
|
total: total,
|
945
950
|
url: baseUrl,
|
946
951
|
query: query,
|
947
952
|
className: "mt-1 mb-1"
|
948
|
-
}) : null, ListComponent !== null ? /*#__PURE__*/React__default[
|
953
|
+
}) : null, ListComponent !== null ? /*#__PURE__*/React__default["default"].createElement(ListComponent, Object.assign({}, itemsProps, listProps, {
|
949
954
|
page: paginated ? parseInt(page, 10) : null,
|
950
955
|
baseUrl: baseUrl,
|
951
956
|
resource: resource,
|
@@ -953,7 +958,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
953
958
|
onQueryChange: onQueryChange,
|
954
959
|
onQueryReset: onQueryReset,
|
955
960
|
theme: theme
|
956
|
-
})) : null, paginated && showPagination ? /*#__PURE__*/React__default[
|
961
|
+
})) : null, paginated && showPagination ? /*#__PURE__*/React__default["default"].createElement(Pagination__default["default"], {
|
957
962
|
page: page,
|
958
963
|
lastPage: lastPage,
|
959
964
|
total: total,
|
@@ -966,6 +971,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
966
971
|
ResourceItemsList.propTypes = propTypes$b;
|
967
972
|
ResourceItemsList.defaultProps = defaultProps$b;
|
968
973
|
|
974
|
+
var _excluded = ["page"];
|
969
975
|
var propTypes$a = {
|
970
976
|
resource: core.PropTypes.resource.isRequired
|
971
977
|
};
|
@@ -1004,8 +1010,8 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1004
1010
|
var url = resourceRoute('index');
|
1005
1011
|
var onQueryChange = React.useCallback(function (submitQuery) {
|
1006
1012
|
var newQuery = Object.fromEntries( // eslint-disable-next-line no-unused-vars
|
1007
|
-
Object.entries(_objectSpread__default[
|
1008
|
-
var _ref5 = _slicedToArray__default[
|
1013
|
+
Object.entries(_objectSpread__default["default"](_objectSpread__default["default"]({}, query), submitQuery)).filter(function (_ref4) {
|
1014
|
+
var _ref5 = _slicedToArray__default["default"](_ref4, 2);
|
1009
1015
|
_ref5[0];
|
1010
1016
|
var v = _ref5[1];
|
1011
1017
|
|
@@ -1014,7 +1020,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1014
1020
|
|
1015
1021
|
var _ref6 = newQuery || {};
|
1016
1022
|
_ref6.page;
|
1017
|
-
var queryWithoutPage = _objectWithoutProperties__default[
|
1023
|
+
var queryWithoutPage = _objectWithoutProperties__default["default"](_ref6, _excluded);
|
1018
1024
|
|
1019
1025
|
var queryString$1 = queryString.stringify(queryWithoutPage, {
|
1020
1026
|
arrayFormat: 'bracket'
|
@@ -1030,34 +1036,34 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
1030
1036
|
var onClickCloseAlert = React.useCallback(function () {
|
1031
1037
|
history.replace(url);
|
1032
1038
|
}, [history, url]);
|
1033
|
-
return /*#__PURE__*/React__default[
|
1039
|
+
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
1034
1040
|
resource: resource
|
1035
|
-
}, /*#__PURE__*/React__default[
|
1041
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
1036
1042
|
title: name,
|
1037
|
-
actions: canCreate ? /*#__PURE__*/React__default[
|
1043
|
+
actions: canCreate ? /*#__PURE__*/React__default["default"].createElement(ResourceCreateButtom, {
|
1038
1044
|
resource: resource,
|
1039
1045
|
size: "lg",
|
1040
1046
|
theme: "primary"
|
1041
1047
|
}) : null
|
1042
|
-
}), /*#__PURE__*/React__default[
|
1043
|
-
className: classNames__default[
|
1044
|
-
}, created ? /*#__PURE__*/React__default[
|
1048
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
1049
|
+
className: classNames__default["default"](['container-sm py-4'])
|
1050
|
+
}, created ? /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
|
1045
1051
|
className: "mb-4",
|
1046
1052
|
onClose: onClickCloseAlert
|
1047
|
-
}, /*#__PURE__*/React__default[
|
1053
|
+
}, /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
|
1048
1054
|
resource: resource,
|
1049
1055
|
id: "resources.created",
|
1050
1056
|
defaultMessage: "{the_singular} has been created.",
|
1051
1057
|
description: "Alert message"
|
1052
|
-
})) : null, deleted ? /*#__PURE__*/React__default[
|
1058
|
+
})) : null, deleted ? /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
|
1053
1059
|
className: "mb-4",
|
1054
1060
|
onClose: onClickCloseAlert
|
1055
|
-
}, /*#__PURE__*/React__default[
|
1061
|
+
}, /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
|
1056
1062
|
resource: resource,
|
1057
1063
|
id: "resources.deleted",
|
1058
1064
|
defaultMessage: "{the_singular} has been deleted.",
|
1059
1065
|
description: "Alert message"
|
1060
|
-
})) : null, /*#__PURE__*/React__default[
|
1066
|
+
})) : null, /*#__PURE__*/React__default["default"].createElement(ResourceItemsList, {
|
1061
1067
|
resource: resource,
|
1062
1068
|
baseUrl: url,
|
1063
1069
|
query: listQuery,
|
@@ -1077,11 +1083,11 @@ var defaultProps$9 = {};
|
|
1077
1083
|
|
1078
1084
|
var ResourceShowPage = function ResourceShowPage(_ref) {
|
1079
1085
|
var resource = _ref.resource;
|
1080
|
-
return /*#__PURE__*/React__default[
|
1086
|
+
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
1081
1087
|
resource: resource
|
1082
|
-
}, /*#__PURE__*/React__default[
|
1088
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
1083
1089
|
title: resource === null || resource === void 0 ? void 0 : resource.name
|
1084
|
-
}), /*#__PURE__*/React__default[
|
1090
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
1085
1091
|
className: "container-sm"
|
1086
1092
|
}, "Show page")));
|
1087
1093
|
};
|
@@ -1103,19 +1109,19 @@ var HomePage = function HomePage() {
|
|
1103
1109
|
hideInNavbar = _ref$settings$hideInN === void 0 ? false : _ref$settings$hideInN;
|
1104
1110
|
return !hideInNavbar;
|
1105
1111
|
});
|
1106
|
-
return /*#__PURE__*/React__default[
|
1112
|
+
return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
1107
1113
|
className: "container-sm py-4"
|
1108
1114
|
}, visibleResources.map(function (resource) {
|
1109
1115
|
var _ref2 = resource || {},
|
1110
1116
|
resourceId = _ref2.id;
|
1111
1117
|
|
1112
|
-
return /*#__PURE__*/React__default[
|
1118
|
+
return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
|
1113
1119
|
className: "d-block my-2",
|
1114
1120
|
key: "resource-link-".concat(resourceId),
|
1115
1121
|
to: route('resources.index', {
|
1116
1122
|
resource: resourceId
|
1117
1123
|
})
|
1118
|
-
}, /*#__PURE__*/React__default[
|
1124
|
+
}, /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
|
1119
1125
|
resource: resource,
|
1120
1126
|
id: "resources.view",
|
1121
1127
|
defaultMessage: "View {the_plural}",
|
@@ -1131,7 +1137,7 @@ var propTypes$7 = {};
|
|
1131
1137
|
var defaultProps$7 = {};
|
1132
1138
|
|
1133
1139
|
var AccountPage = function AccountPage() {
|
1134
|
-
return /*#__PURE__*/React__default[
|
1140
|
+
return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
1135
1141
|
className: "container-sm py-4"
|
1136
1142
|
}, "Account page"));
|
1137
1143
|
};
|
@@ -1140,8 +1146,8 @@ AccountPage.propTypes = propTypes$7;
|
|
1140
1146
|
AccountPage.defaultProps = defaultProps$7;
|
1141
1147
|
|
1142
1148
|
var propTypes$6 = {
|
1143
|
-
children: PropTypes__default[
|
1144
|
-
fullscreen: PropTypes__default[
|
1149
|
+
children: PropTypes__default["default"].node.isRequired,
|
1150
|
+
fullscreen: PropTypes__default["default"].bool
|
1145
1151
|
};
|
1146
1152
|
var defaultProps$6 = {
|
1147
1153
|
fullscreen: false
|
@@ -1157,18 +1163,18 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
1157
1163
|
background = _usePanneauColorSchem.background,
|
1158
1164
|
text = _usePanneauColorSchem.text;
|
1159
1165
|
|
1160
|
-
return /*#__PURE__*/React__default[
|
1161
|
-
className: classNames__default[
|
1166
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
1167
|
+
className: classNames__default["default"]({
|
1162
1168
|
'd-flex flex-column min-vh-100': fullscreen
|
1163
1169
|
})
|
1164
|
-
}, /*#__PURE__*/React__default[
|
1165
|
-
className: classNames__default[
|
1166
|
-
}), /*#__PURE__*/React__default[
|
1167
|
-
className: classNames__default[
|
1170
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
|
1171
|
+
className: classNames__default["default"](['sticky-top', 'px-3'])
|
1172
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
1173
|
+
className: classNames__default["default"]((_classNames = {
|
1168
1174
|
'd-flex flex-column flex-grow-1': fullscreen
|
1169
|
-
}, _defineProperty__default[
|
1170
|
-
}, /*#__PURE__*/React__default[
|
1171
|
-
className: classNames__default[
|
1175
|
+
}, _defineProperty__default["default"](_classNames, "bg-".concat(background), background !== null), _defineProperty__default["default"](_classNames, "text-".concat(text), text !== null), _classNames))
|
1176
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
1177
|
+
className: classNames__default["default"]({
|
1172
1178
|
'w-100 my-auto': fullscreen
|
1173
1179
|
})
|
1174
1180
|
}, children)));
|
@@ -1180,15 +1186,15 @@ GuestLayout.defaultProps = defaultProps$6;
|
|
1180
1186
|
/* eslint-disable react/jsx-props-no-spreading */
|
1181
1187
|
var propTypes$5 = {
|
1182
1188
|
fields: core.PropTypes.fields,
|
1183
|
-
className: PropTypes__default[
|
1184
|
-
onSuccess: PropTypes__default[
|
1189
|
+
className: PropTypes__default["default"].string,
|
1190
|
+
onSuccess: PropTypes__default["default"].func
|
1185
1191
|
};
|
1186
1192
|
var defaultProps$5 = {
|
1187
1193
|
fields: [{
|
1188
1194
|
name: 'email',
|
1189
1195
|
type: 'email',
|
1190
1196
|
size: 'lg',
|
1191
|
-
label: /*#__PURE__*/React__default[
|
1197
|
+
label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
1192
1198
|
id: "LI0Gz4",
|
1193
1199
|
defaultMessage: [{
|
1194
1200
|
"type": 0,
|
@@ -1199,7 +1205,7 @@ var defaultProps$5 = {
|
|
1199
1205
|
name: 'password',
|
1200
1206
|
type: 'password',
|
1201
1207
|
size: 'lg',
|
1202
|
-
label: /*#__PURE__*/React__default[
|
1208
|
+
label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
1203
1209
|
id: "4yfet+",
|
1204
1210
|
defaultMessage: [{
|
1205
1211
|
"type": 0,
|
@@ -1240,7 +1246,7 @@ var LoginForm = function LoginForm(_ref) {
|
|
1240
1246
|
errors = _useForm.errors;
|
1241
1247
|
|
1242
1248
|
var NormalForm = contexts.useFormComponent('normal');
|
1243
|
-
return /*#__PURE__*/React__default[
|
1249
|
+
return /*#__PURE__*/React__default["default"].createElement(NormalForm, {
|
1244
1250
|
action: url('auth.login'),
|
1245
1251
|
method: "post",
|
1246
1252
|
fields: fields,
|
@@ -1251,7 +1257,7 @@ var LoginForm = function LoginForm(_ref) {
|
|
1251
1257
|
errors: errors,
|
1252
1258
|
value: value,
|
1253
1259
|
onChange: setValue,
|
1254
|
-
submitButtonLabel: /*#__PURE__*/React__default[
|
1260
|
+
submitButtonLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
1255
1261
|
id: "g6qbbX",
|
1256
1262
|
defaultMessage: [{
|
1257
1263
|
"type": 0,
|
@@ -1273,23 +1279,23 @@ var LoginPage = function LoginPage() {
|
|
1273
1279
|
var onSuccess = React.useCallback(function () {
|
1274
1280
|
window.location.href = route('home');
|
1275
1281
|
}, [route]);
|
1276
|
-
return /*#__PURE__*/React__default[
|
1282
|
+
return /*#__PURE__*/React__default["default"].createElement(GuestLayout, {
|
1277
1283
|
fullscreen: true
|
1278
|
-
}, /*#__PURE__*/React__default[
|
1284
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
1279
1285
|
className: "container-sm py-4"
|
1280
|
-
}, /*#__PURE__*/React__default[
|
1286
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
1281
1287
|
className: "row justify-content-center"
|
1282
|
-
}, /*#__PURE__*/React__default[
|
1288
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
1283
1289
|
className: "col-12 col-sm-8 col-md-6"
|
1284
|
-
}, /*#__PURE__*/React__default[
|
1290
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
1285
1291
|
className: "mb-4"
|
1286
|
-
}, /*#__PURE__*/React__default[
|
1292
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
1287
1293
|
id: "AeOZq+",
|
1288
1294
|
defaultMessage: [{
|
1289
1295
|
"type": 0,
|
1290
1296
|
"value": "Login"
|
1291
1297
|
}]
|
1292
|
-
})), /*#__PURE__*/React__default[
|
1298
|
+
})), /*#__PURE__*/React__default["default"].createElement(LoginForm, {
|
1293
1299
|
onSuccess: onSuccess
|
1294
1300
|
})))));
|
1295
1301
|
};
|
@@ -1399,15 +1405,15 @@ var defaultProps$3 = {
|
|
1399
1405
|
|
1400
1406
|
var ErrorPage = function ErrorPage(_ref) {
|
1401
1407
|
var statusCode = _ref.statusCode;
|
1402
|
-
return /*#__PURE__*/React__default[
|
1408
|
+
return /*#__PURE__*/React__default["default"].createElement(GuestLayout, {
|
1403
1409
|
fullscreen: true
|
1404
|
-
}, /*#__PURE__*/React__default[
|
1410
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
1405
1411
|
className: "container-sm py-4"
|
1406
|
-
}, /*#__PURE__*/React__default[
|
1412
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
1407
1413
|
className: "row justify-content-center"
|
1408
|
-
}, /*#__PURE__*/React__default[
|
1414
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
1409
1415
|
className: "col-12 col-sm-8 col-md-6"
|
1410
|
-
}, /*#__PURE__*/React__default[
|
1416
|
+
}, /*#__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)]))))));
|
1411
1417
|
};
|
1412
1418
|
|
1413
1419
|
ErrorPage.propTypes = propTypes$3;
|
@@ -1455,27 +1461,27 @@ var ResourceRoutes = function ResourceRoutes(_ref) {
|
|
1455
1461
|
var ResourceCreateComponent = utils.getComponentFromName((createPage === null || createPage === void 0 ? void 0 : createPage.component) || 'resource-create', basePages, createPage === null || createPage === void 0 ? void 0 : createPage.component);
|
1456
1462
|
var ResourceEditComponent = utils.getComponentFromName((editPage === null || editPage === void 0 ? void 0 : editPage.component) || 'resource-edit', basePages, editPage === null || editPage === void 0 ? void 0 : editPage.component);
|
1457
1463
|
var ResourceDeleteComponent = utils.getComponentFromName((deletePage === null || deletePage === void 0 ? void 0 : deletePage.component) || 'resource-delete', basePages, deletePage === null || deletePage === void 0 ? void 0 : deletePage.component);
|
1458
|
-
return /*#__PURE__*/React__default[
|
1464
|
+
return /*#__PURE__*/React__default["default"].createElement(reactRouter.Switch, null, /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1459
1465
|
path: route('resources.index', {
|
1460
1466
|
resource: resourceId
|
1461
1467
|
}),
|
1462
1468
|
exact: true,
|
1463
1469
|
render: function render() {
|
1464
|
-
return /*#__PURE__*/React__default[
|
1470
|
+
return /*#__PURE__*/React__default["default"].createElement(ResourceIndexComponent, {
|
1465
1471
|
resource: resource
|
1466
1472
|
});
|
1467
1473
|
}
|
1468
|
-
}), /*#__PURE__*/React__default[
|
1474
|
+
}), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1469
1475
|
path: route('resources.create', {
|
1470
1476
|
resource: resourceId
|
1471
1477
|
}),
|
1472
1478
|
exact: true,
|
1473
1479
|
render: function render() {
|
1474
|
-
return /*#__PURE__*/React__default[
|
1480
|
+
return /*#__PURE__*/React__default["default"].createElement(ResourceCreateComponent, {
|
1475
1481
|
resource: resource
|
1476
1482
|
});
|
1477
1483
|
}
|
1478
|
-
}), /*#__PURE__*/React__default[
|
1484
|
+
}), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1479
1485
|
path: route('resources.show', {
|
1480
1486
|
resource: resourceId,
|
1481
1487
|
id: ':id'
|
@@ -1483,12 +1489,12 @@ var ResourceRoutes = function ResourceRoutes(_ref) {
|
|
1483
1489
|
exact: true,
|
1484
1490
|
render: function render(_ref3) {
|
1485
1491
|
var id = _ref3.match.params.id;
|
1486
|
-
return /*#__PURE__*/React__default[
|
1492
|
+
return /*#__PURE__*/React__default["default"].createElement(ResourceShowComponent, {
|
1487
1493
|
resource: resource,
|
1488
1494
|
itemId: id
|
1489
1495
|
});
|
1490
1496
|
}
|
1491
|
-
}), /*#__PURE__*/React__default[
|
1497
|
+
}), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1492
1498
|
path: route('resources.edit', {
|
1493
1499
|
resource: resourceId,
|
1494
1500
|
id: ':id'
|
@@ -1496,12 +1502,12 @@ var ResourceRoutes = function ResourceRoutes(_ref) {
|
|
1496
1502
|
exact: true,
|
1497
1503
|
render: function render(_ref4) {
|
1498
1504
|
var id = _ref4.match.params.id;
|
1499
|
-
return /*#__PURE__*/React__default[
|
1505
|
+
return /*#__PURE__*/React__default["default"].createElement(ResourceEditComponent, {
|
1500
1506
|
resource: resource,
|
1501
1507
|
itemId: id
|
1502
1508
|
});
|
1503
1509
|
}
|
1504
|
-
}), /*#__PURE__*/React__default[
|
1510
|
+
}), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1505
1511
|
path: route('resources.delete', {
|
1506
1512
|
resource: resourceId,
|
1507
1513
|
id: ':id'
|
@@ -1509,7 +1515,7 @@ var ResourceRoutes = function ResourceRoutes(_ref) {
|
|
1509
1515
|
exact: true,
|
1510
1516
|
render: function render(_ref5) {
|
1511
1517
|
var id = _ref5.match.params.id;
|
1512
|
-
return /*#__PURE__*/React__default[
|
1518
|
+
return /*#__PURE__*/React__default["default"].createElement(ResourceDeleteComponent, {
|
1513
1519
|
resource: resource,
|
1514
1520
|
itemId: id
|
1515
1521
|
});
|
@@ -1544,7 +1550,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1544
1550
|
statusCode: initialStatusCode,
|
1545
1551
|
pathname: pathname
|
1546
1552
|
}),
|
1547
|
-
_useState2 = _slicedToArray__default[
|
1553
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
1548
1554
|
_useState2$ = _useState2[0],
|
1549
1555
|
statusCode = _useState2$.statusCode,
|
1550
1556
|
initialPathname = _useState2$.pathname,
|
@@ -1580,22 +1586,22 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1580
1586
|
var LoginComponent = utils.getComponentFromName((loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || 'login', basePages, loginPage === null || loginPage === void 0 ? void 0 : loginPage.component);
|
1581
1587
|
var AccountComponent = utils.getComponentFromName((accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || 'account', basePages, accountPage === null || accountPage === void 0 ? void 0 : accountPage.component);
|
1582
1588
|
var ErrorComponent = utils.getComponentFromName((errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || 'error', basePages, errorPage === null || errorPage === void 0 ? void 0 : errorPage.component);
|
1583
|
-
return /*#__PURE__*/React__default[
|
1589
|
+
return /*#__PURE__*/React__default["default"].createElement(reactRouter.Switch, null, statusCode !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1584
1590
|
path: "*",
|
1585
1591
|
render: function render() {
|
1586
|
-
return /*#__PURE__*/React__default[
|
1592
|
+
return /*#__PURE__*/React__default["default"].createElement(ErrorComponent, {
|
1587
1593
|
statusCode: statusCode
|
1588
1594
|
});
|
1589
1595
|
}
|
1590
|
-
}) : null, user === null ? /*#__PURE__*/React__default[
|
1596
|
+
}) : null, user === null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1591
1597
|
path: "*",
|
1592
1598
|
exact: true,
|
1593
1599
|
component: LoginComponent
|
1594
|
-
}) : null, user !== null ? /*#__PURE__*/React__default[
|
1600
|
+
}) : null, user !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1595
1601
|
path: routes.home,
|
1596
1602
|
exact: true,
|
1597
1603
|
component: HomeComponent
|
1598
|
-
}) : /*#__PURE__*/React__default[
|
1604
|
+
}) : /*#__PURE__*/React__default["default"].createElement(reactRouter.Redirect, {
|
1599
1605
|
from: routes.home,
|
1600
1606
|
exact: true,
|
1601
1607
|
to: route('login')
|
@@ -1603,27 +1609,27 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1603
1609
|
var _ref3 = resource || {},
|
1604
1610
|
resourceId = _ref3.id;
|
1605
1611
|
|
1606
|
-
return user !== null ? /*#__PURE__*/React__default[
|
1612
|
+
return user !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1607
1613
|
key: "resource-".concat(resourceId),
|
1608
1614
|
path: route('resources.index', {
|
1609
1615
|
resource: resourceId
|
1610
1616
|
}),
|
1611
1617
|
render: function render() {
|
1612
|
-
return /*#__PURE__*/React__default[
|
1618
|
+
return /*#__PURE__*/React__default["default"].createElement(ResourceRoutes, {
|
1613
1619
|
resource: resource
|
1614
1620
|
});
|
1615
1621
|
}
|
1616
|
-
}) : /*#__PURE__*/React__default[
|
1622
|
+
}) : /*#__PURE__*/React__default["default"].createElement(reactRouter.Redirect, {
|
1617
1623
|
key: "resource-".concat(resourceId),
|
1618
1624
|
from: route('resources.index', {
|
1619
1625
|
resource: resourceId
|
1620
1626
|
}),
|
1621
1627
|
to: "".concat(route('login'), "?next=").concat(encodeURIComponent(pathname))
|
1622
1628
|
});
|
1623
|
-
}), /*#__PURE__*/React__default[
|
1629
|
+
}), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1624
1630
|
path: route('auth.account'),
|
1625
1631
|
component: AccountComponent
|
1626
|
-
}), /*#__PURE__*/React__default[
|
1632
|
+
}), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
|
1627
1633
|
path: "*",
|
1628
1634
|
component: ErrorComponent
|
1629
1635
|
}));
|
@@ -1634,10 +1640,10 @@ PanneauRoutes.defaultProps = defaultProps$1;
|
|
1634
1640
|
|
1635
1641
|
var propTypes = {
|
1636
1642
|
definition: core.PropTypes.panneauDefinition.isRequired,
|
1637
|
-
components: PropTypes__default[
|
1643
|
+
components: PropTypes__default["default"].oneOfType([PropTypes__default["default"].objectOf(PropTypes__default["default"].elementType), PropTypes__default["default"].objectOf(PropTypes__default["default"].objectOf(PropTypes__default["default"].elementType))]),
|
1638
1644
|
user: core.PropTypes.user,
|
1639
|
-
memoryRouter: PropTypes__default[
|
1640
|
-
baseUrl: PropTypes__default[
|
1645
|
+
memoryRouter: PropTypes__default["default"].bool,
|
1646
|
+
baseUrl: PropTypes__default["default"].string,
|
1641
1647
|
uppy: core.PropTypes.uppy,
|
1642
1648
|
statusCode: core.PropTypes.statusCode
|
1643
1649
|
};
|
@@ -1678,14 +1684,14 @@ var Container = function Container(_ref) {
|
|
1678
1684
|
messages = _definition$intl2$mes === void 0 ? null : _definition$intl2$mes,
|
1679
1685
|
_definition$resources = definition.resources,
|
1680
1686
|
resources = _definition$resources === void 0 ? [] : _definition$resources;
|
1681
|
-
return _objectSpread__default[
|
1687
|
+
return _objectSpread__default["default"](_objectSpread__default["default"]({}, messages), resources.reduce(function (allMessages, _ref2) {
|
1682
1688
|
var id = _ref2.id,
|
1683
1689
|
_ref2$intl = _ref2.intl;
|
1684
1690
|
_ref2$intl = _ref2$intl === void 0 ? {} : _ref2$intl;
|
1685
1691
|
var _ref2$intl$messages = _ref2$intl.messages,
|
1686
1692
|
resourceMessages = _ref2$intl$messages === void 0 ? {} : _ref2$intl$messages;
|
1687
|
-
return _objectSpread__default[
|
1688
|
-
return _objectSpread__default[
|
1693
|
+
return _objectSpread__default["default"](_objectSpread__default["default"]({}, allMessages), Object.keys(resourceMessages).reduce(function (allResourceMessages, key) {
|
1694
|
+
return _objectSpread__default["default"](_objectSpread__default["default"]({}, allResourceMessages), {}, _defineProperty__default["default"]({}, "resources.".concat(id, ".").concat(key), resourceMessages[key]));
|
1689
1695
|
}, {}));
|
1690
1696
|
}, {}));
|
1691
1697
|
}, [definition]);
|
@@ -1697,23 +1703,23 @@ var Container = function Container(_ref) {
|
|
1697
1703
|
}, [baseUrl]);
|
1698
1704
|
console.log('definition', definition); // eslint-disable-line
|
1699
1705
|
|
1700
|
-
return /*#__PURE__*/React__default[
|
1706
|
+
return /*#__PURE__*/React__default["default"].createElement(Router, null, /*#__PURE__*/React__default["default"].createElement(intl.IntlProvider, {
|
1701
1707
|
locale: locale,
|
1702
1708
|
locales: locales,
|
1703
1709
|
extraMessages: extraMessages
|
1704
|
-
}, /*#__PURE__*/React__default[
|
1710
|
+
}, /*#__PURE__*/React__default["default"].createElement(contexts.PanneauProvider, {
|
1705
1711
|
definition: definition
|
1706
|
-
}, /*#__PURE__*/React__default[
|
1712
|
+
}, /*#__PURE__*/React__default["default"].createElement(contexts.UppyProvider, uppy, /*#__PURE__*/React__default["default"].createElement(contexts.RoutesProvider, {
|
1707
1713
|
routes: routes
|
1708
|
-
}, /*#__PURE__*/React__default[
|
1714
|
+
}, /*#__PURE__*/React__default["default"].createElement(FieldsProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(FormsProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(ListsProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(DisplaysProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(FiltersProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(data.ApiProvider, {
|
1709
1715
|
baseUrl: baseUrl,
|
1710
1716
|
onUnauthorized: onUnauthorized
|
1711
|
-
}, /*#__PURE__*/React__default[
|
1717
|
+
}, /*#__PURE__*/React__default["default"].createElement(auth.AuthProvider, {
|
1712
1718
|
user: user,
|
1713
1719
|
onLogout: onLogout
|
1714
|
-
}, /*#__PURE__*/React__default[
|
1720
|
+
}, /*#__PURE__*/React__default["default"].createElement(contexts.ComponentsProvider, {
|
1715
1721
|
components: components
|
1716
|
-
}, /*#__PURE__*/React__default[
|
1722
|
+
}, /*#__PURE__*/React__default["default"].createElement(PanneauRoutes, {
|
1717
1723
|
statusCode: statusCode
|
1718
1724
|
}))))))))))))));
|
1719
1725
|
};
|
@@ -1721,4 +1727,4 @@ var Container = function Container(_ref) {
|
|
1721
1727
|
Container.propTypes = propTypes;
|
1722
1728
|
Container.defaultProps = defaultProps;
|
1723
1729
|
|
1724
|
-
exports
|
1730
|
+
exports["default"] = Container;
|