@panneau/app 2.0.92 → 3.0.0

package/lib/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var routes = require('@folklore/routes');
 var PropTypes = require('prop-types');
 var React = require('react');
-var reactRouter = require('react-router');
-var reactRouterDom = require('react-router-dom');
+var wouter = require('wouter');
 var auth = require('@panneau/auth');
 var core = require('@panneau/core');
 var contexts = require('@panneau/core/contexts');
@@ -30,6 +30,7 @@ var ResourceForm = require('@panneau/form-resource');
 var classNames = require('classnames');
 var elementModal = require('@panneau/element-modal');
 var isArray = require('lodash/isArray');
+var Link = require('@panneau/element-link');
 var Menu = require('@panneau/element-menu');
 var Navbar = require('@panneau/element-navbar');
 var Label = require('@panneau/element-label');
@@ -61,6 +62,7 @@ var queryString__default = /*#__PURE__*/_interopDefaultLegacy(queryString);
 var ResourceForm__default = /*#__PURE__*/_interopDefaultLegacy(ResourceForm);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
+var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
 var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu);
 var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
@@ -169,8 +171,9 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
   var className = _ref.className,
     itemClassName = _ref.itemClassName,
     linkClassName = _ref.linkClassName;
-  var _useLocation = reactRouter.useLocation(),
-    pathname = _useLocation.pathname;
+  var _useLocation = routes.useLocation(),
+    _useLocation2 = _slicedToArray__default["default"](_useLocation, 1),
+    pathname = _useLocation2[0].pathname;
   var resources = contexts.usePanneauResources();
   var resourceRoute = hooks.useResourceUrlGenerator();
   var items = React.useMemo(function () {
@@ -259,8 +262,8 @@ var MainNavbar = function MainNavbar(props) {
   }, [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'),
+  }, props), name !== null ? /*#__PURE__*/React__default["default"].createElement(Link__default["default"], {
+    href: route('home'),
     className: "navbar-brand"
   }, name) : null, items);
 };
@@ -356,9 +359,10 @@ var propTypes$e = {
 var defaultProps$d = {};
 var ResourceCreatePage = function ResourceCreatePage(_ref) {
   var resource = _ref.resource;
-  var navigate = reactRouter.useNavigate();
-  var _useLocation = reactRouter.useLocation(),
-    search = _useLocation.search;
+  var _useLocation = routes.useLocation(),
+    _useLocation2 = _slicedToArray__default["default"](_useLocation, 2),
+    search = _useLocation2[0].search,
+    navigate = _useLocation2[1];
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var _useMemo = React.useMemo(function () {
       return queryString__default["default"].parse(search);
@@ -402,16 +406,17 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
 ResourceCreatePage.propTypes = propTypes$e;
 ResourceCreatePage.defaultProps = defaultProps$d;
 
-// import PropTypes from 'prop-types';
 var propTypes$d = {
+  itemId: PropTypes__default["default"].string.isRequired,
   resource: core.PropTypes.resource.isRequired
 };
 var defaultProps$c = {};
 var ResourceDeletePage = function ResourceDeletePage(_ref) {
-  var resource = _ref.resource;
-  var _useParams = reactRouter.useParams(),
-    itemId = _useParams.id;
-  var navigate = reactRouter.useNavigate();
+  var itemId = _ref.itemId,
+    resource = _ref.resource;
+  var _useLocation = routes.useLocation(),
+    _useLocation2 = _slicedToArray__default["default"](_useLocation, 2),
+    navigate = _useLocation2[1];
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var _useResourceItem = data.useResourceItem(resource, itemId),
     item = _useResourceItem.item;
@@ -457,13 +462,13 @@ ResourceDeletePage.propTypes = propTypes$d;
 ResourceDeletePage.defaultProps = defaultProps$c;
 
 var propTypes$c = {
+  itemId: PropTypes__default["default"].string.isRequired,
   resource: core.PropTypes.resource.isRequired
 };
 var defaultProps$b = {};
 var ResourceEditPage = function ResourceEditPage(_ref) {
-  var resource = _ref.resource;
-  var _useParams = reactRouter.useParams(),
-    itemId = _useParams.id;
+  var itemId = _ref.itemId,
+    resource = _ref.resource;
   var _useResourceItem = data.useResourceItem(resource, itemId),
     item = _useResourceItem.item;
   var _ref2 = item || {},
@@ -654,9 +659,10 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
   }, [canCreate, actions]);
   var resourceValues = intl.useResourceValues(resource);
   var componentsManager = contexts.useComponentsManager();
-  var _useLocation = reactRouter.useLocation(),
-    search = _useLocation.search;
-  var navigate = reactRouter.useNavigate();
+  var _useLocation = routes.useLocation(),
+    _useLocation2 = _slicedToArray__default["default"](_useLocation, 2),
+    search = _useLocation2[0].search,
+    navigate = _useLocation2[1];
   var query = React.useMemo(function () {
     return queryString__default["default"].parse(search);
   }, [search]);
@@ -752,14 +758,14 @@ ResourceIndexPage.propTypes = propTypes$9;
 ResourceIndexPage.defaultProps = defaultProps$9;
 
 var propTypes$8 = {
-  resource: core.PropTypes.resource.isRequired
+  resource: core.PropTypes.resource.isRequired,
+  itemId: PropTypes__default["default"].string.isRequired
 };
 var defaultProps$8 = {};
 var ResourceShowPage = function ResourceShowPage(_ref) {
-  var resource = _ref.resource;
+  var resource = _ref.resource,
+    itemId = _ref.itemId;
   var name = resource.name;
-  var _useParams = reactRouter.useParams(),
-    itemId = _useParams.id;
   var _useResourceItem = data.useResourceItem(resource, itemId),
     item = _useResourceItem.item;
   var _ref2 = item || {},
@@ -805,10 +811,10 @@ var HomePage = function HomePage() {
     var _ref2 = resource || {},
       resourceId = _ref2.id;
     var resourceValues = intl.useResourceValues(resource);
-    return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
+    return /*#__PURE__*/React__default["default"].createElement(Link__default["default"], {
       className: "d-block my-2",
       key: "resource-link-".concat(resourceId),
-      to: route('resources.index', {
+      href: route('resources.index', {
         resource: resourceId
       })
     }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
@@ -1063,7 +1069,7 @@ var ErrorPage = function ErrorPage(_ref) {
 ErrorPage.propTypes = propTypes$2;
 ErrorPage.defaultProps = defaultProps$2;
 
-var _excluded$1 = ["path", "component", "exact"];
+var _excluded$1 = ["path", "component"];
 var createResourceRoutes = function createResourceRoutes(resource, _ref) {
   var route = _ref.route,
     componentsManager = _ref.componentsManager,
@@ -1103,74 +1109,73 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
   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, {
-    key: "".concat(resourceId, "-index"),
-    path: route('resources.index', {
-      resource: resourceId
-    }),
-    exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(ResourceIndexComponent, {
-      resource: resource
-    })
-  }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+  return [/*#__PURE__*/React__default["default"].createElement(wouter.Route, {
     key: "".concat(resourceId, "-create"),
     path: route('resources.create', {
       resource: resourceId
     }),
-    exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(ResourceCreateComponent, {
+    exact: true
+  }, function () {
+    return /*#__PURE__*/React__default["default"].createElement(ResourceCreateComponent, {
       resource: resource
-    })
-  }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+    });
+  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
     key: "".concat(resourceId, "-show"),
     path: route('resources.show', {
       resource: resourceId,
       id: ':id'
-    }),
-    exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(ResourceShowComponent, {
-      resource: resource
     })
-  }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+  }, function () {
+    return /*#__PURE__*/React__default["default"].createElement(ResourceShowComponent, {
+      resource: resource
+    });
+  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
     key: "".concat(resourceId, "-edit"),
     path: route('resources.edit', {
       resource: resourceId,
       id: ':id'
-    }),
-    exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(ResourceEditComponent, {
-      resource: resource
     })
-  }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+  }, function () {
+    return /*#__PURE__*/React__default["default"].createElement(ResourceEditComponent, {
+      resource: resource
+    });
+  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
     key: "".concat(resourceId, "-delete"),
     path: route('resources.delete', {
       resource: resourceId,
       id: ':id'
-    }),
-    exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(ResourceDeleteComponent, {
-      resource: resource
     })
+  }, function () {
+    return /*#__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, {
+    return RouteComponent !== null ? /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
       key: "route-".concat(path),
-      path: path,
-      exact: exact,
-      element: /*#__PURE__*/React__default["default"].createElement(RouteComponent, Object.assign({
+      path: path
+    }, function () {
+      return /*#__PURE__*/React__default["default"].createElement(RouteComponent, Object.assign({
         resource: resource
-      }, pageProps))
+      }, pageProps));
     }) : null;
-  })));
+  })), [/*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+    key: "".concat(resourceId, "-index"),
+    path: route('resources.index', {
+      resource: resourceId
+    })
+  }, function () {
+    return /*#__PURE__*/React__default["default"].createElement(ResourceIndexComponent, {
+      resource: resource
+    });
+  })]);
 };
 
 var _excluded = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete"],
-  _excluded2 = ["path", "route", "component", "exact"];
+  _excluded2 = ["path", "route", "component"];
 var propTypes$1 = {
   statusCode: core.PropTypes.statusCode
 };
@@ -1179,9 +1184,10 @@ var defaultProps$1 = {
 };
 var PanneauRoutes = function PanneauRoutes(_ref) {
   var initialStatusCode = _ref.statusCode;
-  var routes = contexts.useRoutes();
-  var _useLocation = reactRouter.useLocation(),
-    pathname = _useLocation.pathname;
+  var routes$1 = contexts.useRoutes();
+  var _useLocation = routes.useLocation(),
+    _useLocation2 = _slicedToArray__default["default"](_useLocation, 1),
+    pathname = _useLocation2[0].pathname;
   var _useState = React.useState({
       statusCode: initialStatusCode,
       pathname: pathname
@@ -1256,32 +1262,21 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
 
   // 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, loginPage)
-    }), /*#__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
-      })
-    }));
+    return /*#__PURE__*/React__default["default"].createElement(wouter.Switch, null, /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+      path: routes$1['auth.login']
+    }, /*#__PURE__*/React__default["default"].createElement(LoginComponent, loginPage)), /*#__PURE__*/React__default["default"].createElement(wouter.Route, null, /*#__PURE__*/React__default["default"].createElement(wouter.Redirect, {
+      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,
-    element: /*#__PURE__*/React__default["default"].createElement(HomeComponent, homePage)
-  }), user !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
-    path: routes['auth.login'],
-    exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(reactRouter.Navigate, {
-      to: routes.home,
-      replace: true
-    })
-  }) : null, resources.map(function (resource) {
+  return /*#__PURE__*/React__default["default"].createElement(wouter.Switch, null, user !== null ? /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+    path: routes$1['auth.login']
+  }, /*#__PURE__*/React__default["default"].createElement(wouter.Redirect, {
+    to: routes$1.home,
+    replace: true
+  })) : null, resources.map(function (resource) {
     var _ref4 = resource || {},
       resourceId = _ref4.id;
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
@@ -1291,35 +1286,29 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
       componentsManager: componentsManager,
       pages: pages
     }));
-  }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
-    path: routes.account,
-    exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(AccountComponent, accountPage)
-  }), customRoutes.map(function (_ref5) {
+  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+    path: routes$1.account
+  }, /*#__PURE__*/React__default["default"].createElement(AccountComponent, accountPage)), 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);
-    var finalPath = path || routes[pageRoute];
-    return PageComponent !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
+    var finalPath = path || routes$1[pageRoute];
+    return PageComponent !== null ? /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
       key: "custom-route-".concat(finalPath),
-      path: path || routes[pageRoute],
-      exact: exact,
-      element: /*#__PURE__*/React__default["default"].createElement(PageComponent, props)
-    }) : null;
-  }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
-    path: "*",
-    element: /*#__PURE__*/React__default["default"].createElement(ErrorComponent, null)
-  }));
+      path: path || routes$1[pageRoute]
+    }, /*#__PURE__*/React__default["default"].createElement(PageComponent, props)) : null;
+  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+    path: routes$1.home
+  }, /*#__PURE__*/React__default["default"].createElement(HomeComponent, homePage)), /*#__PURE__*/React__default["default"].createElement(wouter.Route, null, /*#__PURE__*/React__default["default"].createElement(ErrorComponent, null)));
 };
 PanneauRoutes.propTypes = propTypes$1;
 PanneauRoutes.defaultProps = defaultProps$1;
 
+var pathToRegexpMatcher = routes.createPathToRegexpMatcher();
 var propTypes = {
   definition: core.PropTypes.panneauDefinition.isRequired,
   components: PropTypes__default["default"].oneOfType([PropTypes__default["default"].objectOf(PropTypes__default["default"].elementType), PropTypes__default["default"].objectOf(PropTypes__default["default"].objectOf(PropTypes__default["default"].elementType))]),
@@ -1352,12 +1341,12 @@ var Container = function Container(_ref) {
     _definition$intl2$loc2 = _definition$intl2.locales,
     locales = _definition$intl2$loc2 === void 0 ? [] : _definition$intl2$loc2,
     _definition$routes = definition.routes,
-    routes = _definition$routes === void 0 ? {} : _definition$routes,
+    routes$1 = _definition$routes === void 0 ? {} : _definition$routes,
     _definition$settings = definition.settings,
     _definition$settings2 = _definition$settings === void 0 ? {} : _definition$settings,
     _definition$settings3 = _definition$settings2.memoryRouter,
     usesMemoryRouter = _definition$settings3 === void 0 ? false : _definition$settings3;
-  var Router = memoryRouter || usesMemoryRouter ? reactRouter.MemoryRouter : reactRouterDom.BrowserRouter;
+  var isMemoryRouter = memoryRouter || usesMemoryRouter || false;
   var extraMessages = React.useMemo(function () {
     var _definition$intl3 = definition.intl,
       _definition$intl4 = _definition$intl3 === void 0 ? {} : _definition$intl3,
@@ -1382,14 +1371,18 @@ var Container = function Container(_ref) {
   var onLogout = React.useCallback(function () {
     window.location.reload();
   }, [baseUrl]);
-  return /*#__PURE__*/React__default["default"].createElement(Router, null, /*#__PURE__*/React__default["default"].createElement(intl.IntlProvider, {
+  var memoryLocationHook = routes.useMemoryLocationHook();
+  return /*#__PURE__*/React__default["default"].createElement(wouter.Router, {
+    hook: isMemoryRouter ? memoryLocationHook : null,
+    matcher: pathToRegexpMatcher
+  }, /*#__PURE__*/React__default["default"].createElement(intl.IntlProvider, {
     locale: locale,
     locales: locales,
     extraMessages: extraMessages
   }, /*#__PURE__*/React__default["default"].createElement(contexts.PanneauProvider, {
     definition: definition
   }, /*#__PURE__*/React__default["default"].createElement(contexts.UppyProvider, uppy, /*#__PURE__*/React__default["default"].createElement(contexts.RoutesProvider, {
-    routes: routes
+    routes: routes$1
   }, /*#__PURE__*/React__default["default"].createElement(FieldsProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(FormsProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(ListsProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(DisplaysProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(FiltersProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(contexts.ModalProvider, null, /*#__PURE__*/React__default["default"].createElement(ModalsProvider__default["default"], null, /*#__PURE__*/React__default["default"].createElement(data.ApiProvider, {
     baseUrl: baseUrl,
     onUnauthorized: onUnauthorized

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/app",
-    "version": "2.0.92",
+    "version": "3.0.0",
     "description": "",
     "keywords": [
         "javascript"
@@ -60,47 +60,48 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
+        "@folklore/routes": "^0.2.6",
         "@fortawesome/fontawesome-svg-core": "^1.2.35",
         "@fortawesome/free-solid-svg-icons": "^5.15.3",
         "@fortawesome/react-fontawesome": "^0.1.14",
-        "@panneau/auth": "^2.0.92",
-        "@panneau/core": "^2.0.92",
-        "@panneau/data": "^2.0.92",
-        "@panneau/displays": "^2.0.92",
-        "@panneau/element-alert": "^2.0.92",
-        "@panneau/element-button": "^2.0.92",
-        "@panneau/element-buttons": "^2.0.92",
-        "@panneau/element-dropdown": "^2.0.92",
-        "@panneau/element-form": "^2.0.92",
-        "@panneau/element-form-group": "^2.0.92",
-        "@panneau/element-label": "^2.0.92",
-        "@panneau/element-link": "^2.0.92",
-        "@panneau/element-loading": "^2.0.92",
-        "@panneau/element-menu": "^2.0.92",
-        "@panneau/element-modal": "^2.0.92",
-        "@panneau/element-navbar": "^2.0.92",
-        "@panneau/element-pagination": "^2.0.92",
-        "@panneau/element-radios": "^2.0.92",
-        "@panneau/fields": "^2.0.92",
-        "@panneau/filter-filters": "^2.0.92",
-        "@panneau/filters": "^2.0.92",
-        "@panneau/form-resource": "^2.0.92",
-        "@panneau/forms": "^2.0.92",
-        "@panneau/intl": "^2.0.92",
-        "@panneau/list-resource-items": "^2.0.92",
-        "@panneau/lists": "^2.0.92",
-        "@panneau/modals": "^2.0.92",
-        "@panneau/themes": "^2.0.92",
+        "@panneau/auth": "^3.0.0",
+        "@panneau/core": "^3.0.0",
+        "@panneau/data": "^3.0.0",
+        "@panneau/displays": "^3.0.0",
+        "@panneau/element-alert": "^3.0.0",
+        "@panneau/element-button": "^3.0.0",
+        "@panneau/element-buttons": "^3.0.0",
+        "@panneau/element-dropdown": "^3.0.0",
+        "@panneau/element-form": "^3.0.0",
+        "@panneau/element-form-group": "^3.0.0",
+        "@panneau/element-label": "^3.0.0",
+        "@panneau/element-link": "^3.0.0",
+        "@panneau/element-loading": "^3.0.0",
+        "@panneau/element-menu": "^3.0.0",
+        "@panneau/element-modal": "^3.0.0",
+        "@panneau/element-navbar": "^3.0.0",
+        "@panneau/element-pagination": "^3.0.0",
+        "@panneau/element-radios": "^3.0.0",
+        "@panneau/fields": "^3.0.0",
+        "@panneau/filter-filters": "^3.0.0",
+        "@panneau/filters": "^3.0.0",
+        "@panneau/form-resource": "^3.0.0",
+        "@panneau/forms": "^3.0.0",
+        "@panneau/intl": "^3.0.0",
+        "@panneau/list-resource-items": "^3.0.0",
+        "@panneau/lists": "^3.0.0",
+        "@panneau/modals": "^3.0.0",
+        "@panneau/themes": "^3.0.0",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
+        "path-to-regexp": "^6.2.1",
         "prop-types": "^15.7.2",
         "query-string": "^8.1.0",
         "react-intl": "^5.15.8||^6.0.0",
-        "react-router": "^6.2.1",
-        "react-router-dom": "^6.2.1"
+        "wouter": "^2.0.0"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d0ff80c8a3a73f8ca115de91d4eaec8c3ea0b348"
+    "gitHead": "b72d6fe6309ac3be6e2bef67e187f9aaa77b774e"
 }