@panneau/app 1.0.4 → 1.1.0

package/lib/index.js

@@ -18,17 +18,20 @@ var FiltersProvider = require('@panneau/filters');
 var FormsProvider = require('@panneau/forms');
 var intl = require('@panneau/intl');
 var ListsProvider = require('@panneau/lists');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var utils = require('@panneau/core/utils');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var isObject = require('lodash/isObject');
 var queryString = require('query-string');
 var reactIntl = require('react-intl');
 var hooks = require('@panneau/core/hooks');
+var utils = require('@panneau/core/utils');
 var classNames = require('classnames');
 var Button = require('@panneau/element-button');
 var Form = require('@panneau/element-form');
-var Navbar = require('@panneau/element-navbar');
+var isArray = require('lodash/isArray');
 var Menu = require('@panneau/element-menu');
+var Navbar = require('@panneau/element-navbar');
 var Label = require('@panneau/element-label');
 var isString = require('lodash/isString');
 var Alert = require('@panneau/element-alert');
@@ -50,13 +53,16 @@ var FieldsProvider__default = /*#__PURE__*/_interopDefaultLegacy(FieldsProvider)
 var FiltersProvider__default = /*#__PURE__*/_interopDefaultLegacy(FiltersProvider);
 var FormsProvider__default = /*#__PURE__*/_interopDefaultLegacy(FormsProvider);
 var ListsProvider__default = /*#__PURE__*/_interopDefaultLegacy(ListsProvider);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
-var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
+var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
 var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu);
+var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
@@ -65,8 +71,8 @@ var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
 var _toPropertyKey__default = /*#__PURE__*/_interopDefaultLegacy(_toPropertyKey);
 var FormGroup__default = /*#__PURE__*/_interopDefaultLegacy(FormGroup);
 
-var _excluded$5 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
-var propTypes$n = {
+var _excluded$6 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
+var propTypes$m = {
   resource: core.PropTypes.resource.isRequired,
   action: PropTypes__default["default"].string,
   previous: PropTypes__default["default"].string,
@@ -80,7 +86,7 @@ var propTypes$n = {
   errors: PropTypes__default["default"].objectOf(PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)),
   className: PropTypes__default["default"].string
 };
-var defaultProps$n = {
+var defaultProps$m = {
   action: null,
   previous: null,
   status: null,
@@ -100,7 +106,7 @@ var DeleteForm = function DeleteForm(_ref) {
     _ref.errors;
     var generalError = _ref.generalError,
     className = _ref.className,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
   var _ref2 = value || {},
     _ref2$id = _ref2.id,
     id = _ref2$id === void 0 ? null : _ref2$id;
@@ -171,11 +177,11 @@ var DeleteForm = function DeleteForm(_ref) {
     }]
   })))));
 };
-DeleteForm.propTypes = propTypes$n;
-DeleteForm.defaultProps = defaultProps$n;
+DeleteForm.propTypes = propTypes$m;
+DeleteForm.defaultProps = defaultProps$m;
 
-var _excluded$4 = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
-var propTypes$m = {
+var _excluded$5 = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
+var propTypes$l = {
   component: PropTypes__default["default"].string,
   resource: core.PropTypes.resource.isRequired,
   item: PropTypes__default["default"].object,
@@ -184,7 +190,7 @@ var propTypes$m = {
   onSuccess: PropTypes__default["default"].func,
   isDelete: PropTypes__default["default"].bool
 };
-var defaultProps$m = {
+var defaultProps$l = {
   component: null,
   item: null,
   type: null,
@@ -198,7 +204,7 @@ var ResourceForm = function ResourceForm(_ref) {
     item = _ref.item,
     type = _ref.type,
     isDelete = _ref.isDelete,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
   var locales = contexts.useLocales();
   var FormComponents = contexts.useFormsComponents();
   var _resource$fields = resource.fields,
@@ -326,15 +332,15 @@ var ResourceForm = function ResourceForm(_ref) {
     onChange: setValue
   })));
 };
-ResourceForm.propTypes = propTypes$m;
-ResourceForm.defaultProps = defaultProps$m;
+ResourceForm.propTypes = propTypes$l;
+ResourceForm.defaultProps = defaultProps$l;
 
-var propTypes$l = {
+var propTypes$k = {
   className: PropTypes__default["default"].string,
   itemClassName: PropTypes__default["default"].string,
   linkClassName: PropTypes__default["default"].string
 };
-var defaultProps$l = {
+var defaultProps$k = {
   className: null,
   itemClassName: null,
   linkClassName: null
@@ -360,7 +366,7 @@ var AccountMenu = function AccountMenu(_ref) {
           "value": "Account"
         }]
       }),
-      href: route('panneau.account'),
+      href: route('account'),
       dropdown: [
       //   {
       //       label: (
@@ -369,7 +375,7 @@ var AccountMenu = function AccountMenu(_ref) {
       //               description="Menu label"
       //           />
       //       ),
-      //       href: route('panneau.account'),
+      //       href: route('account'),
       //   },
       {
         label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
@@ -390,7 +396,7 @@ var AccountMenu = function AccountMenu(_ref) {
           "value": "Login"
         }]
       }),
-      href: route('login')
+      href: route('auth.login')
     }];
   }, [user, route, onClickLogout]);
   return items !== null ? /*#__PURE__*/React__default["default"].createElement(Menu__default["default"], {
@@ -401,15 +407,15 @@ var AccountMenu = function AccountMenu(_ref) {
     dropdownAlign: "end"
   }) : null;
 };
-AccountMenu.propTypes = propTypes$l;
-AccountMenu.defaultProps = defaultProps$l;
+AccountMenu.propTypes = propTypes$k;
+AccountMenu.defaultProps = defaultProps$k;
 
-var propTypes$k = {
+var propTypes$j = {
   className: PropTypes__default["default"].string,
   itemClassName: PropTypes__default["default"].string,
   linkClassName: PropTypes__default["default"].string
 };
-var defaultProps$k = {
+var defaultProps$j = {
   className: null,
   itemClassName: null,
   linkClassName: null
@@ -446,42 +452,77 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
     linkClassName: linkClassName
   });
 };
-ResourcesMenu.propTypes = propTypes$k;
-ResourcesMenu.defaultProps = defaultProps$k;
+ResourcesMenu.propTypes = propTypes$j;
+ResourcesMenu.defaultProps = defaultProps$j;
 
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes$j = {};
-var defaultProps$j = {};
+var propTypes$i = {};
+var defaultProps$i = {};
 var MainNavbar = function MainNavbar(props) {
   var _usePanneau = contexts.usePanneau(),
-    name = _usePanneau.name;
+    name = _usePanneau.name,
+    _usePanneau$menus = _usePanneau.menus,
+    menus = _usePanneau$menus === void 0 ? null : _usePanneau$menus;
+  var _ref = menus || {},
+    _ref$main = _ref.main,
+    main = _ref$main === void 0 ? null : _ref$main,
+    _ref$guest = _ref.guest,
+    guest = _ref$guest === void 0 ? null : _ref$guest;
   var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
     background = _usePanneauColorSchem.background;
   var route = contexts.useUrlGenerator();
   var user = auth.useUser();
+  var items = React.useMemo(function () {
+    var menuItems = (user !== null ? main : guest) || [];
+    var hasResources = menuItems.indexOf('resources') !== -1;
+    var hasAccount = menuItems.indexOf('account') !== -1;
+    return [!hasResources && user !== null ? 'resources' : null].concat(_toConsumableArray__default["default"](menuItems), [!hasAccount && menuItems.indexOf('separator') === -1 ? 'separator' : null, !hasAccount ? 'account' : null]).filter(function (it) {
+      return it !== null;
+    }).reduce(function (currentItems, item) {
+      if (item === 'resources') {
+        return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement(ResourcesMenu, {
+          className: "navbar-nav",
+          itemClassName: "nav-item",
+          linkClassName: "nav-link"
+        })]);
+      }
+      if (item === 'account') {
+        return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement(AccountMenu, {
+          className: "navbar-nav",
+          itemClassName: "nav-item",
+          linkClassName: "nav-link"
+        })]);
+      }
+      if (item === 'separator') {
+        return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement("span", {
+          className: "ms-auto"
+        })]);
+      }
+      var lastItem = currentItems.length > 0 ? currentItems[currentItems.length - 1] : null;
+      return isArray__default["default"](lastItem) ? [].concat(_toConsumableArray__default["default"](currentItems.slice(0, currentItems.length - 1)), [[].concat(_toConsumableArray__default["default"](lastItem), [item])]) : [].concat(_toConsumableArray__default["default"](currentItems), [[item]]);
+    }, []).map(function (it) {
+      return isArray__default["default"](it) ? /*#__PURE__*/React__default["default"].createElement(Menu__default["default"], {
+        items: it,
+        className: "navbar-nav",
+        itemClassName: "nav-item",
+        linkClassName: "nav-link"
+      }) : it;
+    });
+  }, [main]);
   return /*#__PURE__*/React__default["default"].createElement(Navbar__default["default"], Object.assign({
     theme: background
   }, props), name !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
     to: route('home'),
     className: "navbar-brand"
-  }, name) : null, user !== null ? /*#__PURE__*/React__default["default"].createElement(ResourcesMenu, {
-    className: "navbar-nav ml-4",
-    itemClassName: "nav-item",
-    linkClassName: "nav-link"
-  }) : null, /*#__PURE__*/React__default["default"].createElement(AccountMenu, {
-    className: "navbar-nav ms-auto",
-    itemClassName: "nav-item",
-    linkClassName: "nav-link"
-  }));
+  }, name) : null, items);
 };
-MainNavbar.propTypes = propTypes$j;
-MainNavbar.defaultProps = defaultProps$j;
+MainNavbar.propTypes = propTypes$i;
+MainNavbar.defaultProps = defaultProps$i;
 
-var propTypes$i = {
+var propTypes$h = {
   children: PropTypes__default["default"].node.isRequired,
   fullscreen: PropTypes__default["default"].bool
 };
-var defaultProps$i = {
+var defaultProps$h = {
   fullscreen: false
 };
 var MainLayout = function MainLayout(_ref) {
@@ -501,17 +542,17 @@ var MainLayout = function MainLayout(_ref) {
     }, _defineProperty__default["default"](_ref2, "bg-".concat(background), background !== null), _defineProperty__default["default"](_ref2, "text-".concat(text), text !== null), _ref2)])
   }, children));
 };
-MainLayout.propTypes = propTypes$i;
-MainLayout.defaultProps = defaultProps$i;
+MainLayout.propTypes = propTypes$h;
+MainLayout.defaultProps = defaultProps$h;
 
-var propTypes$h = {
+var propTypes$g = {
   title: core.PropTypes.label,
   actions: PropTypes__default["default"].node,
   small: PropTypes__default["default"].bool,
   className: PropTypes__default["default"].string,
   children: PropTypes__default["default"].node
 };
-var defaultProps$h = {
+var defaultProps$g = {
   title: null,
   actions: null,
   small: false,
@@ -549,22 +590,22 @@ var PageHeader = function PageHeader(_ref) {
     className: "col-12 col-md-8 col-lg-7"
   }, inner)) : inner), children);
 };
-PageHeader.propTypes = propTypes$h;
-PageHeader.defaultProps = defaultProps$h;
+PageHeader.propTypes = propTypes$g;
+PageHeader.defaultProps = defaultProps$g;
 
-var propTypes$g = {
+var propTypes$f = {
   resource: core.PropTypes.resource.isRequired
 };
-var defaultProps$g = {};
+var defaultProps$f = {};
 var ResourceCreatePage = function ResourceCreatePage(_ref) {
   var resource = _ref.resource;
-  var history = reactRouter.useHistory();
+  var navigate = reactRouter.useNavigate();
   var _useLocation = reactRouter.useLocation(),
     search = _useLocation.search;
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var onSuccess = React.useCallback(function () {
-    history.push("".concat(resourceRoute('index'), "?created=true"));
-  }, [history, resourceRoute]);
+    navigate("".concat(resourceRoute('index'), "?created=true"));
+  }, [navigate, resourceRoute]);
   var _useMemo = React.useMemo(function () {
       return queryString.parse(search);
     }, [search]),
@@ -598,26 +639,26 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
     onSuccess: onSuccess
   }))))));
 };
-ResourceCreatePage.propTypes = propTypes$g;
-ResourceCreatePage.defaultProps = defaultProps$g;
+ResourceCreatePage.propTypes = propTypes$f;
+ResourceCreatePage.defaultProps = defaultProps$f;
 
 // import Button from '../buttons/Button';
 
-var propTypes$f = {
-  resource: core.PropTypes.resource.isRequired,
-  itemId: PropTypes__default["default"].string.isRequired
+var propTypes$e = {
+  resource: core.PropTypes.resource.isRequired
 };
-var defaultProps$f = {};
+var defaultProps$e = {};
 var ResourceDeletePage = function ResourceDeletePage(_ref) {
-  var resource = _ref.resource,
-    itemId = _ref.itemId;
-  var history = reactRouter.useHistory();
+  var resource = _ref.resource;
+  var _useParams = reactRouter.useParams(),
+    itemId = _useParams.id;
+  var navigate = reactRouter.useNavigate();
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var _useResourceItem = data.useResourceItem(resource, itemId),
     item = _useResourceItem.item;
   var onSuccess = React.useCallback(function () {
-    return history.push("".concat(resourceRoute('index'), "?deleted=true"));
-  }, [history, resourceRoute]);
+    return navigate("".concat(resourceRoute('index'), "?deleted=true"));
+  }, [navigate, resourceRoute]);
 
   // Navigate back
   var _ref2 = history || {},
@@ -656,19 +697,19 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
     isDelete: true
   }) : null)))));
 };
-ResourceDeletePage.propTypes = propTypes$f;
-ResourceDeletePage.defaultProps = defaultProps$f;
+ResourceDeletePage.propTypes = propTypes$e;
+ResourceDeletePage.defaultProps = defaultProps$e;
 
 // import Button from '../buttons/Button';
 
-var propTypes$e = {
-  resource: core.PropTypes.resource.isRequired,
-  itemId: PropTypes__default["default"].string.isRequired
+var propTypes$d = {
+  resource: core.PropTypes.resource.isRequired
 };
-var defaultProps$e = {};
+var defaultProps$d = {};
 var ResourceEditPage = function ResourceEditPage(_ref) {
-  var resource = _ref.resource,
-    itemId = _ref.itemId;
+  var resource = _ref.resource;
+  var _useParams = reactRouter.useParams(),
+    itemId = _useParams.id;
   var _useResourceItem = data.useResourceItem(resource, itemId),
     item = _useResourceItem.item;
   var _ref2 = item || {},
@@ -713,14 +754,14 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
     onSuccess: onSuccess
   }) : null)))));
 };
-ResourceEditPage.propTypes = propTypes$e;
-ResourceEditPage.defaultProps = defaultProps$e;
+ResourceEditPage.propTypes = propTypes$d;
+ResourceEditPage.defaultProps = defaultProps$d;
 
-var propTypes$d = {
+var propTypes$c = {
   resource: core.PropTypes.resource.isRequired,
   className: PropTypes__default["default"].string
 };
-var defaultProps$d = {
+var defaultProps$c = {
   className: null
 };
 var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
@@ -737,10 +778,9 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
     setDropdownOpened = _useState2[1];
   var onClickDropdown = React.useCallback(function (e) {
     e.preventDefault();
-    setDropdownOpened(function (opened) {
-      return !opened;
-    });
-  }, [setDropdownOpened]);
+    e.stopPropagation();
+    setDropdownOpened(!dropdownOpened);
+  }, [setDropdownOpened, dropdownOpened]);
   var finalTypes = types !== null ? types.filter(function (_ref2) {
     var _ref2$settings = _ref2.settings,
       _ref2$settings2 = _ref2$settings === void 0 ? {} : _ref2$settings,
@@ -750,8 +790,10 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
   }) : null;
   var hasMultipleTypes = finalTypes !== null && finalTypes.length > 1;
   var onDropdownClickOutside = React.useCallback(function () {
-    setDropdownOpened(false);
-  }, [setDropdownOpened]);
+    if (dropdownOpened) {
+      setDropdownOpened(false);
+    }
+  }, [setDropdownOpened, dropdownOpened]);
   var button = /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     href: !hasMultipleTypes ? "".concat(resourceRoute('create')).concat(finalTypes !== null && finalTypes.length === 1 ? "?type=".concat(finalTypes[0].id) : '') : '#',
     size: "lg",
@@ -788,11 +830,11 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
     onClickOutside: onDropdownClickOutside
   })) : button;
 };
-ResourceCreateButtom.propTypes = propTypes$d;
-ResourceCreateButtom.defaultProps = defaultProps$d;
+ResourceCreateButtom.propTypes = propTypes$c;
+ResourceCreateButtom.defaultProps = defaultProps$c;
 
-var _excluded$3 = ["component", "name", "groupLabel"];
-var propTypes$c = {
+var _excluded$4 = ["component", "name", "groupLabel"];
+var propTypes$b = {
   filters: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
     id: PropTypes__default["default"].string.isRequired,
     component: PropTypes__default["default"].string.isRequired
@@ -807,7 +849,7 @@ var propTypes$c = {
   // eslint-disable-line react/forbid-prop-types
   className: PropTypes__default["default"].string
 };
-var defaultProps$c = {
+var defaultProps$b = {
   filters: [],
   value: null,
   onChange: null,
@@ -856,7 +898,7 @@ var ResourceFilters = function ResourceFilters(_ref) {
     var component = _ref3.component,
       name = _ref3.name,
       groupLabel = _ref3.groupLabel,
-      filterProps = _objectWithoutProperties__default["default"](_ref3, _excluded$3);
+      filterProps = _objectWithoutProperties__default["default"](_ref3, _excluded$4);
     var FilterComponent = utils.getComponentFromName(component, FilterComponents, null);
     var filterValue = value !== null && value[name] ? value[name] : null;
     var onFilterChange = React.useCallback(function (newFilterValue) {
@@ -888,12 +930,12 @@ var ResourceFilters = function ResourceFilters(_ref) {
     icon: freeSolidSvgIcons.faUndo
   })) : null);
 };
-ResourceFilters.propTypes = propTypes$c;
-ResourceFilters.defaultProps = defaultProps$c;
+ResourceFilters.propTypes = propTypes$b;
+ResourceFilters.defaultProps = defaultProps$b;
 
-var _excluded$2 = ["component", "showPagination", "filters"],
+var _excluded$3 = ["component", "showPagination", "filters"],
   _excluded2$1 = ["page"];
-var propTypes$b = {
+var propTypes$a = {
   resource: core.PropTypes.resource.isRequired,
   query: PropTypes__default["default"].object,
   // eslint-disable-line react/forbid-prop-types
@@ -905,7 +947,7 @@ var propTypes$b = {
   onQueryChange: PropTypes__default["default"].func,
   onQueryReset: PropTypes__default["default"].func
 };
-var defaultProps$b = {
+var defaultProps$a = {
   query: null,
   paginated: true,
   component: null,
@@ -929,7 +971,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
     showPagination = _resource$index2$show === void 0 ? true : _resource$index2$show,
     _resource$index2$filt = _resource$index2.filters,
     filters = _resource$index2$filt === void 0 ? null : _resource$index2$filt,
-    listProps = _objectWithoutProperties__default["default"](_resource$index2, _excluded$2);
+    listProps = _objectWithoutProperties__default["default"](_resource$index2, _excluded$3);
   var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
     _usePanneauColorSchem2 = _usePanneauColorSchem.background,
     theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2;
@@ -979,16 +1021,16 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
     className: "mt-4 mb-1"
   }) : null);
 };
-ResourceItemsList.propTypes = propTypes$b;
-ResourceItemsList.defaultProps = defaultProps$b;
+ResourceItemsList.propTypes = propTypes$a;
+ResourceItemsList.defaultProps = defaultProps$a;
 
-var _excluded$1 = ["id", "component"];
-var propTypes$a = {
+var _excluded$2 = ["id", "component"];
+var propTypes$9 = {
   resource: core.PropTypes.resource.isRequired,
   defaultActions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object) // eslint-disable-line react/forbid-prop-types
 };
 
-var defaultProps$a = {
+var defaultProps$9 = {
   defaultActions: ['create']
 };
 var ResourceIndexPage = function ResourceIndexPage(_ref) {
@@ -1023,7 +1065,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
   var componentsManager = contexts.useComponentsManager();
   var _useLocation = reactRouter.useLocation(),
     search = _useLocation.search;
-  var history = reactRouter.useHistory();
+  var navigate = reactRouter.useNavigate();
   var query = React.useMemo(function () {
     return queryString.parse(search);
   }, [search]);
@@ -1042,19 +1084,21 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       var value = submitQuery[key];
       return value !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, currentQuery), {}, _defineProperty__default["default"]({}, key, value)) : currentQuery;
     }, null) : null;
-    history.push("".concat(url).concat(newQuery !== null ? "?".concat(queryString.stringify(newQuery, {
+    navigate("".concat(url).concat(newQuery !== null ? "?".concat(queryString.stringify(newQuery, {
       arrayFormat: 'bracket'
     })) : ''));
-  }, [history, url, query, paginated]);
+  }, [navigate, url, query, paginated]);
   var onQueryReset = React.useCallback(function () {
     var queryString$1 = queryString.stringify(null, {
       arrayFormat: 'bracket'
     });
-    history.push("".concat(url, "?").concat(queryString$1));
-  }, [history, url, paginated]);
+    navigate("".concat(url, "?").concat(queryString$1));
+  }, [navigate, url, paginated]);
   var onClickCloseAlert = React.useCallback(function () {
-    history.replace(url);
-  }, [history, url]);
+    navigate(url, {
+      replace: true
+    });
+  }, [navigate, url]);
   return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
     resource: resource
   }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
@@ -1065,7 +1109,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       var id = _ref5.id,
         _ref5$component = _ref5.component,
         component = _ref5$component === void 0 ? Button__default["default"] : _ref5$component,
-        actionProps = _objectWithoutProperties__default["default"](_ref5, _excluded$1);
+        actionProps = _objectWithoutProperties__default["default"](_ref5, _excluded$2);
       var ActionComponent = isString__default["default"](component) ? componentsManager.getComponent(component) : component;
       return ActionComponent !== null ? /*#__PURE__*/React__default["default"].createElement(ActionComponent, Object.assign({
         key: "action-".concat(id)
@@ -1112,13 +1156,13 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
     onQueryReset: onQueryReset
   }))));
 };
-ResourceIndexPage.propTypes = propTypes$a;
-ResourceIndexPage.defaultProps = defaultProps$a;
+ResourceIndexPage.propTypes = propTypes$9;
+ResourceIndexPage.defaultProps = defaultProps$9;
 
-var propTypes$9 = {
+var propTypes$8 = {
   resource: core.PropTypes.resource.isRequired
 };
-var defaultProps$9 = {};
+var defaultProps$8 = {};
 var ResourceShowPage = function ResourceShowPage(_ref) {
   var resource = _ref.resource;
   return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
@@ -1129,12 +1173,12 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
     className: "container-sm"
   }, "Show page")));
 };
-ResourceShowPage.propTypes = propTypes$9;
-ResourceShowPage.defaultProps = defaultProps$9;
+ResourceShowPage.propTypes = propTypes$8;
+ResourceShowPage.defaultProps = defaultProps$8;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$8 = {};
-var defaultProps$8 = {};
+var propTypes$7 = {};
+var defaultProps$7 = {};
 var HomePage = function HomePage() {
   var route = contexts.useUrlGenerator();
   var resources = contexts.usePanneauResources();
@@ -1170,26 +1214,26 @@ var HomePage = function HomePage() {
     }));
   })));
 };
-HomePage.propTypes = propTypes$8;
-HomePage.defaultProps = defaultProps$8;
+HomePage.propTypes = propTypes$7;
+HomePage.defaultProps = defaultProps$7;
 
-var propTypes$7 = {};
-var defaultProps$7 = {};
+var propTypes$6 = {};
+var defaultProps$6 = {};
 var AccountPage = function AccountPage() {
   return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "container-sm py-4"
   }, "Account page"));
 };
-AccountPage.propTypes = propTypes$7;
-AccountPage.defaultProps = defaultProps$7;
+AccountPage.propTypes = propTypes$6;
+AccountPage.defaultProps = defaultProps$6;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$6 = {
+var propTypes$5 = {
   fields: core.PropTypes.fields,
   className: PropTypes__default["default"].string,
   onSuccess: PropTypes__default["default"].func
 };
-var defaultProps$6 = {
+var defaultProps$5 = {
   fields: [{
     name: 'email',
     type: 'email',
@@ -1261,14 +1305,14 @@ var LoginForm = function LoginForm(_ref) {
     })
   });
 };
-LoginForm.propTypes = propTypes$6;
-LoginForm.defaultProps = defaultProps$6;
+LoginForm.propTypes = propTypes$5;
+LoginForm.defaultProps = defaultProps$5;
 
-var propTypes$5 = {
+var propTypes$4 = {
   children: PropTypes__default["default"].node.isRequired,
   fullscreen: PropTypes__default["default"].bool
 };
-var defaultProps$5 = {
+var defaultProps$4 = {
   fullscreen: false
 };
 var GuestLayout = function GuestLayout(_ref) {
@@ -1294,12 +1338,12 @@ var GuestLayout = function GuestLayout(_ref) {
     })
   }, children)));
 };
-GuestLayout.propTypes = propTypes$5;
-GuestLayout.defaultProps = defaultProps$5;
+GuestLayout.propTypes = propTypes$4;
+GuestLayout.defaultProps = defaultProps$4;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$4 = {};
-var defaultProps$4 = {};
+var propTypes$3 = {};
+var defaultProps$3 = {};
 var LoginPage = function LoginPage() {
   var route = contexts.useUrlGenerator();
   var onSuccess = React.useCallback(function () {
@@ -1325,8 +1369,8 @@ var LoginPage = function LoginPage() {
     onSuccess: onSuccess
   })))));
 };
-LoginPage.propTypes = propTypes$4;
-LoginPage.defaultProps = defaultProps$4;
+LoginPage.propTypes = propTypes$3;
+LoginPage.defaultProps = defaultProps$3;
 
 var messages = reactIntl.defineMessages({
   metaTitle401: {
@@ -1421,10 +1465,10 @@ var messages = reactIntl.defineMessages({
     }]
   }
 });
-var propTypes$3 = {
+var propTypes$2 = {
   statusCode: core.PropTypes.statusCode
 };
-var defaultProps$3 = {
+var defaultProps$2 = {
   statusCode: null
 };
 var ErrorPage = function ErrorPage(_ref) {
@@ -1439,37 +1483,20 @@ var ErrorPage = function ErrorPage(_ref) {
     className: "col-12 col-sm-8 col-md-6"
   }, /*#__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)]))))));
 };
-ErrorPage.propTypes = propTypes$3;
-ErrorPage.defaultProps = defaultProps$3;
-
-var basePages = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    ResourceCreate: ResourceCreatePage,
-    ResourceDelete: ResourceDeletePage,
-    ResourceEdit: ResourceEditPage,
-    ResourceIndex: ResourceIndexPage,
-    ResourceShow: ResourceShowPage,
-    Home: HomePage,
-    Account: AccountPage,
-    Login: LoginPage,
-    Error: ErrorPage
-});
+ErrorPage.propTypes = propTypes$2;
+ErrorPage.defaultProps = defaultProps$2;
 
-var _excluded = ["path", "component", "exact"],
-  _excluded2 = ["id"];
-var propTypes$2 = {
-  resource: core.PropTypes.resource.isRequired
-};
-var defaultProps$2 = {};
-var ResourceRoutes = function ResourceRoutes(_ref) {
-  var resource = _ref.resource;
+var _excluded$1 = ["path", "component", "exact"];
+var createResourceRoutes = function createResourceRoutes(resource, _ref) {
+  var route = _ref.route,
+    componentsManager = _ref.componentsManager,
+    _ref$pages = _ref.pages,
+    pages = _ref$pages === void 0 ? {} : _ref$pages;
   var resourceId = resource.id,
     _resource$pages = resource.pages,
-    pages = _resource$pages === void 0 ? {} : _resource$pages,
+    resourcePages = _resource$pages === void 0 ? {} : _resource$pages,
     _resource$extraRoutes = resource.extraRoutes,
     extraRoutes = _resource$extraRoutes === void 0 ? [] : _resource$extraRoutes;
-  var route = contexts.useUrlGenerator();
-  var componentsManager = contexts.useComponentsManager();
 
   // Load custom pages from resource
   var _ref2 = pages || {},
@@ -1483,96 +1510,85 @@ var ResourceRoutes = function ResourceRoutes(_ref) {
     editPage = _ref2$edit === void 0 ? null : _ref2$edit,
     _ref2$delete = _ref2["delete"],
     deletePage = _ref2$delete === void 0 ? null : _ref2$delete;
-  var ResourceIndexComponent = indexPage !== null && typeof indexPage.component !== 'undefined' ? componentsManager.getComponent(indexPage.component) : ResourceIndexPage;
-  var ResourceShowComponent = showPage !== null && typeof showPage.component !== 'undefined' ? componentsManager.getComponent(showPage.component) : ResourceShowPage;
-  var ResourceCreateComponent = createPage !== null && typeof createPage.component !== 'undefined' ? componentsManager.getComponent(createPage.component) : ResourceCreatePage;
-  var ResourceEditComponent = editPage !== null && typeof editPage.component !== 'undefined' ? componentsManager.getComponent(editPage.component) : ResourceEditPage;
-  var ResourceDeleteComponent = deletePage !== null && typeof deletePage.component !== 'undefined' ? componentsManager.getComponent(deletePage.component) : ResourceDeletePage;
-  return /*#__PURE__*/React__default["default"].createElement(reactRouter.Switch, null, extraRoutes.map(function (_ref3) {
-    var path = _ref3.path,
-      component = _ref3.component,
-      _ref3$exact = _ref3.exact,
-      exact = _ref3$exact === void 0 ? true : _ref3$exact,
-      pageProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
-    var RouteComponent = componentsManager.getComponent(component);
-    return RouteComponent !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
-      key: "route-".concat(path),
-      path: path,
-      exact: exact,
-      render: function render(_ref4) {
-        var _ref4$match$params = _ref4.match.params,
-          id = _ref4$match$params.id,
-          params = _objectWithoutProperties__default["default"](_ref4$match$params, _excluded2);
-        return /*#__PURE__*/React__default["default"].createElement(RouteComponent, Object.assign({
-          resource: resource,
-          itemId: id
-        }, pageProps, params));
-      }
-    }) : null;
-  }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+  var _ref3 = resourcePages || {},
+    _ref3$index = _ref3.index,
+    resourceIndexPage = _ref3$index === void 0 ? null : _ref3$index,
+    _ref3$show = _ref3.show,
+    resourceShowPage = _ref3$show === void 0 ? null : _ref3$show,
+    _ref3$create = _ref3.create,
+    resourceCreatePage = _ref3$create === void 0 ? null : _ref3$create,
+    _ref3$edit = _ref3.edit,
+    resourceEditPage = _ref3$edit === void 0 ? null : _ref3$edit,
+    _ref3$delete = _ref3["delete"],
+    resourceDeletePage = _ref3$delete === void 0 ? null : _ref3$delete;
+  var ResourceIndexComponent = componentsManager.getComponent(resourceIndexPage === null || resourceIndexPage === void 0 ? void 0 : resourceIndexPage.component) || componentsManager.getComponent(indexPage === null || indexPage === void 0 ? void 0 : indexPage.component) || ResourceIndexPage;
+  var ResourceShowComponent = componentsManager.getComponent(resourceShowPage === null || resourceShowPage === void 0 ? void 0 : resourceShowPage.component) || componentsManager.getComponent(showPage === null || showPage === void 0 ? void 0 : showPage.component) || ResourceShowPage;
+  var ResourceCreateComponent = componentsManager.getComponent(resourceCreatePage === null || resourceCreatePage === void 0 ? void 0 : resourceCreatePage.component) || componentsManager.getComponent(createPage === null || createPage === void 0 ? void 0 : createPage.component) || ResourceCreatePage;
+  var ResourceEditComponent = componentsManager.getComponent(resourceEditPage === null || resourceEditPage === void 0 ? void 0 : resourceEditPage.component) || componentsManager.getComponent(editPage === null || editPage === void 0 ? void 0 : editPage.component) || ResourceEditPage;
+  var ResourceDeleteComponent = componentsManager.getComponent(resourceDeletePage === null || resourceDeletePage === void 0 ? void 0 : resourceDeletePage.component) || componentsManager.getComponent(deletePage === null || deletePage === void 0 ? void 0 : deletePage.component) || ResourceDeletePage;
+  return [/*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: route('resources.index', {
       resource: resourceId
     }),
     exact: true,
-    render: function render() {
-      return /*#__PURE__*/React__default["default"].createElement(ResourceIndexComponent, {
-        resource: resource
-      });
-    }
+    element: /*#__PURE__*/React__default["default"].createElement(ResourceIndexComponent, {
+      resource: resource
+    })
   }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: route('resources.create', {
       resource: resourceId
     }),
     exact: true,
-    render: function render() {
-      return /*#__PURE__*/React__default["default"].createElement(ResourceCreateComponent, {
-        resource: resource
-      });
-    }
+    element: /*#__PURE__*/React__default["default"].createElement(ResourceCreateComponent, {
+      resource: resource
+    })
   }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: route('resources.show', {
       resource: resourceId,
       id: ':id'
     }),
     exact: true,
-    render: function render(_ref5) {
-      var id = _ref5.match.params.id;
-      return /*#__PURE__*/React__default["default"].createElement(ResourceShowComponent, {
-        resource: resource,
-        itemId: id
-      });
-    }
+    element: /*#__PURE__*/React__default["default"].createElement(ResourceShowComponent, {
+      resource: resource
+    })
   }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: route('resources.edit', {
       resource: resourceId,
       id: ':id'
     }),
     exact: true,
-    render: function render(_ref6) {
-      var id = _ref6.match.params.id;
-      return /*#__PURE__*/React__default["default"].createElement(ResourceEditComponent, {
-        resource: resource,
-        itemId: id
-      });
-    }
+    element: /*#__PURE__*/React__default["default"].createElement(ResourceEditComponent, {
+      resource: resource
+    })
   }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: route('resources.delete', {
       resource: resourceId,
       id: ':id'
     }),
     exact: true,
-    render: function render(_ref7) {
-      var id = _ref7.match.params.id;
-      return /*#__PURE__*/React__default["default"].createElement(ResourceDeleteComponent, {
-        resource: resource,
-        itemId: id
-      });
-    }
-  }));
+    element: /*#__PURE__*/React__default["default"].createElement(ResourceDeleteComponent, {
+      resource: resource
+    })
+  })].concat(_toConsumableArray__default["default"](extraRoutes.map(function (_ref4) {
+    var path = _ref4.path,
+      component = _ref4.component,
+      _ref4$exact = _ref4.exact,
+      exact = _ref4$exact === void 0 ? true : _ref4$exact,
+      pageProps = _objectWithoutProperties__default["default"](_ref4, _excluded$1);
+    var RouteComponent = componentsManager.getComponent(component);
+    return RouteComponent !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+      key: "route-".concat(path),
+      path: path,
+      exact: exact,
+      element: /*#__PURE__*/React__default["default"].createElement(RouteComponent, Object.assign({
+        resource: resource
+      }, pageProps))
+    }) : null;
+  })));
 };
-ResourceRoutes.propTypes = propTypes$2;
-ResourceRoutes.defaultProps = defaultProps$2;
 
+var _excluded = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete"],
+  _excluded2 = ["path", "route", "component", "exact"];
 var propTypes$1 = {
   statusCode: core.PropTypes.statusCode
 };
@@ -1581,13 +1597,9 @@ var defaultProps$1 = {
 };
 var PanneauRoutes = function PanneauRoutes(_ref) {
   var initialStatusCode = _ref.statusCode;
-  var _usePanneau = contexts.usePanneau(),
-    _usePanneau$pages = _usePanneau.pages,
-    pages = _usePanneau$pages === void 0 ? {} : _usePanneau$pages;
   var routes = contexts.useRoutes();
   var _useLocation = reactRouter.useLocation(),
-    pathname = _useLocation.pathname; // search
-
+    pathname = _useLocation.pathname;
   var _useState = React.useState({
       statusCode: initialStatusCode,
       pathname: pathname
@@ -1595,27 +1607,26 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     _useState2$ = _useState2[0],
     statusCode = _useState2$.statusCode,
-    initialPathname = _useState2$.pathname,
+    lastPathname = _useState2$.pathname,
     setInitialRequest = _useState2[1];
   var user = auth.useUser();
   var route = contexts.useUrlGenerator();
   var resources = contexts.usePanneauResources();
-
-  // const nextUrl = useMemo(() => {
-  //     const query = parseQuery(search);
-  //     return query !== null ? query.next || null : null;
-  // }, [search]);
-
+  var componentsManager = contexts.usePagesComponentsManager();
   React.useEffect(function () {
-    if (pathname !== initialPathname) {
+    if (pathname !== lastPathname) {
       setInitialRequest({
         pathname: pathname,
         statusCode: null
       });
     }
-  }, [pathname, initialPathname]);
+  }, [pathname, lastPathname]);
 
   // Custom Pages
+  var _usePanneau = contexts.usePanneau(),
+    _usePanneau$pages = _usePanneau.pages,
+    pages = _usePanneau$pages === void 0 ? null : _usePanneau$pages,
+    routesDefinition = _usePanneau.routes;
   var _ref2 = pages || {},
     _ref2$home = _ref2.home,
     homePage = _ref2$home === void 0 ? null : _ref2$home,
@@ -1625,55 +1636,94 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
     accountPage = _ref2$account === void 0 ? null : _ref2$account,
     _ref2$error = _ref2.error,
     errorPage = _ref2$error === void 0 ? null : _ref2$error;
-  var HomeComponent = utils.getComponentFromName((homePage === null || homePage === void 0 ? void 0 : homePage.component) || 'home', basePages, homePage === null || homePage === void 0 ? void 0 : homePage.component);
-  var LoginComponent = utils.getComponentFromName((loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || 'login', basePages, loginPage === null || loginPage === void 0 ? void 0 : loginPage.component);
-  var AccountComponent = utils.getComponentFromName((accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || 'account', basePages, accountPage === null || accountPage === void 0 ? void 0 : accountPage.component);
-  var ErrorComponent = utils.getComponentFromName((errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || 'error', basePages, errorPage === null || errorPage === void 0 ? void 0 : errorPage.component);
-  return /*#__PURE__*/React__default["default"].createElement(reactRouter.Switch, null, statusCode !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
-    path: "*",
-    render: function render() {
-      return /*#__PURE__*/React__default["default"].createElement(ErrorComponent, {
-        statusCode: statusCode
-      });
-    }
-  }) : null, user === null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
-    path: "*",
-    exact: true,
-    component: LoginComponent
-  }) : null, user !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+    _ref2.index;
+    _ref2.show;
+    _ref2.create;
+    _ref2.edit;
+    _ref2["delete"];
+    var otherPages = _objectWithoutProperties__default["default"](_ref2, _excluded);
+  var customRoutes = React.useMemo(function () {
+    return [].concat(_toConsumableArray__default["default"](Object.keys(routesDefinition).filter(function (key) {
+      return key.match(/^(resources\.|auth\.)/) === null && key !== 'home' && key !== 'account';
+    }).filter(function (key) {
+      var routeDef = routesDefinition[key];
+      return isObject__default["default"](routeDef) && typeof routeDef.component !== 'undefined' && typeof routeDef.path !== 'undefined';
+    }).map(function (key) {
+      return routesDefinition[key];
+    })), _toConsumableArray__default["default"](Object.keys(otherPages).map(function (key) {
+      return otherPages[key];
+    }).filter(function (_ref3) {
+      var _ref3$path = _ref3.path,
+        path = _ref3$path === void 0 ? null : _ref3$path,
+        _ref3$route = _ref3.route,
+        pageRoute = _ref3$route === void 0 ? null : _ref3$route;
+      return path !== null || pageRoute !== null;
+    })));
+  }, [routesDefinition, otherPages]);
+  var HomeComponent = componentsManager.getComponent(homePage === null || homePage === void 0 ? void 0 : homePage.component) || HomePage;
+  var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage;
+  var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage;
+  var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage;
+
+  // If there is an error status code
+  if (statusCode !== null) {
+    return /*#__PURE__*/React__default["default"].createElement(ErrorComponent, {
+      statusCode: statusCode
+    });
+  }
+
+  // If user is unauthenticated
+  if (user === null) {
+    return /*#__PURE__*/React__default["default"].createElement(reactRouter.Routes, null, /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+      path: routes['auth.login'],
+      exact: true,
+      element: /*#__PURE__*/React__default["default"].createElement(LoginComponent, null)
+    }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+      path: "*",
+      element: /*#__PURE__*/React__default["default"].createElement(reactRouter.Navigate, {
+        to: "".concat(route('auth.login'), "?next=").concat(encodeURIComponent(pathname)),
+        replace: true
+      })
+    }));
+  }
+
+  // Normal routes
+  return /*#__PURE__*/React__default["default"].createElement(reactRouter.Routes, null, /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: routes.home,
     exact: true,
-    component: HomeComponent
-  }) : /*#__PURE__*/React__default["default"].createElement(reactRouter.Redirect, {
-    from: routes.home,
-    exact: true,
-    to: route('login')
+    element: /*#__PURE__*/React__default["default"].createElement(HomeComponent, null)
   }), resources.map(function (resource) {
-    var _ref3 = resource || {},
-      resourceId = _ref3.id;
-    return user !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
-      key: "resource-".concat(resourceId),
-      path: route('resources.index', {
-        resource: resourceId
-      }),
-      render: function render() {
-        return /*#__PURE__*/React__default["default"].createElement(ResourceRoutes, {
-          resource: resource
-        });
-      }
-    }) : /*#__PURE__*/React__default["default"].createElement(reactRouter.Redirect, {
-      key: "resource-".concat(resourceId),
-      from: route('resources.index', {
-        resource: resourceId
-      }),
-      to: "".concat(route('login'), "?next=").concat(encodeURIComponent(pathname))
-    });
+    var _ref4 = resource || {},
+      resourceId = _ref4.id;
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
+      key: "resource-".concat(resourceId)
+    }, createResourceRoutes(resource, {
+      route: route,
+      componentsManager: componentsManager,
+      pages: pages
+    }));
   }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
-    path: route('auth.account'),
-    component: AccountComponent
+    path: routes.account,
+    exact: true,
+    element: /*#__PURE__*/React__default["default"].createElement(AccountComponent, null)
+  }), customRoutes.map(function (_ref5) {
+    var _ref5$path = _ref5.path,
+      path = _ref5$path === void 0 ? null : _ref5$path,
+      _ref5$route = _ref5.route,
+      pageRoute = _ref5$route === void 0 ? null : _ref5$route,
+      component = _ref5.component,
+      _ref5$exact = _ref5.exact,
+      exact = _ref5$exact === void 0 ? true : _ref5$exact,
+      props = _objectWithoutProperties__default["default"](_ref5, _excluded2);
+    var PageComponent = componentsManager.getComponent(component);
+    return PageComponent !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+      path: path || routes[pageRoute],
+      exact: exact,
+      element: /*#__PURE__*/React__default["default"].createElement(PageComponent, props)
+    }) : null;
   }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: "*",
-    component: ErrorComponent
+    element: /*#__PURE__*/React__default["default"].createElement(ErrorComponent, null)
   }));
 };
 PanneauRoutes.propTypes = propTypes$1;