@panneau/app 3.0.17 → 3.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +62 -39
- package/lib/index.js +73 -50
- package/package.json +31 -31
package/es/index.js
CHANGED
@@ -20,22 +20,22 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
20
20
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
21
21
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
22
22
|
import isObject from 'lodash/isObject';
|
23
|
+
import classNames from 'classnames';
|
24
|
+
import isString from 'lodash/isString';
|
23
25
|
import queryString from 'query-string';
|
24
26
|
import { FormattedMessage, defineMessages } from 'react-intl';
|
25
27
|
import { useResourceUrlGenerator, useResourceTypeName } from '@panneau/core/hooks';
|
26
|
-
import
|
27
|
-
import
|
28
|
+
import Alert from '@panneau/element-alert';
|
29
|
+
import Button from '@panneau/element-button';
|
30
|
+
import Dropdown from '@panneau/element-dropdown';
|
28
31
|
import { Modals } from '@panneau/element-modal';
|
29
32
|
import isArray from 'lodash/isArray';
|
30
33
|
import Link from '@panneau/element-link';
|
31
34
|
import Menu from '@panneau/element-menu';
|
32
35
|
import Navbar from '@panneau/element-navbar';
|
33
36
|
import Label from '@panneau/element-label';
|
34
|
-
import isString from 'lodash/isString';
|
35
|
-
import Alert from '@panneau/element-alert';
|
36
|
-
import Button from '@panneau/element-button';
|
37
|
-
import Dropdown from '@panneau/element-dropdown';
|
38
37
|
import ResourceList from '@panneau/list-resource-items';
|
38
|
+
import ResourceForm$1 from '@panneau/form-resource';
|
39
39
|
import { getComponentFromName } from '@panneau/core/utils';
|
40
40
|
import Filters from '@panneau/filter-filters';
|
41
41
|
|
@@ -43,8 +43,9 @@ import Filters from '@panneau/filter-filters';
|
|
43
43
|
|
44
44
|
// Kept for backward compatibility with exports
|
45
45
|
var ResourceFormWrapper = function ResourceFormWrapper(props) {
|
46
|
-
return /*#__PURE__*/React.createElement(ResourceForm, props);
|
46
|
+
return /*#__PURE__*/React.createElement(ResourceForm$1, props);
|
47
47
|
};
|
48
|
+
var ResourceForm = ResourceFormWrapper;
|
48
49
|
|
49
50
|
var propTypes$j = {
|
50
51
|
withAccountForm: PropTypes.bool,
|
@@ -122,6 +123,7 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
122
123
|
};
|
123
124
|
AccountMenu.propTypes = propTypes$j;
|
124
125
|
AccountMenu.defaultProps = defaultProps$i;
|
126
|
+
var AccountMenu$1 = AccountMenu;
|
125
127
|
|
126
128
|
var propTypes$i = {
|
127
129
|
className: PropTypes.string,
|
@@ -168,6 +170,7 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
|
|
168
170
|
};
|
169
171
|
ResourcesMenu.propTypes = propTypes$i;
|
170
172
|
ResourcesMenu.defaultProps = defaultProps$h;
|
173
|
+
var ResourcesMenu$1 = ResourcesMenu;
|
171
174
|
|
172
175
|
var propTypes$h = {};
|
173
176
|
var defaultProps$g = {};
|
@@ -193,7 +196,7 @@ var MainNavbar = function MainNavbar(props) {
|
|
193
196
|
return it !== null;
|
194
197
|
}).reduce(function (currentItems, item, index) {
|
195
198
|
if (item === 'resources') {
|
196
|
-
return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(ResourcesMenu, {
|
199
|
+
return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(ResourcesMenu$1, {
|
197
200
|
key: "menu-item-resource-".concat(index + 1),
|
198
201
|
className: "navbar-nav",
|
199
202
|
itemClassName: "nav-item",
|
@@ -201,7 +204,7 @@ var MainNavbar = function MainNavbar(props) {
|
|
201
204
|
})]);
|
202
205
|
}
|
203
206
|
if (item === 'account') {
|
204
|
-
return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(AccountMenu, {
|
207
|
+
return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(AccountMenu$1, {
|
205
208
|
key: "menu-item-account-".concat(index + 1),
|
206
209
|
className: "navbar-nav",
|
207
210
|
itemClassName: "nav-item",
|
@@ -235,6 +238,7 @@ var MainNavbar = function MainNavbar(props) {
|
|
235
238
|
};
|
236
239
|
MainNavbar.propTypes = propTypes$h;
|
237
240
|
MainNavbar.defaultProps = defaultProps$g;
|
241
|
+
var MainNavbar$1 = MainNavbar;
|
238
242
|
|
239
243
|
var styles$1 = {};
|
240
244
|
|
@@ -259,7 +263,7 @@ var MainLayout = function MainLayout(_ref) {
|
|
259
263
|
return /*#__PURE__*/React.createElement("div", {
|
260
264
|
className: classNames([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100']),
|
261
265
|
"data-bs-theme": theme !== null ? theme : null
|
262
|
-
}, /*#__PURE__*/React.createElement(MainNavbar, {
|
266
|
+
}, /*#__PURE__*/React.createElement(MainNavbar$1, {
|
263
267
|
className: classNames(['border-bottom', 'sticky-top', 'px-3'])
|
264
268
|
}), /*#__PURE__*/React.createElement("div", {
|
265
269
|
className: classNames(['flex-grow-1', (_ref2 = {
|
@@ -269,6 +273,7 @@ var MainLayout = function MainLayout(_ref) {
|
|
269
273
|
};
|
270
274
|
MainLayout.propTypes = propTypes$g;
|
271
275
|
MainLayout.defaultProps = defaultProps$f;
|
276
|
+
var MainLayout$1 = MainLayout;
|
272
277
|
|
273
278
|
var propTypes$f = {
|
274
279
|
title: PropTypes$1.label,
|
@@ -318,6 +323,7 @@ var PageHeader = function PageHeader(_ref) {
|
|
318
323
|
};
|
319
324
|
PageHeader.propTypes = propTypes$f;
|
320
325
|
PageHeader.defaultProps = defaultProps$e;
|
326
|
+
var PageHeader$1 = PageHeader;
|
321
327
|
|
322
328
|
var propTypes$e = {
|
323
329
|
resource: PropTypes$1.resource.isRequired
|
@@ -342,7 +348,7 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
342
348
|
}, [navigate, resourceRoute]);
|
343
349
|
return /*#__PURE__*/React.createElement(ResourceProvider, {
|
344
350
|
resource: resource
|
345
|
-
}, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
|
351
|
+
}, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
|
346
352
|
title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
|
347
353
|
values: resourceValues,
|
348
354
|
id: "6viUpq",
|
@@ -363,7 +369,7 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
363
369
|
className: "row justify-content-center"
|
364
370
|
}, /*#__PURE__*/React.createElement("div", {
|
365
371
|
className: "col-12 col-md-8 col-lg-7"
|
366
|
-
}, /*#__PURE__*/React.createElement(
|
372
|
+
}, /*#__PURE__*/React.createElement(ResourceForm, {
|
367
373
|
resource: resource,
|
368
374
|
type: type,
|
369
375
|
onSuccess: onSuccess
|
@@ -371,6 +377,7 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
371
377
|
};
|
372
378
|
ResourceCreatePage.propTypes = propTypes$e;
|
373
379
|
ResourceCreatePage.defaultProps = defaultProps$d;
|
380
|
+
var ResourceCreate = ResourceCreatePage;
|
374
381
|
|
375
382
|
var propTypes$d = {
|
376
383
|
itemId: PropTypes.string.isRequired,
|
@@ -396,7 +403,7 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
396
403
|
}, [navigate, resourceRoute]);
|
397
404
|
return /*#__PURE__*/React.createElement(ResourceProvider, {
|
398
405
|
resource: resource
|
399
|
-
}, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
|
406
|
+
}, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
|
400
407
|
title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
|
401
408
|
values: resourceValues,
|
402
409
|
id: "zN5N/Q",
|
@@ -417,7 +424,7 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
417
424
|
className: "row justify-content-center"
|
418
425
|
}, /*#__PURE__*/React.createElement("div", {
|
419
426
|
className: "col-12 col-md-8 col-lg-7"
|
420
|
-
}, item !== null ? /*#__PURE__*/React.createElement(
|
427
|
+
}, item !== null ? /*#__PURE__*/React.createElement(ResourceForm, {
|
421
428
|
resource: resource,
|
422
429
|
item: item,
|
423
430
|
onSuccess: onSuccess,
|
@@ -426,6 +433,7 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
426
433
|
};
|
427
434
|
ResourceDeletePage.propTypes = propTypes$d;
|
428
435
|
ResourceDeletePage.defaultProps = defaultProps$c;
|
436
|
+
var ResourceDelete = ResourceDeletePage;
|
429
437
|
|
430
438
|
var propTypes$c = {
|
431
439
|
itemId: PropTypes.string.isRequired,
|
@@ -454,7 +462,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
454
462
|
var resourceValues = useResourceValues(resource);
|
455
463
|
return /*#__PURE__*/React.createElement(ResourceProvider, {
|
456
464
|
resource: resource
|
457
|
-
}, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
|
465
|
+
}, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
|
458
466
|
title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
|
459
467
|
values: resourceValues,
|
460
468
|
id: "mCfzkJ",
|
@@ -475,7 +483,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
475
483
|
className: "row justify-content-center"
|
476
484
|
}, /*#__PURE__*/React.createElement("div", {
|
477
485
|
className: "col-12 col-md-8 col-lg-7"
|
478
|
-
}, editItem !== null ? /*#__PURE__*/React.createElement(
|
486
|
+
}, editItem !== null ? /*#__PURE__*/React.createElement(ResourceForm, {
|
479
487
|
resource: resource,
|
480
488
|
item: editItem,
|
481
489
|
type: type,
|
@@ -484,6 +492,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
484
492
|
};
|
485
493
|
ResourceEditPage.propTypes = propTypes$c;
|
486
494
|
ResourceEditPage.defaultProps = defaultProps$b;
|
495
|
+
var ResourceEdit = ResourceEditPage;
|
487
496
|
|
488
497
|
var propTypes$b = {
|
489
498
|
resource: PropTypes$1.resource.isRequired,
|
@@ -560,6 +569,7 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
560
569
|
};
|
561
570
|
ResourceCreateButtom.propTypes = propTypes$b;
|
562
571
|
ResourceCreateButtom.defaultProps = defaultProps$a;
|
572
|
+
var ResourceCreateButton = ResourceCreateButtom;
|
563
573
|
|
564
574
|
var _excluded$3 = ["resource"];
|
565
575
|
var propTypes$a = {
|
@@ -582,6 +592,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
582
592
|
}, props));
|
583
593
|
};
|
584
594
|
ResourceItemsList.propTypes = propTypes$a;
|
595
|
+
var ResourceItemsList$1 = ResourceItemsList;
|
585
596
|
|
586
597
|
var _excluded$2 = ["id", "component"];
|
587
598
|
var propTypes$9 = {
|
@@ -617,7 +628,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
617
628
|
})).map(function (it) {
|
618
629
|
return it === 'create' ? {
|
619
630
|
id: 'create',
|
620
|
-
component:
|
631
|
+
component: ResourceCreateButton,
|
621
632
|
size: 'lg',
|
622
633
|
theme: 'primary'
|
623
634
|
} : it;
|
@@ -664,7 +675,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
664
675
|
}, [navigate, url]);
|
665
676
|
return /*#__PURE__*/React.createElement(ResourceProvider, {
|
666
677
|
resource: resource
|
667
|
-
}, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
|
678
|
+
}, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
|
668
679
|
title: name,
|
669
680
|
actions: finalActions.length > 0 ? /*#__PURE__*/React.createElement("div", {
|
670
681
|
className: "d-flex align-items-center"
|
@@ -710,7 +721,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
710
721
|
"type": 0,
|
711
722
|
"value": " has been deleted."
|
712
723
|
}]
|
713
|
-
})) : null, /*#__PURE__*/React.createElement(ResourceItemsList, {
|
724
|
+
})) : null, /*#__PURE__*/React.createElement(ResourceItemsList$1, {
|
714
725
|
resource: resource,
|
715
726
|
baseUrl: url,
|
716
727
|
query: listQuery,
|
@@ -722,6 +733,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
722
733
|
};
|
723
734
|
ResourceIndexPage.propTypes = propTypes$9;
|
724
735
|
ResourceIndexPage.defaultProps = defaultProps$9;
|
736
|
+
var ResourceIndex = ResourceIndexPage;
|
725
737
|
|
726
738
|
var propTypes$8 = {
|
727
739
|
resource: PropTypes$1.resource.isRequired,
|
@@ -739,7 +751,7 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
739
751
|
type = _ref2$type === void 0 ? null : _ref2$type;
|
740
752
|
return /*#__PURE__*/React.createElement(ResourceProvider, {
|
741
753
|
resource: resource
|
742
|
-
}, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
|
754
|
+
}, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
|
743
755
|
title: "".concat(name, " #").concat(itemId),
|
744
756
|
small: true
|
745
757
|
}), /*#__PURE__*/React.createElement("div", {
|
@@ -748,7 +760,7 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
748
760
|
className: "row justify-content-center"
|
749
761
|
}, /*#__PURE__*/React.createElement("div", {
|
750
762
|
className: "col-12 col-md-8 col-lg-7"
|
751
|
-
}, /*#__PURE__*/React.createElement(
|
763
|
+
}, /*#__PURE__*/React.createElement(ResourceForm, {
|
752
764
|
resource: resource,
|
753
765
|
item: item,
|
754
766
|
type: type,
|
@@ -757,6 +769,7 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
757
769
|
};
|
758
770
|
ResourceShowPage.propTypes = propTypes$8;
|
759
771
|
ResourceShowPage.defaultProps = defaultProps$8;
|
772
|
+
var ResourceShow = ResourceShowPage;
|
760
773
|
|
761
774
|
/* eslint-disable react/jsx-props-no-spreading */
|
762
775
|
var propTypes$7 = {};
|
@@ -771,7 +784,7 @@ var HomePage = function HomePage() {
|
|
771
784
|
hideInNavbar = _ref$settings2$hideIn === void 0 ? false : _ref$settings2$hideIn;
|
772
785
|
return !hideInNavbar;
|
773
786
|
});
|
774
|
-
return /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement("div", {
|
787
|
+
return /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement("div", {
|
775
788
|
className: "container-sm py-4"
|
776
789
|
}, visibleResources.map(function (resource) {
|
777
790
|
var _ref2 = resource || {},
|
@@ -798,16 +811,18 @@ var HomePage = function HomePage() {
|
|
798
811
|
};
|
799
812
|
HomePage.propTypes = propTypes$7;
|
800
813
|
HomePage.defaultProps = defaultProps$7;
|
814
|
+
var HomePage$1 = HomePage;
|
801
815
|
|
802
816
|
var propTypes$6 = {};
|
803
817
|
var defaultProps$6 = {};
|
804
818
|
var AccountPage = function AccountPage() {
|
805
|
-
return /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement("div", {
|
819
|
+
return /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement("div", {
|
806
820
|
className: "container-sm py-4"
|
807
821
|
}, "Account page"));
|
808
822
|
};
|
809
823
|
AccountPage.propTypes = propTypes$6;
|
810
824
|
AccountPage.defaultProps = defaultProps$6;
|
825
|
+
var AccountPage$1 = AccountPage;
|
811
826
|
|
812
827
|
/* eslint-disable react/jsx-props-no-spreading */
|
813
828
|
var propTypes$5 = {
|
@@ -847,6 +862,7 @@ var LoginForm = function LoginForm(_ref) {
|
|
847
862
|
};
|
848
863
|
LoginForm.propTypes = propTypes$5;
|
849
864
|
LoginForm.defaultProps = defaultProps$5;
|
865
|
+
var LoginForm$1 = LoginForm;
|
850
866
|
|
851
867
|
var styles = {};
|
852
868
|
|
@@ -873,7 +889,7 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
873
889
|
'd-flex flex-column min-vh-100': fullscreen
|
874
890
|
}]),
|
875
891
|
"data-bs-theme": theme !== null ? theme : null
|
876
|
-
}, /*#__PURE__*/React.createElement(MainNavbar, {
|
892
|
+
}, /*#__PURE__*/React.createElement(MainNavbar$1, {
|
877
893
|
className: classNames(['sticky-top', 'px-3'])
|
878
894
|
}), /*#__PURE__*/React.createElement("div", {
|
879
895
|
className: classNames((_classNames = {
|
@@ -887,6 +903,7 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
887
903
|
};
|
888
904
|
GuestLayout.propTypes = propTypes$4;
|
889
905
|
GuestLayout.defaultProps = defaultProps$4;
|
906
|
+
var GuestLayout$1 = GuestLayout;
|
890
907
|
|
891
908
|
/* eslint-disable react/jsx-props-no-spreading */
|
892
909
|
var propTypes$3 = {};
|
@@ -898,7 +915,7 @@ var LoginPage = function LoginPage() {
|
|
898
915
|
var onSuccess = useCallback(function () {
|
899
916
|
window.location.href = route('home');
|
900
917
|
}, [route]);
|
901
|
-
return /*#__PURE__*/React.createElement(GuestLayout, {
|
918
|
+
return /*#__PURE__*/React.createElement(GuestLayout$1, {
|
902
919
|
fullscreen: true
|
903
920
|
}, /*#__PURE__*/React.createElement("div", {
|
904
921
|
className: "container-sm py-4"
|
@@ -914,12 +931,13 @@ var LoginPage = function LoginPage() {
|
|
914
931
|
"type": 0,
|
915
932
|
"value": "Login"
|
916
933
|
}]
|
917
|
-
})), /*#__PURE__*/React.createElement(LoginForm, {
|
934
|
+
})), /*#__PURE__*/React.createElement(LoginForm$1, {
|
918
935
|
onSuccess: onSuccess
|
919
936
|
})))));
|
920
937
|
};
|
921
938
|
LoginPage.propTypes = propTypes$3;
|
922
939
|
LoginPage.defaultProps = defaultProps$3;
|
940
|
+
var LoginPage$1 = LoginPage;
|
923
941
|
|
924
942
|
var messages = defineMessages({
|
925
943
|
metaTitle401: {
|
@@ -1022,7 +1040,7 @@ var defaultProps$2 = {
|
|
1022
1040
|
};
|
1023
1041
|
var ErrorPage = function ErrorPage(_ref) {
|
1024
1042
|
var statusCode = _ref.statusCode;
|
1025
|
-
return /*#__PURE__*/React.createElement(GuestLayout, {
|
1043
|
+
return /*#__PURE__*/React.createElement(GuestLayout$1, {
|
1026
1044
|
fullscreen: true
|
1027
1045
|
}, /*#__PURE__*/React.createElement("div", {
|
1028
1046
|
className: "container-sm py-4"
|
@@ -1034,6 +1052,7 @@ var ErrorPage = function ErrorPage(_ref) {
|
|
1034
1052
|
};
|
1035
1053
|
ErrorPage.propTypes = propTypes$2;
|
1036
1054
|
ErrorPage.defaultProps = defaultProps$2;
|
1055
|
+
var ErrorPage$1 = ErrorPage;
|
1037
1056
|
|
1038
1057
|
var _excluded$1 = ["path", "component"];
|
1039
1058
|
var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
@@ -1070,11 +1089,11 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
|
1070
1089
|
resourceEditPage = _ref3$edit === void 0 ? null : _ref3$edit,
|
1071
1090
|
_ref3$delete = _ref3["delete"],
|
1072
1091
|
resourceDeletePage = _ref3$delete === void 0 ? null : _ref3$delete;
|
1073
|
-
var ResourceIndexComponent = componentsManager.getComponent(resourceIndexPage === null || resourceIndexPage === void 0 ? void 0 : resourceIndexPage.component) || componentsManager.getComponent(indexPage === null || indexPage === void 0 ? void 0 : indexPage.component) ||
|
1074
|
-
var ResourceShowComponent = componentsManager.getComponent(resourceShowPage === null || resourceShowPage === void 0 ? void 0 : resourceShowPage.component) || componentsManager.getComponent(showPage === null || showPage === void 0 ? void 0 : showPage.component) ||
|
1075
|
-
var ResourceCreateComponent = componentsManager.getComponent(resourceCreatePage === null || resourceCreatePage === void 0 ? void 0 : resourceCreatePage.component) || componentsManager.getComponent(createPage === null || createPage === void 0 ? void 0 : createPage.component) ||
|
1076
|
-
var ResourceEditComponent = componentsManager.getComponent(resourceEditPage === null || resourceEditPage === void 0 ? void 0 : resourceEditPage.component) || componentsManager.getComponent(editPage === null || editPage === void 0 ? void 0 : editPage.component) ||
|
1077
|
-
var ResourceDeleteComponent = componentsManager.getComponent(resourceDeletePage === null || resourceDeletePage === void 0 ? void 0 : resourceDeletePage.component) || componentsManager.getComponent(deletePage === null || deletePage === void 0 ? void 0 : deletePage.component) ||
|
1092
|
+
var ResourceIndexComponent = componentsManager.getComponent(resourceIndexPage === null || resourceIndexPage === void 0 ? void 0 : resourceIndexPage.component) || componentsManager.getComponent(indexPage === null || indexPage === void 0 ? void 0 : indexPage.component) || ResourceIndex;
|
1093
|
+
var ResourceShowComponent = componentsManager.getComponent(resourceShowPage === null || resourceShowPage === void 0 ? void 0 : resourceShowPage.component) || componentsManager.getComponent(showPage === null || showPage === void 0 ? void 0 : showPage.component) || ResourceShow;
|
1094
|
+
var ResourceCreateComponent = componentsManager.getComponent(resourceCreatePage === null || resourceCreatePage === void 0 ? void 0 : resourceCreatePage.component) || componentsManager.getComponent(createPage === null || createPage === void 0 ? void 0 : createPage.component) || ResourceCreate;
|
1095
|
+
var ResourceEditComponent = componentsManager.getComponent(resourceEditPage === null || resourceEditPage === void 0 ? void 0 : resourceEditPage.component) || componentsManager.getComponent(editPage === null || editPage === void 0 ? void 0 : editPage.component) || ResourceEdit;
|
1096
|
+
var ResourceDeleteComponent = componentsManager.getComponent(resourceDeletePage === null || resourceDeletePage === void 0 ? void 0 : resourceDeletePage.component) || componentsManager.getComponent(deletePage === null || deletePage === void 0 ? void 0 : deletePage.component) || ResourceDelete;
|
1078
1097
|
return [/*#__PURE__*/React.createElement(Route, {
|
1079
1098
|
key: "".concat(resourceId, "-create"),
|
1080
1099
|
path: route('resources.create', {
|
@@ -1148,6 +1167,7 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
|
1148
1167
|
});
|
1149
1168
|
})]);
|
1150
1169
|
};
|
1170
|
+
var createResourceRoutes$1 = createResourceRoutes;
|
1151
1171
|
|
1152
1172
|
var _excluded = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete"],
|
1153
1173
|
_excluded2 = ["path", "route", "component"];
|
@@ -1223,10 +1243,10 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1223
1243
|
return path !== null || pageRoute !== null;
|
1224
1244
|
})));
|
1225
1245
|
}, [routesDefinition, otherPages]);
|
1226
|
-
var HomeComponent = componentsManager.getComponent(homePage === null || homePage === void 0 ? void 0 : homePage.component) || HomePage;
|
1227
|
-
var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage;
|
1228
|
-
var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage;
|
1229
|
-
var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage;
|
1246
|
+
var HomeComponent = componentsManager.getComponent(homePage === null || homePage === void 0 ? void 0 : homePage.component) || HomePage$1;
|
1247
|
+
var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage$1;
|
1248
|
+
var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage$1;
|
1249
|
+
var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage$1;
|
1230
1250
|
|
1231
1251
|
// If there is an error status code
|
1232
1252
|
if (statusCode !== null) {
|
@@ -1256,7 +1276,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1256
1276
|
resourceId = _ref4.id;
|
1257
1277
|
return /*#__PURE__*/React.createElement(Fragment, {
|
1258
1278
|
key: "resource-".concat(resourceId)
|
1259
|
-
}, createResourceRoutes(resource, {
|
1279
|
+
}, createResourceRoutes$1(resource, {
|
1260
1280
|
route: route,
|
1261
1281
|
componentsManager: componentsManager,
|
1262
1282
|
pages: pages
|
@@ -1282,6 +1302,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1282
1302
|
};
|
1283
1303
|
PanneauRoutes.propTypes = propTypes$1;
|
1284
1304
|
PanneauRoutes.defaultProps = defaultProps$1;
|
1305
|
+
var Routes = PanneauRoutes;
|
1285
1306
|
|
1286
1307
|
var pathToRegexpMatcher = createPathToRegexpMatcher();
|
1287
1308
|
var propTypes = {
|
@@ -1366,12 +1387,13 @@ var Container = function Container(_ref) {
|
|
1366
1387
|
onLogout: onLogout
|
1367
1388
|
}, /*#__PURE__*/React.createElement(ComponentsProvider, {
|
1368
1389
|
components: components
|
1369
|
-
}, /*#__PURE__*/React.createElement(
|
1390
|
+
}, /*#__PURE__*/React.createElement(Routes, {
|
1370
1391
|
statusCode: statusCode
|
1371
1392
|
}))))))))))))))));
|
1372
1393
|
};
|
1373
1394
|
Container.propTypes = propTypes;
|
1374
1395
|
Container.defaultProps = defaultProps;
|
1396
|
+
var PanneauContainer = Container;
|
1375
1397
|
|
1376
1398
|
/* eslint-disable react/jsx-props-no-spreading */
|
1377
1399
|
|
@@ -1379,5 +1401,6 @@ Container.defaultProps = defaultProps;
|
|
1379
1401
|
var ResourceFilters = function ResourceFilters(props) {
|
1380
1402
|
return /*#__PURE__*/React.createElement(Filters, props);
|
1381
1403
|
};
|
1404
|
+
var ResourceFilters$1 = ResourceFilters;
|
1382
1405
|
|
1383
|
-
export { GuestLayout, MainLayout, PageHeader, ResourceFilters
|
1406
|
+
export { GuestLayout$1 as GuestLayout, MainLayout$1 as MainLayout, PageHeader$1 as PageHeader, ResourceFilters$1 as ResourceFilters, ResourceForm, ResourceItemsList$1 as ResourceItemsList, PanneauContainer as default };
|
package/lib/index.js
CHANGED
@@ -24,22 +24,22 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
24
24
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
25
25
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
26
26
|
var isObject = require('lodash/isObject');
|
27
|
+
var classNames = require('classnames');
|
28
|
+
var isString = require('lodash/isString');
|
27
29
|
var queryString = require('query-string');
|
28
30
|
var reactIntl = require('react-intl');
|
29
31
|
var hooks = require('@panneau/core/hooks');
|
30
|
-
var
|
31
|
-
var
|
32
|
+
var Alert = require('@panneau/element-alert');
|
33
|
+
var Button = require('@panneau/element-button');
|
34
|
+
var Dropdown = require('@panneau/element-dropdown');
|
32
35
|
var elementModal = require('@panneau/element-modal');
|
33
36
|
var isArray = require('lodash/isArray');
|
34
37
|
var Link = require('@panneau/element-link');
|
35
38
|
var Menu = require('@panneau/element-menu');
|
36
39
|
var Navbar = require('@panneau/element-navbar');
|
37
40
|
var Label = require('@panneau/element-label');
|
38
|
-
var isString = require('lodash/isString');
|
39
|
-
var Alert = require('@panneau/element-alert');
|
40
|
-
var Button = require('@panneau/element-button');
|
41
|
-
var Dropdown = require('@panneau/element-dropdown');
|
42
41
|
var ResourceList = require('@panneau/list-resource-items');
|
42
|
+
var ResourceForm$1 = require('@panneau/form-resource');
|
43
43
|
var utils = require('@panneau/core/utils');
|
44
44
|
var Filters = require('@panneau/filter-filters');
|
45
45
|
|
@@ -59,19 +59,19 @@ var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumab
|
|
59
59
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
60
60
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
61
61
|
var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
|
62
|
-
var queryString__default = /*#__PURE__*/_interopDefaultLegacy(queryString);
|
63
|
-
var ResourceForm__default = /*#__PURE__*/_interopDefaultLegacy(ResourceForm);
|
64
62
|
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
63
|
+
var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
|
64
|
+
var queryString__default = /*#__PURE__*/_interopDefaultLegacy(queryString);
|
65
|
+
var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
|
66
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
67
|
+
var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
|
65
68
|
var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
|
66
69
|
var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
|
67
70
|
var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu);
|
68
71
|
var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
|
69
72
|
var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
|
70
|
-
var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
|
71
|
-
var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
|
72
|
-
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
73
|
-
var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
|
74
73
|
var ResourceList__default = /*#__PURE__*/_interopDefaultLegacy(ResourceList);
|
74
|
+
var ResourceForm__default = /*#__PURE__*/_interopDefaultLegacy(ResourceForm$1);
|
75
75
|
var Filters__default = /*#__PURE__*/_interopDefaultLegacy(Filters);
|
76
76
|
|
77
77
|
/* eslint-disable react/jsx-props-no-spreading */
|
@@ -80,6 +80,7 @@ var Filters__default = /*#__PURE__*/_interopDefaultLegacy(Filters);
|
|
80
80
|
var ResourceFormWrapper = function ResourceFormWrapper(props) {
|
81
81
|
return /*#__PURE__*/React__default["default"].createElement(ResourceForm__default["default"], props);
|
82
82
|
};
|
83
|
+
var ResourceForm = ResourceFormWrapper;
|
83
84
|
|
84
85
|
var propTypes$j = {
|
85
86
|
withAccountForm: PropTypes__default["default"].bool,
|
@@ -157,6 +158,7 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
157
158
|
};
|
158
159
|
AccountMenu.propTypes = propTypes$j;
|
159
160
|
AccountMenu.defaultProps = defaultProps$i;
|
161
|
+
var AccountMenu$1 = AccountMenu;
|
160
162
|
|
161
163
|
var propTypes$i = {
|
162
164
|
className: PropTypes__default["default"].string,
|
@@ -203,6 +205,7 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
|
|
203
205
|
};
|
204
206
|
ResourcesMenu.propTypes = propTypes$i;
|
205
207
|
ResourcesMenu.defaultProps = defaultProps$h;
|
208
|
+
var ResourcesMenu$1 = ResourcesMenu;
|
206
209
|
|
207
210
|
var propTypes$h = {};
|
208
211
|
var defaultProps$g = {};
|
@@ -228,7 +231,7 @@ var MainNavbar = function MainNavbar(props) {
|
|
228
231
|
return it !== null;
|
229
232
|
}).reduce(function (currentItems, item, index) {
|
230
233
|
if (item === 'resources') {
|
231
|
-
return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement(ResourcesMenu, {
|
234
|
+
return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement(ResourcesMenu$1, {
|
232
235
|
key: "menu-item-resource-".concat(index + 1),
|
233
236
|
className: "navbar-nav",
|
234
237
|
itemClassName: "nav-item",
|
@@ -236,7 +239,7 @@ var MainNavbar = function MainNavbar(props) {
|
|
236
239
|
})]);
|
237
240
|
}
|
238
241
|
if (item === 'account') {
|
239
|
-
return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement(AccountMenu, {
|
242
|
+
return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement(AccountMenu$1, {
|
240
243
|
key: "menu-item-account-".concat(index + 1),
|
241
244
|
className: "navbar-nav",
|
242
245
|
itemClassName: "nav-item",
|
@@ -270,6 +273,7 @@ var MainNavbar = function MainNavbar(props) {
|
|
270
273
|
};
|
271
274
|
MainNavbar.propTypes = propTypes$h;
|
272
275
|
MainNavbar.defaultProps = defaultProps$g;
|
276
|
+
var MainNavbar$1 = MainNavbar;
|
273
277
|
|
274
278
|
var styles$1 = {};
|
275
279
|
|
@@ -294,7 +298,7 @@ var MainLayout = function MainLayout(_ref) {
|
|
294
298
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
295
299
|
className: classNames__default["default"]([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100']),
|
296
300
|
"data-bs-theme": theme !== null ? theme : null
|
297
|
-
}, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
|
301
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainNavbar$1, {
|
298
302
|
className: classNames__default["default"](['border-bottom', 'sticky-top', 'px-3'])
|
299
303
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
300
304
|
className: classNames__default["default"](['flex-grow-1', (_ref2 = {
|
@@ -304,6 +308,7 @@ var MainLayout = function MainLayout(_ref) {
|
|
304
308
|
};
|
305
309
|
MainLayout.propTypes = propTypes$g;
|
306
310
|
MainLayout.defaultProps = defaultProps$f;
|
311
|
+
var MainLayout$1 = MainLayout;
|
307
312
|
|
308
313
|
var propTypes$f = {
|
309
314
|
title: core.PropTypes.label,
|
@@ -353,6 +358,7 @@ var PageHeader = function PageHeader(_ref) {
|
|
353
358
|
};
|
354
359
|
PageHeader.propTypes = propTypes$f;
|
355
360
|
PageHeader.defaultProps = defaultProps$e;
|
361
|
+
var PageHeader$1 = PageHeader;
|
356
362
|
|
357
363
|
var propTypes$e = {
|
358
364
|
resource: core.PropTypes.resource.isRequired
|
@@ -377,7 +383,7 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
377
383
|
}, [navigate, resourceRoute]);
|
378
384
|
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
379
385
|
resource: resource
|
380
|
-
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
386
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
|
381
387
|
title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
382
388
|
values: resourceValues,
|
383
389
|
id: "6viUpq",
|
@@ -398,7 +404,7 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
398
404
|
className: "row justify-content-center"
|
399
405
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
400
406
|
className: "col-12 col-md-8 col-lg-7"
|
401
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
407
|
+
}, /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
|
402
408
|
resource: resource,
|
403
409
|
type: type,
|
404
410
|
onSuccess: onSuccess
|
@@ -406,6 +412,7 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
406
412
|
};
|
407
413
|
ResourceCreatePage.propTypes = propTypes$e;
|
408
414
|
ResourceCreatePage.defaultProps = defaultProps$d;
|
415
|
+
var ResourceCreate = ResourceCreatePage;
|
409
416
|
|
410
417
|
var propTypes$d = {
|
411
418
|
itemId: PropTypes__default["default"].string.isRequired,
|
@@ -431,7 +438,7 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
431
438
|
}, [navigate, resourceRoute]);
|
432
439
|
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
433
440
|
resource: resource
|
434
|
-
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
441
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
|
435
442
|
title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
436
443
|
values: resourceValues,
|
437
444
|
id: "zN5N/Q",
|
@@ -452,7 +459,7 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
452
459
|
className: "row justify-content-center"
|
453
460
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
454
461
|
className: "col-12 col-md-8 col-lg-7"
|
455
|
-
}, item !== null ? /*#__PURE__*/React__default["default"].createElement(
|
462
|
+
}, item !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
|
456
463
|
resource: resource,
|
457
464
|
item: item,
|
458
465
|
onSuccess: onSuccess,
|
@@ -461,6 +468,7 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
461
468
|
};
|
462
469
|
ResourceDeletePage.propTypes = propTypes$d;
|
463
470
|
ResourceDeletePage.defaultProps = defaultProps$c;
|
471
|
+
var ResourceDelete = ResourceDeletePage;
|
464
472
|
|
465
473
|
var propTypes$c = {
|
466
474
|
itemId: PropTypes__default["default"].string.isRequired,
|
@@ -489,7 +497,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
489
497
|
var resourceValues = intl.useResourceValues(resource);
|
490
498
|
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
491
499
|
resource: resource
|
492
|
-
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
500
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
|
493
501
|
title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
494
502
|
values: resourceValues,
|
495
503
|
id: "mCfzkJ",
|
@@ -510,7 +518,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
510
518
|
className: "row justify-content-center"
|
511
519
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
512
520
|
className: "col-12 col-md-8 col-lg-7"
|
513
|
-
}, editItem !== null ? /*#__PURE__*/React__default["default"].createElement(
|
521
|
+
}, editItem !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
|
514
522
|
resource: resource,
|
515
523
|
item: editItem,
|
516
524
|
type: type,
|
@@ -519,6 +527,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
519
527
|
};
|
520
528
|
ResourceEditPage.propTypes = propTypes$c;
|
521
529
|
ResourceEditPage.defaultProps = defaultProps$b;
|
530
|
+
var ResourceEdit = ResourceEditPage;
|
522
531
|
|
523
532
|
var propTypes$b = {
|
524
533
|
resource: core.PropTypes.resource.isRequired,
|
@@ -595,6 +604,7 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
|
|
595
604
|
};
|
596
605
|
ResourceCreateButtom.propTypes = propTypes$b;
|
597
606
|
ResourceCreateButtom.defaultProps = defaultProps$a;
|
607
|
+
var ResourceCreateButton = ResourceCreateButtom;
|
598
608
|
|
599
609
|
var _excluded$3 = ["resource"];
|
600
610
|
var propTypes$a = {
|
@@ -617,6 +627,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
617
627
|
}, props));
|
618
628
|
};
|
619
629
|
ResourceItemsList.propTypes = propTypes$a;
|
630
|
+
var ResourceItemsList$1 = ResourceItemsList;
|
620
631
|
|
621
632
|
var _excluded$2 = ["id", "component"];
|
622
633
|
var propTypes$9 = {
|
@@ -652,7 +663,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
652
663
|
})).map(function (it) {
|
653
664
|
return it === 'create' ? {
|
654
665
|
id: 'create',
|
655
|
-
component:
|
666
|
+
component: ResourceCreateButton,
|
656
667
|
size: 'lg',
|
657
668
|
theme: 'primary'
|
658
669
|
} : it;
|
@@ -699,7 +710,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
699
710
|
}, [navigate, url]);
|
700
711
|
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
701
712
|
resource: resource
|
702
|
-
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
713
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
|
703
714
|
title: name,
|
704
715
|
actions: finalActions.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
|
705
716
|
className: "d-flex align-items-center"
|
@@ -745,7 +756,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
745
756
|
"type": 0,
|
746
757
|
"value": " has been deleted."
|
747
758
|
}]
|
748
|
-
})) : null, /*#__PURE__*/React__default["default"].createElement(ResourceItemsList, {
|
759
|
+
})) : null, /*#__PURE__*/React__default["default"].createElement(ResourceItemsList$1, {
|
749
760
|
resource: resource,
|
750
761
|
baseUrl: url,
|
751
762
|
query: listQuery,
|
@@ -757,6 +768,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
757
768
|
};
|
758
769
|
ResourceIndexPage.propTypes = propTypes$9;
|
759
770
|
ResourceIndexPage.defaultProps = defaultProps$9;
|
771
|
+
var ResourceIndex = ResourceIndexPage;
|
760
772
|
|
761
773
|
var propTypes$8 = {
|
762
774
|
resource: core.PropTypes.resource.isRequired,
|
@@ -774,7 +786,7 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
774
786
|
type = _ref2$type === void 0 ? null : _ref2$type;
|
775
787
|
return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
|
776
788
|
resource: resource
|
777
|
-
}, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
|
789
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
|
778
790
|
title: "".concat(name, " #").concat(itemId),
|
779
791
|
small: true
|
780
792
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
@@ -783,7 +795,7 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
783
795
|
className: "row justify-content-center"
|
784
796
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
785
797
|
className: "col-12 col-md-8 col-lg-7"
|
786
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
798
|
+
}, /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
|
787
799
|
resource: resource,
|
788
800
|
item: item,
|
789
801
|
type: type,
|
@@ -792,6 +804,7 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
792
804
|
};
|
793
805
|
ResourceShowPage.propTypes = propTypes$8;
|
794
806
|
ResourceShowPage.defaultProps = defaultProps$8;
|
807
|
+
var ResourceShow = ResourceShowPage;
|
795
808
|
|
796
809
|
/* eslint-disable react/jsx-props-no-spreading */
|
797
810
|
var propTypes$7 = {};
|
@@ -806,7 +819,7 @@ var HomePage = function HomePage() {
|
|
806
819
|
hideInNavbar = _ref$settings2$hideIn === void 0 ? false : _ref$settings2$hideIn;
|
807
820
|
return !hideInNavbar;
|
808
821
|
});
|
809
|
-
return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
822
|
+
return /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
810
823
|
className: "container-sm py-4"
|
811
824
|
}, visibleResources.map(function (resource) {
|
812
825
|
var _ref2 = resource || {},
|
@@ -833,16 +846,18 @@ var HomePage = function HomePage() {
|
|
833
846
|
};
|
834
847
|
HomePage.propTypes = propTypes$7;
|
835
848
|
HomePage.defaultProps = defaultProps$7;
|
849
|
+
var HomePage$1 = HomePage;
|
836
850
|
|
837
851
|
var propTypes$6 = {};
|
838
852
|
var defaultProps$6 = {};
|
839
853
|
var AccountPage = function AccountPage() {
|
840
|
-
return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
854
|
+
return /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
841
855
|
className: "container-sm py-4"
|
842
856
|
}, "Account page"));
|
843
857
|
};
|
844
858
|
AccountPage.propTypes = propTypes$6;
|
845
859
|
AccountPage.defaultProps = defaultProps$6;
|
860
|
+
var AccountPage$1 = AccountPage;
|
846
861
|
|
847
862
|
/* eslint-disable react/jsx-props-no-spreading */
|
848
863
|
var propTypes$5 = {
|
@@ -882,6 +897,7 @@ var LoginForm = function LoginForm(_ref) {
|
|
882
897
|
};
|
883
898
|
LoginForm.propTypes = propTypes$5;
|
884
899
|
LoginForm.defaultProps = defaultProps$5;
|
900
|
+
var LoginForm$1 = LoginForm;
|
885
901
|
|
886
902
|
var styles = {};
|
887
903
|
|
@@ -908,7 +924,7 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
908
924
|
'd-flex flex-column min-vh-100': fullscreen
|
909
925
|
}]),
|
910
926
|
"data-bs-theme": theme !== null ? theme : null
|
911
|
-
}, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
|
927
|
+
}, /*#__PURE__*/React__default["default"].createElement(MainNavbar$1, {
|
912
928
|
className: classNames__default["default"](['sticky-top', 'px-3'])
|
913
929
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
914
930
|
className: classNames__default["default"]((_classNames = {
|
@@ -922,6 +938,7 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
922
938
|
};
|
923
939
|
GuestLayout.propTypes = propTypes$4;
|
924
940
|
GuestLayout.defaultProps = defaultProps$4;
|
941
|
+
var GuestLayout$1 = GuestLayout;
|
925
942
|
|
926
943
|
/* eslint-disable react/jsx-props-no-spreading */
|
927
944
|
var propTypes$3 = {};
|
@@ -933,7 +950,7 @@ var LoginPage = function LoginPage() {
|
|
933
950
|
var onSuccess = React.useCallback(function () {
|
934
951
|
window.location.href = route('home');
|
935
952
|
}, [route]);
|
936
|
-
return /*#__PURE__*/React__default["default"].createElement(GuestLayout, {
|
953
|
+
return /*#__PURE__*/React__default["default"].createElement(GuestLayout$1, {
|
937
954
|
fullscreen: true
|
938
955
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
939
956
|
className: "container-sm py-4"
|
@@ -949,12 +966,13 @@ var LoginPage = function LoginPage() {
|
|
949
966
|
"type": 0,
|
950
967
|
"value": "Login"
|
951
968
|
}]
|
952
|
-
})), /*#__PURE__*/React__default["default"].createElement(LoginForm, {
|
969
|
+
})), /*#__PURE__*/React__default["default"].createElement(LoginForm$1, {
|
953
970
|
onSuccess: onSuccess
|
954
971
|
})))));
|
955
972
|
};
|
956
973
|
LoginPage.propTypes = propTypes$3;
|
957
974
|
LoginPage.defaultProps = defaultProps$3;
|
975
|
+
var LoginPage$1 = LoginPage;
|
958
976
|
|
959
977
|
var messages = reactIntl.defineMessages({
|
960
978
|
metaTitle401: {
|
@@ -1057,7 +1075,7 @@ var defaultProps$2 = {
|
|
1057
1075
|
};
|
1058
1076
|
var ErrorPage = function ErrorPage(_ref) {
|
1059
1077
|
var statusCode = _ref.statusCode;
|
1060
|
-
return /*#__PURE__*/React__default["default"].createElement(GuestLayout, {
|
1078
|
+
return /*#__PURE__*/React__default["default"].createElement(GuestLayout$1, {
|
1061
1079
|
fullscreen: true
|
1062
1080
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
1063
1081
|
className: "container-sm py-4"
|
@@ -1069,6 +1087,7 @@ var ErrorPage = function ErrorPage(_ref) {
|
|
1069
1087
|
};
|
1070
1088
|
ErrorPage.propTypes = propTypes$2;
|
1071
1089
|
ErrorPage.defaultProps = defaultProps$2;
|
1090
|
+
var ErrorPage$1 = ErrorPage;
|
1072
1091
|
|
1073
1092
|
var _excluded$1 = ["path", "component"];
|
1074
1093
|
var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
@@ -1105,11 +1124,11 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
|
1105
1124
|
resourceEditPage = _ref3$edit === void 0 ? null : _ref3$edit,
|
1106
1125
|
_ref3$delete = _ref3["delete"],
|
1107
1126
|
resourceDeletePage = _ref3$delete === void 0 ? null : _ref3$delete;
|
1108
|
-
var ResourceIndexComponent = componentsManager.getComponent(resourceIndexPage === null || resourceIndexPage === void 0 ? void 0 : resourceIndexPage.component) || componentsManager.getComponent(indexPage === null || indexPage === void 0 ? void 0 : indexPage.component) ||
|
1109
|
-
var ResourceShowComponent = componentsManager.getComponent(resourceShowPage === null || resourceShowPage === void 0 ? void 0 : resourceShowPage.component) || componentsManager.getComponent(showPage === null || showPage === void 0 ? void 0 : showPage.component) ||
|
1110
|
-
var ResourceCreateComponent = componentsManager.getComponent(resourceCreatePage === null || resourceCreatePage === void 0 ? void 0 : resourceCreatePage.component) || componentsManager.getComponent(createPage === null || createPage === void 0 ? void 0 : createPage.component) ||
|
1111
|
-
var ResourceEditComponent = componentsManager.getComponent(resourceEditPage === null || resourceEditPage === void 0 ? void 0 : resourceEditPage.component) || componentsManager.getComponent(editPage === null || editPage === void 0 ? void 0 : editPage.component) ||
|
1112
|
-
var ResourceDeleteComponent = componentsManager.getComponent(resourceDeletePage === null || resourceDeletePage === void 0 ? void 0 : resourceDeletePage.component) || componentsManager.getComponent(deletePage === null || deletePage === void 0 ? void 0 : deletePage.component) ||
|
1127
|
+
var ResourceIndexComponent = componentsManager.getComponent(resourceIndexPage === null || resourceIndexPage === void 0 ? void 0 : resourceIndexPage.component) || componentsManager.getComponent(indexPage === null || indexPage === void 0 ? void 0 : indexPage.component) || ResourceIndex;
|
1128
|
+
var ResourceShowComponent = componentsManager.getComponent(resourceShowPage === null || resourceShowPage === void 0 ? void 0 : resourceShowPage.component) || componentsManager.getComponent(showPage === null || showPage === void 0 ? void 0 : showPage.component) || ResourceShow;
|
1129
|
+
var ResourceCreateComponent = componentsManager.getComponent(resourceCreatePage === null || resourceCreatePage === void 0 ? void 0 : resourceCreatePage.component) || componentsManager.getComponent(createPage === null || createPage === void 0 ? void 0 : createPage.component) || ResourceCreate;
|
1130
|
+
var ResourceEditComponent = componentsManager.getComponent(resourceEditPage === null || resourceEditPage === void 0 ? void 0 : resourceEditPage.component) || componentsManager.getComponent(editPage === null || editPage === void 0 ? void 0 : editPage.component) || ResourceEdit;
|
1131
|
+
var ResourceDeleteComponent = componentsManager.getComponent(resourceDeletePage === null || resourceDeletePage === void 0 ? void 0 : resourceDeletePage.component) || componentsManager.getComponent(deletePage === null || deletePage === void 0 ? void 0 : deletePage.component) || ResourceDelete;
|
1113
1132
|
return [/*#__PURE__*/React__default["default"].createElement(wouter.Route, {
|
1114
1133
|
key: "".concat(resourceId, "-create"),
|
1115
1134
|
path: route('resources.create', {
|
@@ -1183,6 +1202,7 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
|
1183
1202
|
});
|
1184
1203
|
})]);
|
1185
1204
|
};
|
1205
|
+
var createResourceRoutes$1 = createResourceRoutes;
|
1186
1206
|
|
1187
1207
|
var _excluded = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete"],
|
1188
1208
|
_excluded2 = ["path", "route", "component"];
|
@@ -1258,10 +1278,10 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1258
1278
|
return path !== null || pageRoute !== null;
|
1259
1279
|
})));
|
1260
1280
|
}, [routesDefinition, otherPages]);
|
1261
|
-
var HomeComponent = componentsManager.getComponent(homePage === null || homePage === void 0 ? void 0 : homePage.component) || HomePage;
|
1262
|
-
var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage;
|
1263
|
-
var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage;
|
1264
|
-
var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage;
|
1281
|
+
var HomeComponent = componentsManager.getComponent(homePage === null || homePage === void 0 ? void 0 : homePage.component) || HomePage$1;
|
1282
|
+
var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage$1;
|
1283
|
+
var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage$1;
|
1284
|
+
var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage$1;
|
1265
1285
|
|
1266
1286
|
// If there is an error status code
|
1267
1287
|
if (statusCode !== null) {
|
@@ -1291,7 +1311,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1291
1311
|
resourceId = _ref4.id;
|
1292
1312
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
|
1293
1313
|
key: "resource-".concat(resourceId)
|
1294
|
-
}, createResourceRoutes(resource, {
|
1314
|
+
}, createResourceRoutes$1(resource, {
|
1295
1315
|
route: route,
|
1296
1316
|
componentsManager: componentsManager,
|
1297
1317
|
pages: pages
|
@@ -1317,6 +1337,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1317
1337
|
};
|
1318
1338
|
PanneauRoutes.propTypes = propTypes$1;
|
1319
1339
|
PanneauRoutes.defaultProps = defaultProps$1;
|
1340
|
+
var Routes = PanneauRoutes;
|
1320
1341
|
|
1321
1342
|
var pathToRegexpMatcher = routes.createPathToRegexpMatcher();
|
1322
1343
|
var propTypes = {
|
@@ -1401,12 +1422,13 @@ var Container = function Container(_ref) {
|
|
1401
1422
|
onLogout: onLogout
|
1402
1423
|
}, /*#__PURE__*/React__default["default"].createElement(contexts.ComponentsProvider, {
|
1403
1424
|
components: components
|
1404
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
1425
|
+
}, /*#__PURE__*/React__default["default"].createElement(Routes, {
|
1405
1426
|
statusCode: statusCode
|
1406
1427
|
}))))))))))))))));
|
1407
1428
|
};
|
1408
1429
|
Container.propTypes = propTypes;
|
1409
1430
|
Container.defaultProps = defaultProps;
|
1431
|
+
var PanneauContainer = Container;
|
1410
1432
|
|
1411
1433
|
/* eslint-disable react/jsx-props-no-spreading */
|
1412
1434
|
|
@@ -1414,11 +1436,12 @@ Container.defaultProps = defaultProps;
|
|
1414
1436
|
var ResourceFilters = function ResourceFilters(props) {
|
1415
1437
|
return /*#__PURE__*/React__default["default"].createElement(Filters__default["default"], props);
|
1416
1438
|
};
|
1439
|
+
var ResourceFilters$1 = ResourceFilters;
|
1417
1440
|
|
1418
|
-
exports.GuestLayout = GuestLayout;
|
1419
|
-
exports.MainLayout = MainLayout;
|
1420
|
-
exports.PageHeader = PageHeader;
|
1421
|
-
exports.ResourceFilters = ResourceFilters;
|
1422
|
-
exports.ResourceForm =
|
1423
|
-
exports.ResourceItemsList = ResourceItemsList;
|
1424
|
-
exports["default"] =
|
1441
|
+
exports.GuestLayout = GuestLayout$1;
|
1442
|
+
exports.MainLayout = MainLayout$1;
|
1443
|
+
exports.PageHeader = PageHeader$1;
|
1444
|
+
exports.ResourceFilters = ResourceFilters$1;
|
1445
|
+
exports.ResourceForm = ResourceForm;
|
1446
|
+
exports.ResourceItemsList = ResourceItemsList$1;
|
1447
|
+
exports["default"] = PanneauContainer;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@panneau/app",
|
3
|
-
"version": "3.0.
|
3
|
+
"version": "3.0.19",
|
4
4
|
"description": "",
|
5
5
|
"keywords": [
|
6
6
|
"javascript"
|
@@ -67,35 +67,35 @@
|
|
67
67
|
"@fortawesome/fontawesome-svg-core": "^1.2.35",
|
68
68
|
"@fortawesome/free-solid-svg-icons": "^5.15.3",
|
69
69
|
"@fortawesome/react-fontawesome": "^0.1.14",
|
70
|
-
"@panneau/auth": "^3.0.
|
71
|
-
"@panneau/core": "^3.0.
|
72
|
-
"@panneau/data": "^3.0.
|
73
|
-
"@panneau/displays": "^3.0.
|
74
|
-
"@panneau/element-alert": "^3.0.
|
75
|
-
"@panneau/element-button": "^3.0.
|
76
|
-
"@panneau/element-buttons": "^3.0.
|
77
|
-
"@panneau/element-dropdown": "^3.0.
|
78
|
-
"@panneau/element-form": "^3.0.
|
79
|
-
"@panneau/element-form-group": "^3.0.
|
80
|
-
"@panneau/element-label": "^3.0.
|
81
|
-
"@panneau/element-link": "^3.0.
|
82
|
-
"@panneau/element-loading": "^3.0.
|
83
|
-
"@panneau/element-menu": "^3.0.
|
84
|
-
"@panneau/element-modal": "^3.0.
|
85
|
-
"@panneau/element-navbar": "^3.0.
|
86
|
-
"@panneau/element-pagination": "^3.0.
|
87
|
-
"@panneau/element-radios": "^3.0.
|
88
|
-
"@panneau/fields": "^3.0.
|
89
|
-
"@panneau/filter-filters": "^3.0.
|
90
|
-
"@panneau/filters": "^3.0.
|
91
|
-
"@panneau/form-resource": "^3.0.
|
92
|
-
"@panneau/forms": "^3.0.
|
93
|
-
"@panneau/intl": "^3.0.
|
94
|
-
"@panneau/list-resource-items": "^3.0.
|
95
|
-
"@panneau/lists": "^3.0.
|
96
|
-
"@panneau/modals": "^3.0.
|
97
|
-
"@panneau/themes": "^3.0.
|
98
|
-
"@panneau/uppy": "^3.0.
|
70
|
+
"@panneau/auth": "^3.0.19",
|
71
|
+
"@panneau/core": "^3.0.19",
|
72
|
+
"@panneau/data": "^3.0.19",
|
73
|
+
"@panneau/displays": "^3.0.19",
|
74
|
+
"@panneau/element-alert": "^3.0.19",
|
75
|
+
"@panneau/element-button": "^3.0.19",
|
76
|
+
"@panneau/element-buttons": "^3.0.19",
|
77
|
+
"@panneau/element-dropdown": "^3.0.19",
|
78
|
+
"@panneau/element-form": "^3.0.19",
|
79
|
+
"@panneau/element-form-group": "^3.0.19",
|
80
|
+
"@panneau/element-label": "^3.0.19",
|
81
|
+
"@panneau/element-link": "^3.0.19",
|
82
|
+
"@panneau/element-loading": "^3.0.19",
|
83
|
+
"@panneau/element-menu": "^3.0.19",
|
84
|
+
"@panneau/element-modal": "^3.0.19",
|
85
|
+
"@panneau/element-navbar": "^3.0.19",
|
86
|
+
"@panneau/element-pagination": "^3.0.19",
|
87
|
+
"@panneau/element-radios": "^3.0.19",
|
88
|
+
"@panneau/fields": "^3.0.19",
|
89
|
+
"@panneau/filter-filters": "^3.0.19",
|
90
|
+
"@panneau/filters": "^3.0.19",
|
91
|
+
"@panneau/form-resource": "^3.0.19",
|
92
|
+
"@panneau/forms": "^3.0.19",
|
93
|
+
"@panneau/intl": "^3.0.19",
|
94
|
+
"@panneau/list-resource-items": "^3.0.19",
|
95
|
+
"@panneau/lists": "^3.0.19",
|
96
|
+
"@panneau/modals": "^3.0.19",
|
97
|
+
"@panneau/themes": "^3.0.19",
|
98
|
+
"@panneau/uppy": "^3.0.19",
|
99
99
|
"classnames": "^2.2.6",
|
100
100
|
"lodash": "^4.17.21",
|
101
101
|
"path-to-regexp": "^6.2.1",
|
@@ -107,5 +107,5 @@
|
|
107
107
|
"publishConfig": {
|
108
108
|
"access": "public"
|
109
109
|
},
|
110
|
-
"gitHead": "
|
110
|
+
"gitHead": "d00f01acd3ff68ff4119cd816efdc5b088d2bbd1"
|
111
111
|
}
|