@panneau/app 3.0.124 → 3.0.127

package/lib/index.js

@@ -4,10 +4,17 @@ 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 _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
-var wouter = require('wouter');
+var PropTypes = require('prop-types');
+var pathToRegexp = require('path-to-regexp');
+var mitt = require('mitt');
+var _createForOfIteratorHelper = require('@babel/runtime/helpers/createForOfIteratorHelper');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _toArray = require('@babel/runtime/helpers/toArray');
+var regexparam = require('regexparam');
+var index_js = require('use-sync-external-store/shim/index.js');
 var auth = require('@panneau/auth');
 var core = require('@panneau/core');
 var contexts = require('@panneau/core/contexts');
@@ -20,13 +27,10 @@ var intl = require('@panneau/intl');
 var ListsProvider = require('@panneau/lists');
 var ModalsProvider = require('@panneau/modals');
 var uppy = require('@panneau/uppy');
-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 classNames = require('classnames');
 var isString = require('lodash/isString');
-var queryString = require('query-string');
+var _typeof = require('@babel/runtime/helpers/typeof');
 var reactIntl = require('react-intl');
 var hooks = require('@panneau/core/hooks');
 var Alert = require('@panneau/element-alert');
@@ -39,54 +43,1208 @@ var Menu = require('@panneau/element-menu');
 var Navbar = require('@panneau/element-navbar');
 var Label = require('@panneau/element-label');
 var ResourceList = require('@panneau/list-resource-items');
+var Loading = require('@panneau/element-loading');
 var ResourceForm$1 = require('@panneau/form-resource');
 var utils = require('@panneau/core/utils');
 var Filters = require('@panneau/filter-filters');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DisplaysProvider__default = /*#__PURE__*/_interopDefaultLegacy(DisplaysProvider);
-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 ModalsProvider__default = /*#__PURE__*/_interopDefaultLegacy(ModalsProvider);
-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 isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
-var queryString__default = /*#__PURE__*/_interopDefaultLegacy(queryString);
-var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
-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);
-var ResourceList__default = /*#__PURE__*/_interopDefaultLegacy(ResourceList);
-var ResourceForm__default = /*#__PURE__*/_interopDefaultLegacy(ResourceForm$1);
-var Filters__default = /*#__PURE__*/_interopDefaultLegacy(Filters);
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+// React.useInsertionEffect is not available in React <18
+var useEffect = React__namespace.useEffect,
+  useLayoutEffect = React__namespace.useLayoutEffect,
+  useRef = React__namespace.useRef,
+  useBuiltinInsertionEffect = React__namespace.useInsertionEffect;
+
+// Copied from:
+// https://github.com/facebook/react/blob/main/packages/shared/ExecutionEnvironment.js
+var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
+
+// Copied from:
+// https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.ts
+// "React currently throws a warning when using useLayoutEffect on the server.
+// To get around it, we can conditionally useEffect on the server (no-op) and
+// useLayoutEffect in the browser."
+var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
+
+// useInsertionEffect is already a noop on the server.
+// See: https://github.com/facebook/react/blob/main/packages/react-server/src/ReactFizzHooks.js
+var useInsertionEffect = useBuiltinInsertionEffect || useIsomorphicLayoutEffect;
+
+// Userland polyfill while we wait for the forthcoming
+// https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md
+// Note: "A high-fidelity polyfill for useEvent is not possible because
+// there is no lifecycle or Hook in React that we can use to switch
+// .current at the right timing."
+// So we will have to make do with this "close enough" approach for now.
+var useEvent = function useEvent(fn) {
+  var ref = useRef([fn, function () {
+    return ref[0].apply(ref, arguments);
+  }]).current;
+  // Per Dan Abramov: useInsertionEffect executes marginally closer to the
+  // correct timing for ref synchronization than useLayoutEffect on React 18.
+  // See: https://github.com/facebook/react/pull/25881#issuecomment-1356244360
+  useInsertionEffect(function () {
+    ref[0] = fn;
+  });
+  return ref[1];
+};
+
+/**
+ * History API docs @see https://developer.mozilla.org/en-US/docs/Web/API/History
+ */
+var eventPopstate = "popstate";
+var eventPushState = "pushState";
+var eventReplaceState = "replaceState";
+var eventHashchange = "hashchange";
+var events = [eventPopstate, eventPushState, eventReplaceState, eventHashchange];
+var subscribeToLocationUpdates = function subscribeToLocationUpdates(callback) {
+  for (var _i = 0, _events = events; _i < _events.length; _i++) {
+    var event = _events[_i];
+    addEventListener(event, callback);
+  }
+  return function () {
+    for (var _i2 = 0, _events2 = events; _i2 < _events2.length; _i2++) {
+      var _event = _events2[_i2];
+      removeEventListener(_event, callback);
+    }
+  };
+};
+var useLocationProperty = function useLocationProperty(fn, ssrFn) {
+  return index_js.useSyncExternalStore(subscribeToLocationUpdates, fn, ssrFn);
+};
+var currentSearch = function currentSearch() {
+  return location.search;
+};
+var useSearch$1 = function useSearch() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$ssrSearch = _ref.ssrSearch,
+    ssrSearch = _ref$ssrSearch === void 0 ? "" : _ref$ssrSearch;
+  return useLocationProperty(currentSearch, function () {
+    return ssrSearch;
+  });
+};
+var currentPathname = function currentPathname() {
+  return location.pathname;
+};
+var usePathname = function usePathname() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    ssrPath = _ref2.ssrPath;
+  return useLocationProperty(currentPathname, ssrPath ? function () {
+    return ssrPath;
+  } : currentPathname);
+};
+var navigate = function navigate(to) {
+  var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref3$replace = _ref3.replace,
+    replace = _ref3$replace === void 0 ? false : _ref3$replace,
+    _ref3$state = _ref3.state,
+    state = _ref3$state === void 0 ? null : _ref3$state;
+  return history[replace ? eventReplaceState : eventPushState](state, "", to);
+};
+
+// the 2nd argument of the `useBrowserLocation` return value is a function
+// that allows to perform a navigation.
+var useBrowserLocation = function useBrowserLocation() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return [usePathname(opts), navigate];
+};
+var patchKey = Symbol["for"]("wouter_v3");
+
+// While History API does have `popstate` event, the only
+// proper way to listen to changes via `push/replaceState`
+// is to monkey-patch these methods.
+//
+// See https://stackoverflow.com/a/4585031
+if (typeof history !== "undefined" && typeof window[patchKey] === "undefined") {
+  var _loop = function _loop() {
+    var type = _arr[_i3];
+    var original = history[type];
+    // TODO: we should be using unstable_batchedUpdates to avoid multiple re-renders,
+    // however that will require an additional peer dependency on react-dom.
+    // See: https://github.com/reactwg/react-18/discussions/86#discussioncomment-1567149
+    history[type] = function () {
+      var result = original.apply(this, arguments);
+      var event = new Event(type);
+      event.arguments = arguments;
+      dispatchEvent(event);
+      return result;
+    };
+  };
+  for (var _i3 = 0, _arr = [eventPushState, eventReplaceState]; _i3 < _arr.length; _i3++) {
+    _loop();
+  }
+
+  // patch history object only once
+  // See: https://github.com/molefrog/wouter/issues/167
+  Object.defineProperty(window, patchKey, {
+    value: true
+  });
+}
+
+var _excluded$4 = ["children"],
+  _excluded2$1 = ["path", "nest", "match"],
+  _excluded3 = ["to", "href", "onClick", "asChild", "children", "replace", "state"];
+
+/*
+ * Transforms `path` into its relative `base` version
+ * If base isn't part of the path provided returns absolute path e.g. `~/app`
+ */
+var relativePath = function relativePath() {
+  var base = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var path = arguments.length > 1 ? arguments[1] : undefined;
+  return !path.toLowerCase().indexOf(base.toLowerCase()) ? path.slice(base.length) || "/" : "~" + path;
+};
+var absolutePath = function absolutePath(to) {
+  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  return to[0] === "~" ? to.slice(1) : base + to;
+};
+
+/*
+ * Removes leading question mark
+ */
+var stripQm = function stripQm(str) {
+  return str[0] === "?" ? str.slice(1) : str;
+};
+
+/*
+ * decodes escape sequences such as %20
+ */
+var unescape = function unescape(str) {
+  try {
+    return decodeURI(str);
+  } catch (_e) {
+    // fail-safe mode: if string can't be decoded do nothing
+    return str;
+  }
+};
+
+/*
+ * Router and router context. Router is a lightweight object that represents the current
+ * routing options: how location is managed, base path etc.
+ *
+ * There is a default router present for most of the use cases, however it can be overridden
+ * via the <Router /> component.
+ */
+
+var defaultRouter = {
+  hook: useBrowserLocation,
+  searchHook: useSearch$1,
+  parser: regexparam.parse,
+  base: "",
+  // this option is used to override the current location during SSR
+  ssrPath: undefined,
+  ssrSearch: undefined
+};
+var RouterCtx = React.createContext(defaultRouter);
+
+// gets the closest parent router from the context
+var useRouter = function useRouter() {
+  return React.useContext(RouterCtx);
+};
+
+/**
+ * Parameters context. Used by `useParams()` to get the
+ * matched params from the innermost `Route` component.
+ */
+
+var ParamsCtx = React.createContext({});
+
+/*
+ * Part 1, Hooks API: useRoute and useLocation
+ */
+
+// Internal version of useLocation to avoid redundant useRouter calls
+
+var useLocationFromRouter = function useLocationFromRouter(router) {
+  var _router$hook = router.hook(router),
+    _router$hook2 = _slicedToArray(_router$hook, 2),
+    location = _router$hook2[0],
+    navigate = _router$hook2[1];
+
+  // the function reference should stay the same between re-renders, so that
+  // it can be passed down as an element prop without any performance concerns.
+  // (This is achieved via `useEvent`.)
+  return [unescape(relativePath(router.base, location)), useEvent(function (to, navOpts) {
+    return navigate(absolutePath(to, router.base), navOpts);
+  })];
+};
+var useLocation = function useLocation() {
+  return useLocationFromRouter(useRouter());
+};
+var useSearch = function useSearch() {
+  var router = useRouter();
+  return unescape(stripQm(router.searchHook(router)));
+};
+var matchRoute = function matchRoute(parser, route, path, loose) {
+  // when parser is in "loose" mode, `$base` is equal to the
+  // first part of the route that matches the pattern
+  // (e.g. for pattern `/a/:b` and path `/a/1/2/3` the `$base` is `a/1`)
+  // we use this for route nesting
+  var _parser = parser(route || "*", loose),
+    pattern = _parser.pattern,
+    keys = _parser.keys;
+  var _ref = pattern.exec(path) || [],
+    _ref2 = _toArray(_ref),
+    $base = _ref2[0],
+    matches = _ref2.slice(1);
+  return $base !== undefined ? [true,
+  // an object with parameters matched, e.g. { foo: "bar" } for "/:foo"
+  // we "zip" two arrays here to construct the object
+  // ["foo"], ["bar"] → { foo: "bar" }
+  Object.fromEntries(keys.map(function (key, i) {
+    return [key, matches[i]];
+  }))].concat(_toConsumableArray(loose ? [$base] : [])) : [false, null];
+};
+
+/*
+ * Part 2, Low Carb Router API: Router, Route, Link, Switch
+ */
+
+var Router = function Router(_ref3) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded$4);
+  // the router we will inherit from - it is the closest router in the tree,
+  // unless the custom `hook` is provided (in that case it's the default one)
+  var parent_ = useRouter();
+  var parent = props.hook ? defaultRouter : parent_;
+
+  // holds to the context value: the router object
+  var value = parent;
+
+  // what is happening below: to avoid unnecessary rerenders in child components,
+  // we ensure that the router object reference is stable, unless there are any
+  // changes that require reload (e.g. `base` prop changes -> all components that
+  // get the router from the context should rerender, even if the component is memoized).
+  // the expected behaviour is:
+  //
+  //   1) when the resulted router is no different from the parent, use parent
+  //   2) if the custom `hook` prop is provided, we always inherit from the
+  //      default router instead. this resets all previously overridden options.
+  //   3) when the router is customized here, it should stay stable between renders
+  var ref = React.useRef({}),
+    prev = ref.current,
+    next = prev;
+  for (var k in parent) {
+    var option = k === "base" ? /* base is special case, it is appended to the parent's base */
+    parent[k] + (props[k] || "") : props[k] || parent[k];
+    if (prev === next && option !== next[k]) {
+      ref.current = next = _objectSpread({}, next);
+    }
+    next[k] = option;
+
+    // the new router is no different from the parent, use parent
+    if (option !== parent[k]) value = next;
+  }
+  return React.createElement(RouterCtx.Provider, {
+    value: value,
+    children: children
+  });
+};
+var h_route = function h_route(_ref4, params) {
+  var children = _ref4.children,
+    component = _ref4.component;
+  // React-Router style `component` prop
+  if (component) return React.createElement(component, {
+    params: params
+  });
+
+  // support render prop or plain children
+  return typeof children === "function" ? children(params) : children;
+};
+var Route = function Route(_ref5) {
+  var path = _ref5.path,
+    nest = _ref5.nest,
+    match = _ref5.match,
+    renderProps = _objectWithoutProperties(_ref5, _excluded2$1);
+  var router = useRouter();
+  var _useLocationFromRoute = useLocationFromRouter(router),
+    _useLocationFromRoute2 = _slicedToArray(_useLocationFromRoute, 1),
+    location = _useLocationFromRoute2[0];
+  var _ref6 = // `match` is a special prop to give up control to the parent,
+    // it is used by the `Switch` to avoid double matching
+    match !== null && match !== void 0 ? match : matchRoute(router.parser, path, location, nest),
+    _ref7 = _slicedToArray(_ref6, 3),
+    matches = _ref7[0],
+    params = _ref7[1],
+    base = _ref7[2];
+  if (!matches) return null;
+  var children = base ? React.createElement(Router, {
+    base: base
+  }, h_route(renderProps, params)) : h_route(renderProps, params);
+  return React.createElement(ParamsCtx.Provider, {
+    value: params,
+    children: children
+  });
+};
+React.forwardRef(function (props, ref) {
+  var router = useRouter();
+  var _useLocationFromRoute3 = useLocationFromRouter(router),
+    _useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
+    navigate = _useLocationFromRoute4[1];
+  var to = props.to,
+    _props$href = props.href,
+    _href = _props$href === void 0 ? to : _props$href,
+    _onClick = props.onClick,
+    asChild = props.asChild,
+    children = props.children;
+    props.replace;
+    props.state;
+    var restProps = _objectWithoutProperties(props, _excluded3);
+  var onClick = useEvent(function (event) {
+    // ignores the navigation when clicked using right mouse button or
+    // by holding a special modifier key: ctrl, command, win, alt, shift
+    if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey || event.button !== 0) return;
+    _onClick && _onClick(event); // TODO: is it safe to use _onClick?.(event)
+    if (!event.defaultPrevented) {
+      event.preventDefault();
+      navigate(_href, props);
+    }
+  });
+
+  // handle nested routers and absolute paths
+  var href = _href[0] === "~" ? _href.slice(1) : router.base + _href;
+  return asChild && React.isValidElement(children) ? React.cloneElement(children, {
+    href: href,
+    onClick: onClick
+  }) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
+    href: href,
+    onClick: onClick,
+    children: children,
+    ref: ref
+  }));
+});
+var flattenChildren = function flattenChildren(children) {
+  var _ref8;
+  return Array.isArray(children) ? (_ref8 = []).concat.apply(_ref8, _toConsumableArray(children.map(function (c) {
+    return c && c.type === React.Fragment ? flattenChildren(c.props.children) : flattenChildren(c);
+  }))) : [children];
+};
+var Switch = function Switch(_ref9) {
+  var children = _ref9.children,
+    location = _ref9.location;
+  var router = useRouter();
+  var _useLocationFromRoute5 = useLocationFromRouter(router),
+    _useLocationFromRoute6 = _slicedToArray(_useLocationFromRoute5, 1),
+    originalLocation = _useLocationFromRoute6[0];
+  var _iterator = _createForOfIteratorHelper(flattenChildren(children)),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var element = _step.value;
+      var match = 0;
+      if (React.isValidElement(element) &&
+      // we don't require an element to be of type Route,
+      // but we do require it to contain a truthy `path` prop.
+      // this allows to use different components that wrap Route
+      // inside of a switch, for example <AnimatedRoute />.
+      (match = matchRoute(router.parser, element.props.path, location || originalLocation, element.props.nest))[0]) return React.cloneElement(element, {
+        match: match
+      });
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return null;
+};
+var Redirect = function Redirect(props) {
+  var to = props.to,
+    _props$href2 = props.href,
+    href = _props$href2 === void 0 ? to : _props$href2;
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 2),
+    navigate = _useLocation2[1];
+  var redirect = useEvent(function () {
+    return navigate(to || href, props);
+  });
+
+  // redirect is guaranteed to be stable since it is returned from useEvent
+  useIsomorphicLayoutEffect(function () {
+    redirect();
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return null;
+};
+
+({
+  children: PropTypes.node.isRequired,
+  routes: PropTypes.objectOf(PropTypes.string).isRequired,
+  basePath: PropTypes.string
+});
+function parseLocation(location) {
+  var search = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var hash = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var _split = (location || '').split('?', 2),
+    _split2 = _slicedToArray(_split, 2),
+    pathname = _split2[0],
+    _split2$ = _split2[1],
+    searchFromPath = _split2$ === void 0 ? null : _split2$;
+  var _split3 = (searchFromPath || '').split('#', 2),
+    _split4 = _slicedToArray(_split3, 2),
+    searchWithoutHash = _split4[0],
+    _split4$ = _split4[1],
+    hashFromPath = _split4$ === void 0 ? null : _split4$;
+  return {
+    pathname: pathname !== '' ? pathname : '/',
+    search: search || searchWithoutHash || null,
+    hash: hash || hashFromPath || null
+  };
+}
+function useMemoryRouter() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref3$path = _ref3.path,
+    path = _ref3$path === void 0 ? '/' : _ref3$path,
+    _ref3$static = _ref3["static"],
+    staticLocation = _ref3$static === void 0 ? false : _ref3$static;
+    _ref3.record;
+  var currentPath = parseLocation(path);
+  var emitter = mitt();
+  var navigateImplementation = function navigateImplementation(newPath) {
+    var newParsedPath = parseLocation(newPath);
+    currentPath = newParsedPath;
+    emitter.emit('navigate', path);
+  };
+  var navigate = !staticLocation ? navigateImplementation : function () {
+    return null;
+  };
+  var subscribe = function subscribe(cb) {
+    emitter.on('navigate', cb);
+    return function () {
+      return emitter.off('navigate', cb);
+    };
+  };
+  function reset() {
+    navigateImplementation(path);
+  }
+  var locationHook = function locationHook() {
+    return [React.useSyncExternalStore(subscribe, function () {
+      return currentPath.pathname;
+    }), navigate];
+  };
+  var searchHook = function searchHook() {
+    return React.useSyncExternalStore(subscribe, function () {
+      return currentPath.search || '';
+    });
+  };
+  return {
+    hook: locationHook,
+    searchHook: searchHook,
+    reset: reset,
+    navigate: navigate
+  };
+}
+function createPathToRegexpParser(opts) {
+  return function (path, loose) {
+    var keys = [];
+    var isWildcard = path.match(/(\/|^)\*$/) !== null;
+    var pattern = pathToRegexp.pathToRegexp(isWildcard ? path.replace(/(\/|^)\*$/, '$1(.*)') : path, keys, _objectSpread({
+      end: !loose && !isWildcard
+    }, opts));
+    return {
+      pattern: pattern,
+      // `pathToRegexp` returns some metadata about the keys,
+      // we want to strip it to just an array of keys
+      keys: keys.map(function (k) {
+        return k.name;
+      })
+    };
+  };
+}
+
+var token = '%[a-f0-9]{2}';
+var singleMatcher = new RegExp('(' + token + ')|([^%]+?)', 'gi');
+var multiMatcher = new RegExp('(' + token + ')+', 'gi');
+function decodeComponents(components, split) {
+  try {
+    // Try to decode the entire string first
+    return [decodeURIComponent(components.join(''))];
+  } catch (_unused) {
+    // Do nothing
+  }
+  if (components.length === 1) {
+    return components;
+  }
+  split = split || 1;
+
+  // Split the array in 2 parts
+  var left = components.slice(0, split);
+  var right = components.slice(split);
+  return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));
+}
+function decode$1(input) {
+  try {
+    return decodeURIComponent(input);
+  } catch (_unused2) {
+    var tokens = input.match(singleMatcher) || [];
+    for (var i = 1; i < tokens.length; i++) {
+      input = decodeComponents(tokens, i).join('');
+      tokens = input.match(singleMatcher) || [];
+    }
+    return input;
+  }
+}
+function customDecodeURIComponent(input) {
+  // Keep track of all the replacements and prefill the map with the `BOM`
+  var replaceMap = {
+    '%FE%FF': "\uFFFD\uFFFD",
+    '%FF%FE': "\uFFFD\uFFFD"
+  };
+  var match = multiMatcher.exec(input);
+  while (match) {
+    try {
+      // Decode as big chunks as possible
+      replaceMap[match[0]] = decodeURIComponent(match[0]);
+    } catch (_unused3) {
+      var result = decode$1(match[0]);
+      if (result !== match[0]) {
+        replaceMap[match[0]] = result;
+      }
+    }
+    match = multiMatcher.exec(input);
+  }
+
+  // Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else
+  replaceMap['%C2'] = "\uFFFD";
+  var entries = Object.keys(replaceMap);
+  for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
+    var key = _entries[_i];
+    // Replace all decoded components
+    input = input.replace(new RegExp(key, 'g'), replaceMap[key]);
+  }
+  return input;
+}
+function decodeUriComponent(encodedURI) {
+  if (typeof encodedURI !== 'string') {
+    throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + _typeof(encodedURI) + '`');
+  }
+  try {
+    // Try the built in decoder first
+    return decodeURIComponent(encodedURI);
+  } catch (_unused4) {
+    // Fallback to a more advanced decoder
+    return customDecodeURIComponent(encodedURI);
+  }
+}
+
+function splitOnFirst(string, separator) {
+  if (!(typeof string === 'string' && typeof separator === 'string')) {
+    throw new TypeError('Expected the arguments to be of type `string`');
+  }
+  if (string === '' || separator === '') {
+    return [];
+  }
+  var separatorIndex = string.indexOf(separator);
+  if (separatorIndex === -1) {
+    return [];
+  }
+  return [string.slice(0, separatorIndex), string.slice(separatorIndex + separator.length)];
+}
+
+function includeKeys(object, predicate) {
+  var result = {};
+  if (Array.isArray(predicate)) {
+    var _iterator = _createForOfIteratorHelper(predicate),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        var descriptor = Object.getOwnPropertyDescriptor(object, key);
+        if (descriptor !== null && descriptor !== void 0 && descriptor.enumerable) {
+          Object.defineProperty(result, key, descriptor);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  } else {
+    // `Reflect.ownKeys()` is required to retrieve symbol properties
+    var _iterator2 = _createForOfIteratorHelper(Reflect.ownKeys(object)),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _key = _step2.value;
+        var _descriptor = Object.getOwnPropertyDescriptor(object, _key);
+        if (_descriptor.enumerable) {
+          var value = object[_key];
+          if (predicate(_key, value, object)) {
+            Object.defineProperty(result, _key, _descriptor);
+          }
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return result;
+}
+
+const isNullOrUndefined = value => value === null || value === undefined;
+
+// eslint-disable-next-line unicorn/prefer-code-point
+const strictUriEncode = string => encodeURIComponent(string).replaceAll(/[!'()*]/g, x => `%${x.charCodeAt(0).toString(16).toUpperCase()}`);
+
+const encodeFragmentIdentifier = Symbol('encodeFragmentIdentifier');
+
+function encoderForArrayFormat(options) {
+	switch (options.arrayFormat) {
+		case 'index': {
+			return key => (result, value) => {
+				const index = result.length;
+
+				if (
+					value === undefined
+					|| (options.skipNull && value === null)
+					|| (options.skipEmptyString && value === '')
+				) {
+					return result;
+				}
+
+				if (value === null) {
+					return [
+						...result, [encode(key, options), '[', index, ']'].join(''),
+					];
+				}
+
+				return [
+					...result,
+					[encode(key, options), '[', encode(index, options), ']=', encode(value, options)].join(''),
+				];
+			};
+		}
+
+		case 'bracket': {
+			return key => (result, value) => {
+				if (
+					value === undefined
+					|| (options.skipNull && value === null)
+					|| (options.skipEmptyString && value === '')
+				) {
+					return result;
+				}
+
+				if (value === null) {
+					return [
+						...result,
+						[encode(key, options), '[]'].join(''),
+					];
+				}
+
+				return [
+					...result,
+					[encode(key, options), '[]=', encode(value, options)].join(''),
+				];
+			};
+		}
+
+		case 'colon-list-separator': {
+			return key => (result, value) => {
+				if (
+					value === undefined
+					|| (options.skipNull && value === null)
+					|| (options.skipEmptyString && value === '')
+				) {
+					return result;
+				}
+
+				if (value === null) {
+					return [
+						...result,
+						[encode(key, options), ':list='].join(''),
+					];
+				}
+
+				return [
+					...result,
+					[encode(key, options), ':list=', encode(value, options)].join(''),
+				];
+			};
+		}
+
+		case 'comma':
+		case 'separator':
+		case 'bracket-separator': {
+			const keyValueSeparator = options.arrayFormat === 'bracket-separator'
+				? '[]='
+				: '=';
+
+			return key => (result, value) => {
+				if (
+					value === undefined
+					|| (options.skipNull && value === null)
+					|| (options.skipEmptyString && value === '')
+				) {
+					return result;
+				}
+
+				// Translate null to an empty string so that it doesn't serialize as 'null'
+				value = value === null ? '' : value;
+
+				if (result.length === 0) {
+					return [[encode(key, options), keyValueSeparator, encode(value, options)].join('')];
+				}
+
+				return [[result, encode(value, options)].join(options.arrayFormatSeparator)];
+			};
+		}
+
+		default: {
+			return key => (result, value) => {
+				if (
+					value === undefined
+					|| (options.skipNull && value === null)
+					|| (options.skipEmptyString && value === '')
+				) {
+					return result;
+				}
+
+				if (value === null) {
+					return [
+						...result,
+						encode(key, options),
+					];
+				}
+
+				return [
+					...result,
+					[encode(key, options), '=', encode(value, options)].join(''),
+				];
+			};
+		}
+	}
+}
+
+function parserForArrayFormat(options) {
+	let result;
+
+	switch (options.arrayFormat) {
+		case 'index': {
+			return (key, value, accumulator) => {
+				result = /\[(\d*)]$/.exec(key);
+
+				key = key.replace(/\[\d*]$/, '');
+
+				if (!result) {
+					accumulator[key] = value;
+					return;
+				}
+
+				if (accumulator[key] === undefined) {
+					accumulator[key] = {};
+				}
+
+				accumulator[key][result[1]] = value;
+			};
+		}
+
+		case 'bracket': {
+			return (key, value, accumulator) => {
+				result = /(\[])$/.exec(key);
+				key = key.replace(/\[]$/, '');
+
+				if (!result) {
+					accumulator[key] = value;
+					return;
+				}
+
+				if (accumulator[key] === undefined) {
+					accumulator[key] = [value];
+					return;
+				}
+
+				accumulator[key] = [...accumulator[key], value];
+			};
+		}
+
+		case 'colon-list-separator': {
+			return (key, value, accumulator) => {
+				result = /(:list)$/.exec(key);
+				key = key.replace(/:list$/, '');
+
+				if (!result) {
+					accumulator[key] = value;
+					return;
+				}
+
+				if (accumulator[key] === undefined) {
+					accumulator[key] = [value];
+					return;
+				}
+
+				accumulator[key] = [...accumulator[key], value];
+			};
+		}
+
+		case 'comma':
+		case 'separator': {
+			return (key, value, accumulator) => {
+				const isArray = typeof value === 'string' && value.includes(options.arrayFormatSeparator);
+				const isEncodedArray = (typeof value === 'string' && !isArray && decode(value, options).includes(options.arrayFormatSeparator));
+				value = isEncodedArray ? decode(value, options) : value;
+				const newValue = isArray || isEncodedArray ? value.split(options.arrayFormatSeparator).map(item => decode(item, options)) : (value === null ? value : decode(value, options));
+				accumulator[key] = newValue;
+			};
+		}
+
+		case 'bracket-separator': {
+			return (key, value, accumulator) => {
+				const isArray = /(\[])$/.test(key);
+				key = key.replace(/\[]$/, '');
+
+				if (!isArray) {
+					accumulator[key] = value ? decode(value, options) : value;
+					return;
+				}
+
+				const arrayValue = value === null
+					? []
+					: value.split(options.arrayFormatSeparator).map(item => decode(item, options));
+
+				if (accumulator[key] === undefined) {
+					accumulator[key] = arrayValue;
+					return;
+				}
+
+				accumulator[key] = [...accumulator[key], ...arrayValue];
+			};
+		}
+
+		default: {
+			return (key, value, accumulator) => {
+				if (accumulator[key] === undefined) {
+					accumulator[key] = value;
+					return;
+				}
+
+				accumulator[key] = [...[accumulator[key]].flat(), value];
+			};
+		}
+	}
+}
+
+function validateArrayFormatSeparator(value) {
+	if (typeof value !== 'string' || value.length !== 1) {
+		throw new TypeError('arrayFormatSeparator must be single character string');
+	}
+}
+
+function encode(value, options) {
+	if (options.encode) {
+		return options.strict ? strictUriEncode(value) : encodeURIComponent(value);
+	}
+
+	return value;
+}
+
+function decode(value, options) {
+	if (options.decode) {
+		return decodeUriComponent(value);
+	}
+
+	return value;
+}
+
+function keysSorter(input) {
+	if (Array.isArray(input)) {
+		return input.sort();
+	}
+
+	if (typeof input === 'object') {
+		return keysSorter(Object.keys(input))
+			.sort((a, b) => Number(a) - Number(b))
+			.map(key => input[key]);
+	}
+
+	return input;
+}
+
+function removeHash(input) {
+	const hashStart = input.indexOf('#');
+	if (hashStart !== -1) {
+		input = input.slice(0, hashStart);
+	}
+
+	return input;
+}
+
+function getHash(url) {
+	let hash = '';
+	const hashStart = url.indexOf('#');
+	if (hashStart !== -1) {
+		hash = url.slice(hashStart);
+	}
+
+	return hash;
+}
+
+function parseValue(value, options) {
+	if (options.parseNumbers && !Number.isNaN(Number(value)) && (typeof value === 'string' && value.trim() !== '')) {
+		value = Number(value);
+	} else if (options.parseBooleans && value !== null && (value.toLowerCase() === 'true' || value.toLowerCase() === 'false')) {
+		value = value.toLowerCase() === 'true';
+	}
+
+	return value;
+}
+
+function extract(input) {
+	input = removeHash(input);
+	const queryStart = input.indexOf('?');
+	if (queryStart === -1) {
+		return '';
+	}
+
+	return input.slice(queryStart + 1);
+}
+
+function parse(query, options) {
+	options = {
+		decode: true,
+		sort: true,
+		arrayFormat: 'none',
+		arrayFormatSeparator: ',',
+		parseNumbers: false,
+		parseBooleans: false,
+		...options,
+	};
+
+	validateArrayFormatSeparator(options.arrayFormatSeparator);
+
+	const formatter = parserForArrayFormat(options);
+
+	// Create an object with no prototype
+	const returnValue = Object.create(null);
+
+	if (typeof query !== 'string') {
+		return returnValue;
+	}
+
+	query = query.trim().replace(/^[?#&]/, '');
+
+	if (!query) {
+		return returnValue;
+	}
+
+	for (const parameter of query.split('&')) {
+		if (parameter === '') {
+			continue;
+		}
+
+		const parameter_ = options.decode ? parameter.replaceAll('+', ' ') : parameter;
+
+		let [key, value] = splitOnFirst(parameter_, '=');
+
+		if (key === undefined) {
+			key = parameter_;
+		}
+
+		// Missing `=` should be `null`:
+		// http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
+		value = value === undefined ? null : (['comma', 'separator', 'bracket-separator'].includes(options.arrayFormat) ? value : decode(value, options));
+		formatter(decode(key, options), value, returnValue);
+	}
+
+	for (const [key, value] of Object.entries(returnValue)) {
+		if (typeof value === 'object' && value !== null) {
+			for (const [key2, value2] of Object.entries(value)) {
+				value[key2] = parseValue(value2, options);
+			}
+		} else {
+			returnValue[key] = parseValue(value, options);
+		}
+	}
+
+	if (options.sort === false) {
+		return returnValue;
+	}
+
+	// TODO: Remove the use of `reduce`.
+	// eslint-disable-next-line unicorn/no-array-reduce
+	return (options.sort === true ? Object.keys(returnValue).sort() : Object.keys(returnValue).sort(options.sort)).reduce((result, key) => {
+		const value = returnValue[key];
+		result[key] = Boolean(value) && typeof value === 'object' && !Array.isArray(value) ? keysSorter(value) : value;
+		return result;
+	}, Object.create(null));
+}
+
+function stringify(object, options) {
+	if (!object) {
+		return '';
+	}
+
+	options = {
+		encode: true,
+		strict: true,
+		arrayFormat: 'none',
+		arrayFormatSeparator: ',',
+		...options,
+	};
+
+	validateArrayFormatSeparator(options.arrayFormatSeparator);
+
+	const shouldFilter = key => (
+		(options.skipNull && isNullOrUndefined(object[key]))
+		|| (options.skipEmptyString && object[key] === '')
+	);
+
+	const formatter = encoderForArrayFormat(options);
+
+	const objectCopy = {};
+
+	for (const [key, value] of Object.entries(object)) {
+		if (!shouldFilter(key)) {
+			objectCopy[key] = value;
+		}
+	}
+
+	const keys = Object.keys(objectCopy);
+
+	if (options.sort !== false) {
+		keys.sort(options.sort);
+	}
+
+	return keys.map(key => {
+		const value = object[key];
+
+		if (value === undefined) {
+			return '';
+		}
+
+		if (value === null) {
+			return encode(key, options);
+		}
+
+		if (Array.isArray(value)) {
+			if (value.length === 0 && options.arrayFormat === 'bracket-separator') {
+				return encode(key, options) + '[]';
+			}
+
+			return value
+				.reduce(formatter(key), [])
+				.join('&');
+		}
+
+		return encode(key, options) + '=' + encode(value, options);
+	}).filter(x => x.length > 0).join('&');
+}
+
+function parseUrl(url, options) {
+	options = {
+		decode: true,
+		...options,
+	};
+
+	let [url_, hash] = splitOnFirst(url, '#');
+
+	if (url_ === undefined) {
+		url_ = url;
+	}
+
+	return {
+		url: url_?.split('?')?.[0] ?? '',
+		query: parse(extract(url), options),
+		...(options && options.parseFragmentIdentifier && hash ? {fragmentIdentifier: decode(hash, options)} : {}),
+	};
+}
+
+function stringifyUrl(object, options) {
+	options = {
+		encode: true,
+		strict: true,
+		[encodeFragmentIdentifier]: true,
+		...options,
+	};
+
+	const url = removeHash(object.url).split('?')[0] || '';
+	const queryFromUrl = extract(object.url);
+
+	const query = {
+		...parse(queryFromUrl, {sort: false}),
+		...object.query,
+	};
+
+	let queryString = stringify(query, options);
+	queryString &&= `?${queryString}`;
+
+	let hash = getHash(object.url);
+	if (typeof object.fragmentIdentifier === 'string') {
+		const urlObjectForFragmentEncode = new URL(url);
+		urlObjectForFragmentEncode.hash = object.fragmentIdentifier;
+		hash = options[encodeFragmentIdentifier] ? urlObjectForFragmentEncode.hash : `#${object.fragmentIdentifier}`;
+	}
+
+	return `${url}${queryString}${hash}`;
+}
+
+function pick(input, filter, options) {
+	options = {
+		parseFragmentIdentifier: true,
+		[encodeFragmentIdentifier]: false,
+		...options,
+	};
+
+	const {url, query, fragmentIdentifier} = parseUrl(input, options);
+
+	return stringifyUrl({
+		url,
+		query: includeKeys(query, filter),
+		fragmentIdentifier,
+	}, options);
+}
+
+function exclude(input, filter, options) {
+	const exclusionFilter = Array.isArray(filter) ? key => !filter.includes(key) : (key, value) => !filter(key, value);
+
+	return pick(input, exclusionFilter, options);
+}
+
+var queryString = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  exclude: exclude,
+  extract: extract,
+  parse: parse,
+  parseUrl: parseUrl,
+  pick: pick,
+  stringify: stringify,
+  stringifyUrl: stringifyUrl
+});
 
 /* eslint-disable react/jsx-props-no-spreading */
+// import PropTypes from 'prop-types';
 
 // Kept for backward compatibility with exports
 var ResourceFormWrapper = function ResourceFormWrapper(props) {
-  return /*#__PURE__*/React__default["default"].createElement(ResourceForm__default["default"], props);
+  return /*#__PURE__*/React.createElement(ResourceForm$1, props);
 };
 var ResourceForm = ResourceFormWrapper;
 
 var propTypes$j = {
-  withAccountForm: PropTypes__default["default"].bool,
-  className: PropTypes__default["default"].string,
-  itemClassName: PropTypes__default["default"].string,
-  linkClassName: PropTypes__default["default"].string
+  withAccountForm: PropTypes.bool,
+  className: PropTypes.string,
+  itemClassName: PropTypes.string,
+  linkClassName: PropTypes.string
 };
 var defaultProps$i = {
   withAccountForm: false,
@@ -109,7 +1267,7 @@ var AccountMenu = function AccountMenu(_ref) {
   var items = React.useMemo(function () {
     return user !== null ? [{
       id: 'account',
-      label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
         id: "IuqEHB",
         defaultMessage: [{
           "type": 0,
@@ -117,8 +1275,8 @@ var AccountMenu = function AccountMenu(_ref) {
         }]
       }),
       href: route('account'),
-      dropdown: [].concat(_toConsumableArray__default["default"](withAccountForm ? [{
-        label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      dropdown: [].concat(_toConsumableArray(withAccountForm ? [{
+        label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
           id: "V7Us0a",
           defaultMessage: [{
             "type": 0,
@@ -127,7 +1285,7 @@ var AccountMenu = function AccountMenu(_ref) {
         }),
         href: route('account')
       }] : []), [{
-        label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+        label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
           id: "REIcPg",
           defaultMessage: [{
             "type": 0,
@@ -138,7 +1296,7 @@ var AccountMenu = function AccountMenu(_ref) {
         onClick: onClickLogout
       }])
     }] : [{
-      label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
         id: "d0g58T",
         defaultMessage: [{
           "type": 0,
@@ -148,7 +1306,7 @@ var AccountMenu = function AccountMenu(_ref) {
       href: route('auth.login')
     }];
   }, [user, route, onClickLogout, withAccountForm]);
-  return items !== null ? /*#__PURE__*/React__default["default"].createElement(Menu__default["default"], {
+  return items !== null ? /*#__PURE__*/React.createElement(Menu, {
     className: className,
     itemClassName: itemClassName,
     linkClassName: linkClassName,
@@ -161,9 +1319,9 @@ AccountMenu.defaultProps = defaultProps$i;
 var AccountMenu$1 = AccountMenu;
 
 var propTypes$i = {
-  className: PropTypes__default["default"].string,
-  itemClassName: PropTypes__default["default"].string,
-  linkClassName: PropTypes__default["default"].string
+  className: PropTypes.string,
+  itemClassName: PropTypes.string,
+  linkClassName: PropTypes.string
 };
 var defaultProps$h = {
   className: null,
@@ -174,8 +1332,8 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
   var className = _ref.className,
     itemClassName = _ref.itemClassName,
     linkClassName = _ref.linkClassName;
-  var _useLocation = wouter.useLocation(),
-    _useLocation2 = _slicedToArray__default["default"](_useLocation, 1),
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 1),
     pathname = _useLocation2[0];
   var resources = contexts.usePanneauResources();
   var resourceRoute = hooks.useResourceUrlGenerator();
@@ -196,7 +1354,7 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
       };
     });
   }, [resources, pathname, resourceRoute]);
-  return /*#__PURE__*/React__default["default"].createElement(Menu__default["default"], {
+  return /*#__PURE__*/React.createElement(Menu, {
     items: items,
     className: className,
     itemClassName: itemClassName,
@@ -227,11 +1385,11 @@ var MainNavbar = function MainNavbar(props) {
     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 [!hasResources && user !== null ? 'resources' : null].concat(_toConsumableArray(menuItems), [!hasAccount && menuItems.indexOf('separator') === -1 ? 'separator' : null, !hasAccount ? 'account' : null]).filter(function (it) {
       return it !== null;
     }).reduce(function (currentItems, item, index) {
       if (item === 'resources') {
-        return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement(ResourcesMenu$1, {
+        return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(ResourcesMenu$1, {
           key: "menu-item-resource-".concat(index + 1),
           className: "navbar-nav",
           itemClassName: "nav-item",
@@ -239,7 +1397,7 @@ var MainNavbar = function MainNavbar(props) {
         })]);
       }
       if (item === 'account') {
-        return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement(AccountMenu$1, {
+        return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(AccountMenu$1, {
           key: "menu-item-account-".concat(index + 1),
           className: "navbar-nav",
           itemClassName: "nav-item",
@@ -247,15 +1405,15 @@ var MainNavbar = function MainNavbar(props) {
         })]);
       }
       if (item === 'separator') {
-        return [].concat(_toConsumableArray__default["default"](currentItems), [/*#__PURE__*/React__default["default"].createElement("span", {
+        return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement("span", {
           key: "menu-item-spacer-".concat(index + 1),
           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]]);
+      return isArray(lastItem) ? [].concat(_toConsumableArray(currentItems.slice(0, currentItems.length - 1)), [[].concat(_toConsumableArray(lastItem), [item])]) : [].concat(_toConsumableArray(currentItems), [[item]]);
     }, []).map(function (it, index) {
-      return isArray__default["default"](it) ? /*#__PURE__*/React__default["default"].createElement(Menu__default["default"], {
+      return isArray(it) ? /*#__PURE__*/React.createElement(Menu, {
         items: it,
         key: "submenu-item-".concat(index + 1),
         className: "navbar-nav",
@@ -264,9 +1422,9 @@ var MainNavbar = function MainNavbar(props) {
       }) : it;
     });
   }, [main]);
-  return /*#__PURE__*/React__default["default"].createElement(Navbar__default["default"], Object.assign({
+  return /*#__PURE__*/React.createElement(Navbar, Object.assign({
     theme: background
-  }, props), name !== null ? /*#__PURE__*/React__default["default"].createElement(Link__default["default"], {
+  }, props), name !== null ? /*#__PURE__*/React.createElement(Link, {
     href: route('home'),
     className: "navbar-brand"
   }, name) : null, items);
@@ -278,8 +1436,8 @@ var MainNavbar$1 = MainNavbar;
 var styles$1 = {};
 
 var propTypes$g = {
-  children: PropTypes__default["default"].node.isRequired,
-  fullscreen: PropTypes__default["default"].bool
+  children: PropTypes.node.isRequired,
+  fullscreen: PropTypes.bool
 };
 var defaultProps$f = {
   fullscreen: false
@@ -294,16 +1452,16 @@ var MainLayout = function MainLayout(_ref) {
     background = _usePanneauColorSchem3 === void 0 ? null : _usePanneauColorSchem3,
     _usePanneauColorSchem4 = _usePanneauColorSchem.text,
     text = _usePanneauColorSchem4 === void 0 ? null : _usePanneauColorSchem4;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100']),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100']),
     "data-bs-theme": theme !== null ? theme : null
-  }, /*#__PURE__*/React__default["default"].createElement(MainNavbar$1, {
-    className: classNames__default["default"](['border-bottom', 'sticky-top', 'px-3'])
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['flex-grow-1', _defineProperty__default["default"](_defineProperty__default["default"]({
+  }, /*#__PURE__*/React.createElement(MainNavbar$1, {
+    className: classNames(['border-bottom', 'sticky-top', 'px-3'])
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames(['flex-grow-1', _defineProperty(_defineProperty({
       'd-flex flex-column': fullscreen
     }, "bg-".concat(background), background !== null), "text-".concat(text), text !== null)])
-  }, children), /*#__PURE__*/React__default["default"].createElement(elementModal.Modals, null));
+  }, children), /*#__PURE__*/React.createElement(elementModal.Modals, null));
 };
 MainLayout.propTypes = propTypes$g;
 MainLayout.defaultProps = defaultProps$f;
@@ -311,10 +1469,10 @@ var MainLayout$1 = MainLayout;
 
 var propTypes$f = {
   title: core.PropTypes.label,
-  actions: PropTypes__default["default"].node,
-  small: PropTypes__default["default"].bool,
-  className: PropTypes__default["default"].string,
-  children: PropTypes__default["default"].node
+  actions: PropTypes.node,
+  small: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node
 };
 var defaultProps$e = {
   title: null,
@@ -335,22 +1493,22 @@ var PageHeader = function PageHeader(_ref) {
   var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
     text = _usePanneauColorSchem.text,
     background = _usePanneauColorSchem.background;
-  var inner = /*#__PURE__*/React__default["default"].createElement("div", {
+  var inner = /*#__PURE__*/React.createElement("div", {
     className: "d-flex align-items-center flex-wrap"
-  }, title !== null ? /*#__PURE__*/React__default["default"].createElement("h1", {
-    className: classNames__default["default"](['mb-0', {
+  }, title !== null ? /*#__PURE__*/React.createElement("h1", {
+    className: classNames(['mb-0', {
       h2: small
     }])
-  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, title)) : null, actions !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement(Label, null, title)) : null, actions !== null ? /*#__PURE__*/React.createElement("div", {
     className: "ms-auto"
   }, actions) : null);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['py-4', _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, "bg-".concat(background), background !== null), "text-".concat(text), text !== null), "border-bottom", background || text !== null), className, className !== null)])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(['py-4', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "bg-".concat(background), background !== null), "text-".concat(text), text !== null), "border-bottom", background || text !== null), className, className !== null)])
+  }, /*#__PURE__*/React.createElement("div", {
     className: "container-sm"
-  }, small ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, small ? /*#__PURE__*/React.createElement("div", {
     className: "row justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "col-12 col-md-8 col-lg-7"
   }, inner)) : inner), children);
 };
@@ -364,13 +1522,13 @@ var propTypes$e = {
 var defaultProps$d = {};
 var ResourceCreatePage = function ResourceCreatePage(_ref) {
   var resource = _ref.resource;
-  var _useLocation = wouter.useLocation(),
-    _useLocation2 = _slicedToArray__default["default"](_useLocation, 2),
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 2),
     navigate = _useLocation2[1];
-  var search = wouter.useSearch();
+  var search = useSearch();
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var _useMemo = React.useMemo(function () {
-      return queryString__default["default"].parse(search, {
+      return queryString.parse(search, {
         arrayFormat: 'bracket'
       });
     }, [search]),
@@ -381,10 +1539,10 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
   var onSuccess = React.useCallback(function () {
     navigate("".concat(resourceRoute('index'), "?created=true"));
   }, [navigate, resourceRoute]);
-  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
+  return /*#__PURE__*/React.createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
-    title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       values: resourceValues,
       id: "6viUpq",
       defaultMessage: [{
@@ -394,17 +1552,17 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
         "type": 1,
         "value": "a_singular"
       }]
-    }), typeName !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
+    }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
       className: "text-body-secondary"
     }, " (", typeName, ")") : null),
     small: true
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "row justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "col-12 col-md-8 col-lg-7"
-  }, /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
+  }, /*#__PURE__*/React.createElement(ResourceForm, {
     resource: resource,
     type: type,
     onSuccess: onSuccess
@@ -415,19 +1573,21 @@ ResourceCreatePage.defaultProps = defaultProps$d;
 var ResourceCreate = ResourceCreatePage;
 
 var propTypes$d = {
-  itemId: PropTypes__default["default"].string.isRequired,
+  itemId: PropTypes.string.isRequired,
   resource: core.PropTypes.resource.isRequired
 };
 var defaultProps$c = {};
 var ResourceDeletePage = function ResourceDeletePage(_ref) {
   var itemId = _ref.itemId,
     resource = _ref.resource;
-  var _useLocation = wouter.useLocation(),
-    _useLocation2 = _slicedToArray__default["default"](_useLocation, 2),
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 2),
     navigate = _useLocation2[1];
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var _useResourceItem = data.useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
+    item = _useResourceItem.item,
+    loading = _useResourceItem.loading,
+    error = _useResourceItem.error;
   var _ref2 = item || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
@@ -436,10 +1596,10 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
   var onSuccess = React.useCallback(function () {
     return navigate("".concat(resourceRoute('index'), "?deleted=true"));
   }, [navigate, resourceRoute]);
-  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
+  return /*#__PURE__*/React.createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
-    title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       values: resourceValues,
       id: "zN5N/Q",
       defaultMessage: [{
@@ -449,29 +1609,35 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
         "type": 1,
         "value": "a_singular"
       }]
-    }), typeName !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
+    }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
       className: "text-body-secondary"
     }, " (", typeName, ")") : null),
     small: true
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "row justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "col-12 col-md-8 col-lg-7"
-  }, item !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
+  }, item !== null ? /*#__PURE__*/React.createElement(ResourceForm, {
     resource: resource,
     item: item,
     onSuccess: onSuccess,
     isDelete: true
-  }) : null)))));
+  }) : null, item === null && loading && !error ? /*#__PURE__*/React.createElement(Loading, null, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+    id: "TV3jir",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Loading"
+    }]
+  })) : null)))));
 };
 ResourceDeletePage.propTypes = propTypes$d;
 ResourceDeletePage.defaultProps = defaultProps$c;
 var ResourceDelete = ResourceDeletePage;
 
 var propTypes$c = {
-  itemId: PropTypes__default["default"].string.isRequired,
+  itemId: PropTypes.string.isRequired,
   resource: core.PropTypes.resource.isRequired
 };
 var defaultProps$b = {};
@@ -479,12 +1645,14 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
   var itemId = _ref.itemId,
     resource = _ref.resource;
   var _useResourceItem = data.useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
+    item = _useResourceItem.item,
+    loading = _useResourceItem.loading,
+    error = _useResourceItem.error;
   var _ref2 = item || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
   var _useState = React.useState(item),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     editItem = _useState2[0],
     setEditItem = _useState2[1];
   var typeName = hooks.useResourceTypeName(resource, type);
@@ -495,10 +1663,10 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
     setEditItem(item);
   }, [item, setEditItem]);
   var resourceValues = intl.useResourceValues(resource);
-  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
+  return /*#__PURE__*/React.createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
-    title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       values: resourceValues,
       id: "mCfzkJ",
       defaultMessage: [{
@@ -508,22 +1676,28 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
         "type": 1,
         "value": "a_singular"
       }]
-    }), typeName !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
+    }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
       className: "text-body-secondary"
     }, " (", typeName, ")") : null),
     small: true
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "row justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "col-12 col-md-8 col-lg-7"
-  }, editItem !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
+  }, editItem !== null ? /*#__PURE__*/React.createElement(ResourceForm, {
     resource: resource,
     item: editItem,
     type: type,
     onSuccess: onSuccess
-  }) : null)))));
+  }) : null, editItem === null && loading && !error ? /*#__PURE__*/React.createElement(Loading, null, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+    id: "TV3jir",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Loading"
+    }]
+  })) : null)))));
 };
 ResourceEditPage.propTypes = propTypes$c;
 ResourceEditPage.defaultProps = defaultProps$b;
@@ -531,7 +1705,7 @@ var ResourceEdit = ResourceEditPage;
 
 var propTypes$b = {
   resource: core.PropTypes.resource.isRequired,
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 var defaultProps$a = {
   className: null
@@ -545,7 +1719,7 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var resourceValues = intl.useResourceValues(resource);
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     dropdownOpened = _useState2[0],
     setDropdownOpened = _useState2[1];
   var onClickDropdown = React.useCallback(function (e) {
@@ -566,15 +1740,15 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
       setDropdownOpened(false);
     }
   }, [setDropdownOpened, dropdownOpened]);
-  var button = /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+  var button = /*#__PURE__*/React.createElement(Button, {
     href: !hasMultipleTypes ? "".concat(resourceRoute('create')).concat(finalTypes !== null && finalTypes.length === 1 ? "?type=".concat(finalTypes[0].id) : '') : '#',
     size: "lg",
     theme: "primary",
-    className: classNames__default["default"]([_defineProperty__default["default"]({
+    className: classNames([_defineProperty({
       'dropdown-toggle': hasMultipleTypes
     }, className, className !== null)]),
     onClick: hasMultipleTypes ? onClickDropdown : null
-  }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
     values: resourceValues,
     id: "l+ddDH",
     defaultMessage: [{
@@ -585,11 +1759,11 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
       "value": "a_singular"
     }]
   }));
-  return hasMultipleTypes ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['dropdown', {
+  return hasMultipleTypes ? /*#__PURE__*/React.createElement("div", {
+    className: classNames(['dropdown', {
       show: dropdownOpened
     }])
-  }, button, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
+  }, button, /*#__PURE__*/React.createElement(Dropdown, {
     items: finalTypes.map(function (it) {
       return {
         id: it.id,
@@ -608,21 +1782,21 @@ var ResourceCreateButton = ResourceCreateButtom;
 
 var _excluded$3 = ["resource"];
 var propTypes$a = {
-  resource: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].shape({
-    id: PropTypes__default["default"].string
+  resource: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+    id: PropTypes.string
   })]).isRequired
 };
 
 // Kept for backward compatibility with exports
 var ResourceItemsList = function ResourceItemsList(_ref) {
   var resource = _ref.resource,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$3);
-  var _ref2 = isObject__default["default"](resource) ? resource : {
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  var _ref2 = isObject(resource) ? resource : {
       id: resource
     },
     _ref2$id = _ref2.id,
     finalResource = _ref2$id === void 0 ? null : _ref2$id;
-  return /*#__PURE__*/React__default["default"].createElement(ResourceList__default["default"], Object.assign({
+  return /*#__PURE__*/React.createElement(ResourceList, Object.assign({
     resource: finalResource
   }, props));
 };
@@ -632,7 +1806,7 @@ var ResourceItemsList$1 = ResourceItemsList;
 var _excluded$2 = ["id", "component"];
 var propTypes$9 = {
   resource: core.PropTypes.resource.isRequired,
-  defaultActions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object])) // eslint-disable-line react/forbid-prop-types
+  defaultActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])) // eslint-disable-line react/forbid-prop-types
 };
 var defaultProps$9 = {
   defaultActions: ['create']
@@ -670,12 +1844,12 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
   }, [canCreate, actions]);
   var resourceValues = intl.useResourceValues(resource);
   var componentsManager = contexts.useComponentsManager();
-  var _useLocation = wouter.useLocation(),
-    _useLocation2 = _slicedToArray__default["default"](_useLocation, 2),
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 2),
     navigate = _useLocation2[1];
-  var search = wouter.useSearch();
+  var search = useSearch();
   var query = React.useMemo(function () {
-    return queryString__default["default"].parse(search, {
+    return queryString.parse(search, {
       arrayFormat: 'bracket'
     });
   }, [search]);
@@ -692,14 +1866,14 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
   var onQueryChange = React.useCallback(function (submitQuery) {
     var newQuery = submitQuery !== null ? Object.keys(submitQuery).reduce(function (currentQuery, key) {
       var value = submitQuery[key];
-      return value !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, currentQuery), {}, _defineProperty__default["default"]({}, key, value)) : currentQuery;
+      return value !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, value)) : currentQuery;
     }, null) : null;
-    navigate("".concat(url).concat(newQuery !== null ? "?".concat(queryString__default["default"].stringify(newQuery, {
+    navigate("".concat(url).concat(newQuery !== null ? "?".concat(queryString.stringify(newQuery, {
       arrayFormat: 'bracket'
     })) : ''));
   }, [navigate, url, query, paginated]);
   var onQueryReset = React.useCallback(function () {
-    var resetQuery = queryString__default["default"].stringify(null, {
+    var resetQuery = queryString.stringify(null, {
       arrayFormat: 'bracket'
     });
     navigate("".concat(url, "?").concat(resetQuery));
@@ -709,32 +1883,32 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       replace: true
     });
   }, [navigate, url]);
-  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
+  return /*#__PURE__*/React.createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
+  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
     title: name,
-    actions: finalActions.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
+    actions: finalActions.length > 0 ? /*#__PURE__*/React.createElement("div", {
       className: "d-flex align-items-center"
     }, finalActions.map(function (_ref5) {
       var id = _ref5.id,
         _ref5$component = _ref5.component,
-        component = _ref5$component === void 0 ? Button__default["default"] : _ref5$component,
-        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({
+        component = _ref5$component === void 0 ? Button : _ref5$component,
+        actionProps = _objectWithoutProperties(_ref5, _excluded$2);
+      var ActionComponent = isString(component) ? componentsManager.getComponent(component) : component;
+      return ActionComponent !== null ? /*#__PURE__*/React.createElement(ActionComponent, Object.assign({
         key: "action-".concat(id)
-      }, actionProps, ActionComponent !== Button__default["default"] ? {
+      }, actionProps, ActionComponent !== Button ? {
         resource: resource,
         query: query,
         onQueryChange: onQueryChange
       } : {})) : null;
     })) : null
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['container-sm py-4'])
-  }, created ? /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames(['container-sm py-4'])
+  }, created ? /*#__PURE__*/React.createElement(Alert, {
     className: "mb-4",
     onClose: onClickCloseAlert
-  }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
     values: resourceValues,
     id: "bfP/d8",
     defaultMessage: [{
@@ -744,10 +1918,10 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       "type": 0,
       "value": " has been created."
     }]
-  })) : null, deleted ? /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
+  })) : null, deleted ? /*#__PURE__*/React.createElement(Alert, {
     className: "mb-4",
     onClose: onClickCloseAlert
-  }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
     values: resourceValues,
     id: "dkRdks",
     defaultMessage: [{
@@ -757,7 +1931,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       "type": 0,
       "value": " has been deleted."
     }]
-  })) : null, /*#__PURE__*/React__default["default"].createElement(ResourceItemsList$1, {
+  })) : null, /*#__PURE__*/React.createElement(ResourceItemsList$1, {
     resource: resource,
     baseUrl: url,
     query: listQuery,
@@ -773,7 +1947,7 @@ var ResourceIndex = ResourceIndexPage;
 
 var propTypes$8 = {
   resource: core.PropTypes.resource.isRequired,
-  itemId: PropTypes__default["default"].string.isRequired
+  itemId: PropTypes.string.isRequired
 };
 var defaultProps$8 = {};
 var ResourceShowPage = function ResourceShowPage(_ref) {
@@ -781,27 +1955,35 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
     itemId = _ref.itemId;
   var name = resource.name;
   var _useResourceItem = data.useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
+    item = _useResourceItem.item,
+    loading = _useResourceItem.loading,
+    error = _useResourceItem.error;
   var _ref2 = item || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
-  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
+  return /*#__PURE__*/React.createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement(PageHeader$1, {
+  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
     title: "".concat(name, " #").concat(itemId),
     small: true
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "row justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "col-12 col-md-8 col-lg-7"
-  }, /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
+  }, item !== null ? /*#__PURE__*/React.createElement(ResourceForm, {
     resource: resource,
     item: item,
     type: type,
     disabled: true
-  }))))));
+  }) : null, item === null && loading && !error ? /*#__PURE__*/React.createElement(Loading, null, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+    id: "TV3jir",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Loading"
+    }]
+  })) : null)))));
 };
 ResourceShowPage.propTypes = propTypes$8;
 ResourceShowPage.defaultProps = defaultProps$8;
@@ -820,19 +2002,19 @@ var HomePage = function HomePage() {
       hideInNavbar = _ref$settings2$hideIn === void 0 ? false : _ref$settings2$hideIn;
     return !hideInNavbar;
   });
-  return /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
   }, visibleResources.map(function (resource) {
     var _ref2 = resource || {},
       resourceId = _ref2.id;
     var resourceValues = intl.useResourceValues(resource);
-    return /*#__PURE__*/React__default["default"].createElement(Link__default["default"], {
+    return /*#__PURE__*/React.createElement(Link, {
       className: "d-block my-2",
       key: "resource-link-".concat(resourceId),
       href: route('resources.index', {
         resource: resourceId
       })
-    }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       values: resourceValues,
       id: "FntHPK",
       defaultMessage: [{
@@ -852,7 +2034,7 @@ var HomePage$1 = HomePage;
 var propTypes$6 = {};
 var defaultProps$6 = {};
 var AccountPage = function AccountPage() {
-  return /*#__PURE__*/React__default["default"].createElement(MainLayout$1, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
   }, "Account page"));
 };
@@ -862,8 +2044,8 @@ var AccountPage$1 = AccountPage;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes$5 = {
-  className: PropTypes__default["default"].string,
-  onSuccess: PropTypes__default["default"].func
+  className: PropTypes.string,
+  onSuccess: PropTypes.func
 };
 var defaultProps$5 = {
   className: null,
@@ -882,12 +2064,12 @@ var LoginForm = function LoginForm(_ref) {
   }, [login]);
   var FormComponents = contexts.useFormsComponents();
   var FormComponent = utils.getComponentFromName('login', FormComponents);
-  return FormComponent !== null ? /*#__PURE__*/React__default["default"].createElement(FormComponent, {
+  return FormComponent !== null ? /*#__PURE__*/React.createElement(FormComponent, {
     action: url('auth.login'),
     postForm: postForm,
     onComplete: onSuccess,
     className: className,
-    submitButtonLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "g6qbbX",
       defaultMessage: [{
         "type": 0,
@@ -903,8 +2085,8 @@ var LoginForm$1 = LoginForm;
 var styles = {};
 
 var propTypes$4 = {
-  children: PropTypes__default["default"].node.isRequired,
-  fullscreen: PropTypes__default["default"].bool
+  children: PropTypes.node.isRequired,
+  fullscreen: PropTypes.bool
 };
 var defaultProps$4 = {
   fullscreen: false
@@ -919,19 +2101,19 @@ var GuestLayout = function GuestLayout(_ref) {
     background = _usePanneauColorSchem3 === void 0 ? null : _usePanneauColorSchem3,
     _usePanneauColorSchem4 = _usePanneauColorSchem.text,
     text = _usePanneauColorSchem4 === void 0 ? null : _usePanneauColorSchem4;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, {
       'd-flex flex-column min-vh-100': fullscreen
     }]),
     "data-bs-theme": theme !== null ? theme : null
-  }, /*#__PURE__*/React__default["default"].createElement(MainNavbar$1, {
-    className: classNames__default["default"](['sticky-top', 'px-3'])
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
+  }, /*#__PURE__*/React.createElement(MainNavbar$1, {
+    className: classNames(['sticky-top', 'px-3'])
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames(_defineProperty(_defineProperty({
       'd-flex flex-column flex-grow-1': fullscreen
     }, "bg-".concat(background), background !== null), "text-".concat(text), text !== null))
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]({
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames({
       'w-100 my-auto': fullscreen
     })
   }, children)));
@@ -950,23 +2132,23 @@ var LoginPage = function LoginPage() {
   var onSuccess = React.useCallback(function () {
     window.location.href = route('home');
   }, [route]);
-  return /*#__PURE__*/React__default["default"].createElement(GuestLayout$1, {
+  return /*#__PURE__*/React.createElement(GuestLayout$1, {
     fullscreen: true
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "row justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "col-12 col-sm-8 col-md-6"
-  }, /*#__PURE__*/React__default["default"].createElement("h1", {
+  }, /*#__PURE__*/React.createElement("h1", {
     className: "mb-4"
-  }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
     id: "AeOZq+",
     defaultMessage: [{
       "type": 0,
       "value": "Login"
     }]
-  })), /*#__PURE__*/React__default["default"].createElement(LoginForm$1, {
+  })), /*#__PURE__*/React.createElement(LoginForm$1, {
     onSuccess: onSuccess
   })))));
 };
@@ -1075,15 +2257,15 @@ var defaultProps$2 = {
 };
 var ErrorPage = function ErrorPage(_ref) {
   var statusCode = _ref.statusCode;
-  return /*#__PURE__*/React__default["default"].createElement(GuestLayout$1, {
+  return /*#__PURE__*/React.createElement(GuestLayout$1, {
     fullscreen: true
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "row justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     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)]))))));
+  }, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement(Label, null, messages["title".concat(statusCode || 404)])), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Label, null, messages["description".concat(statusCode || 404)]))))));
 };
 ErrorPage.propTypes = propTypes$2;
 ErrorPage.defaultProps = defaultProps$2;
@@ -1129,17 +2311,17 @@ 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) || ResourceCreate;
   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;
   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;
-  return [/*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+  return [/*#__PURE__*/React.createElement(Route, {
     key: "".concat(resourceId, "-create"),
     path: route('resources.create', {
       resource: resourceId
     }),
     exact: true
   }, function () {
-    return /*#__PURE__*/React__default["default"].createElement(ResourceCreateComponent, {
+    return /*#__PURE__*/React.createElement(ResourceCreateComponent, {
       resource: resource
     });
-  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+  }), /*#__PURE__*/React.createElement(Route, {
     key: "".concat(resourceId, "-show"),
     path: route('resources.show', {
       resource: resourceId,
@@ -1148,11 +2330,11 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
   }, function (_ref4) {
     var _ref4$id = _ref4.id,
       id = _ref4$id === void 0 ? null : _ref4$id;
-    return /*#__PURE__*/React__default["default"].createElement(ResourceShowComponent, {
+    return /*#__PURE__*/React.createElement(ResourceShowComponent, {
       itemId: id,
       resource: resource
     });
-  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+  }), /*#__PURE__*/React.createElement(Route, {
     key: "".concat(resourceId, "-edit"),
     path: route('resources.edit', {
       resource: resourceId,
@@ -1161,11 +2343,11 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
   }, function (_ref5) {
     var _ref5$id = _ref5.id,
       id = _ref5$id === void 0 ? null : _ref5$id;
-    return /*#__PURE__*/React__default["default"].createElement(ResourceEditComponent, {
+    return /*#__PURE__*/React.createElement(ResourceEditComponent, {
       itemId: id,
       resource: resource
     });
-  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+  }), /*#__PURE__*/React.createElement(Route, {
     key: "".concat(resourceId, "-delete"),
     path: route('resources.delete', {
       resource: resourceId,
@@ -1174,35 +2356,34 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
   }, function (_ref6) {
     var _ref6$id = _ref6.id,
       id = _ref6$id === void 0 ? null : _ref6$id;
-    return /*#__PURE__*/React__default["default"].createElement(ResourceDeleteComponent, {
+    return /*#__PURE__*/React.createElement(ResourceDeleteComponent, {
       itemId: id,
       resource: resource
     });
-  })].concat(_toConsumableArray__default["default"](extraRoutes.map(function (_ref7) {
+  })].concat(_toConsumableArray(extraRoutes.map(function (_ref7) {
     var path = _ref7.path,
       component = _ref7.component,
-      pageProps = _objectWithoutProperties__default["default"](_ref7, _excluded$1);
+      pageProps = _objectWithoutProperties(_ref7, _excluded$1);
     var RouteComponent = componentsManager.getComponent(component);
-    return RouteComponent !== null ? /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+    return RouteComponent !== null ? /*#__PURE__*/React.createElement(Route, {
       key: "route-".concat(path),
       path: path
     }, function () {
-      return /*#__PURE__*/React__default["default"].createElement(RouteComponent, Object.assign({
+      return /*#__PURE__*/React.createElement(RouteComponent, Object.assign({
         resource: resource
       }, pageProps));
     }) : null;
-  })), [/*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+  })), [/*#__PURE__*/React.createElement(Route, {
     key: "".concat(resourceId, "-index"),
     path: route('resources.index', {
       resource: resourceId
     })
   }, function () {
-    return /*#__PURE__*/React__default["default"].createElement(ResourceIndexComponent, {
+    return /*#__PURE__*/React.createElement(ResourceIndexComponent, {
       resource: resource
     });
   })]);
 };
-var createResourceRoutes$1 = createResourceRoutes;
 
 var _excluded = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete"],
   _excluded2 = ["path", "route", "component"];
@@ -1215,14 +2396,14 @@ var defaultProps$1 = {
 var PanneauRoutes = function PanneauRoutes(_ref) {
   var initialStatusCode = _ref.statusCode;
   var routes = contexts.useRoutes();
-  var _useLocation = wouter.useLocation(),
-    _useLocation2 = _slicedToArray__default["default"](_useLocation, 1),
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 1),
     pathname = _useLocation2[0];
   var _useState = React.useState({
       statusCode: initialStatusCode,
       pathname: pathname
     }),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     _useState2$ = _useState2[0],
     statusCode = _useState2$.statusCode,
     lastPathname = _useState2$.pathname,
@@ -1259,16 +2440,16 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
     _ref2.create;
     _ref2.edit;
     _ref2["delete"];
-    var otherPages = _objectWithoutProperties__default["default"](_ref2, _excluded);
+    var otherPages = _objectWithoutProperties(_ref2, _excluded);
   var customRoutes = React.useMemo(function () {
-    return [].concat(_toConsumableArray__default["default"](Object.keys(routesDefinition).filter(function (key) {
+    return [].concat(_toConsumableArray(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';
+      return isObject(routeDef) && typeof routeDef.component !== 'undefined' && typeof routeDef.path !== 'undefined';
     }).map(function (key) {
       return routesDefinition[key];
-    })), _toConsumableArray__default["default"](Object.keys(otherPages).map(function (key) {
+    })), _toConsumableArray(Object.keys(otherPages).map(function (key) {
       return otherPages[key];
     }).filter(function (_ref3) {
       var _ref3$path = _ref3.path,
@@ -1285,66 +2466,66 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
 
   // If there is an error status code
   if (statusCode !== null) {
-    return /*#__PURE__*/React__default["default"].createElement(ErrorComponent, Object.assign({
+    return /*#__PURE__*/React.createElement(ErrorComponent, Object.assign({
       statusCode: statusCode
     }, errorPage));
   }
 
   // If user is unauthenticated
   if (user === null) {
-    return /*#__PURE__*/React__default["default"].createElement(wouter.Switch, null, /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+    return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
       path: routes['auth.login']
-    }, /*#__PURE__*/React__default["default"].createElement(LoginComponent, loginPage)), /*#__PURE__*/React__default["default"].createElement(wouter.Route, null, /*#__PURE__*/React__default["default"].createElement(wouter.Redirect, {
+    }, /*#__PURE__*/React.createElement(LoginComponent, loginPage)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
       to: "".concat(route('auth.login'), "?next=").concat(encodeURIComponent(pathname))
     })));
   }
 
   // Normal routes
-  return /*#__PURE__*/React__default["default"].createElement(wouter.Switch, null, user !== null ? /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+  return /*#__PURE__*/React.createElement(Switch, null, user !== null ? /*#__PURE__*/React.createElement(Route, {
     path: routes['auth.login']
-  }, /*#__PURE__*/React__default["default"].createElement(wouter.Redirect, {
+  }, /*#__PURE__*/React.createElement(Redirect, {
     to: routes.home,
     replace: true
   })) : null, resources.map(function (resource) {
     var _ref4 = resource || {},
       resourceId = _ref4.id;
-    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: "resource-".concat(resourceId)
-    }, createResourceRoutes$1(resource, {
+    }, createResourceRoutes(resource, {
       route: route,
       componentsManager: componentsManager,
       pages: pages
     }));
-  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+  }), /*#__PURE__*/React.createElement(Route, {
     path: routes.account
-  }, /*#__PURE__*/React__default["default"].createElement(AccountComponent, accountPage)), customRoutes.map(function (_ref5) {
+  }, /*#__PURE__*/React.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,
-      props = _objectWithoutProperties__default["default"](_ref5, _excluded2);
+      props = _objectWithoutProperties(_ref5, _excluded2);
     var PageComponent = componentsManager.getComponent(component);
     var finalPath = path || routes[pageRoute];
-    return PageComponent !== null ? /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+    return PageComponent !== null ? /*#__PURE__*/React.createElement(Route, {
       key: "custom-route-".concat(finalPath),
       path: path || routes[pageRoute]
-    }, /*#__PURE__*/React__default["default"].createElement(PageComponent, props)) : null;
-  }), /*#__PURE__*/React__default["default"].createElement(wouter.Route, {
+    }, /*#__PURE__*/React.createElement(PageComponent, props)) : null;
+  }), /*#__PURE__*/React.createElement(Route, {
     path: routes.home
-  }, /*#__PURE__*/React__default["default"].createElement(HomeComponent, homePage)), /*#__PURE__*/React__default["default"].createElement(wouter.Route, null, /*#__PURE__*/React__default["default"].createElement(ErrorComponent, null)));
+  }, /*#__PURE__*/React.createElement(HomeComponent, homePage)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(ErrorComponent, null)));
 };
 PanneauRoutes.propTypes = propTypes$1;
 PanneauRoutes.defaultProps = defaultProps$1;
 var Routes = PanneauRoutes;
 
-var pathToRegexpParser = routes.createPathToRegexpParser();
+var pathToRegexpParser = createPathToRegexpParser();
 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))]),
+  components: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.elementType), PropTypes.objectOf(PropTypes.objectOf(PropTypes.elementType))]),
   user: core.PropTypes.user,
-  memoryRouter: PropTypes__default["default"].bool,
-  baseUrl: PropTypes__default["default"].string,
+  memoryRouter: PropTypes.bool,
+  baseUrl: PropTypes.string,
   uppy: core.PropTypes.uppy,
   statusCode: core.PropTypes.statusCode
 };
@@ -1371,7 +2552,7 @@ 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$1 = _definition$routes === void 0 ? {} : _definition$routes,
+    routes = _definition$routes === void 0 ? {} : _definition$routes,
     _definition$settings = definition.settings,
     _definition$settings2 = _definition$settings === void 0 ? {} : _definition$settings,
     _definition$settings3 = _definition$settings2.memoryRouter,
@@ -1384,14 +2565,14 @@ var Container = function Container(_ref) {
       messages = _definition$intl4$mes === void 0 ? null : _definition$intl4$mes,
       _definition$resources = definition.resources,
       resources = _definition$resources === void 0 ? [] : _definition$resources;
-    return _objectSpread__default["default"](_objectSpread__default["default"]({}, messages), resources.reduce(function (allMessages, _ref2) {
+    return _objectSpread(_objectSpread({}, messages), resources.reduce(function (allMessages, _ref2) {
       var id = _ref2.id,
         _ref2$intl = _ref2.intl,
         _ref2$intl2 = _ref2$intl === void 0 ? {} : _ref2$intl,
         _ref2$intl2$messages = _ref2$intl2.messages,
         resourceMessages = _ref2$intl2$messages === void 0 ? {} : _ref2$intl2$messages;
-      return _objectSpread__default["default"](_objectSpread__default["default"]({}, allMessages), Object.keys(resourceMessages).reduce(function (allResourceMessages, key) {
-        return _objectSpread__default["default"](_objectSpread__default["default"]({}, allResourceMessages), {}, _defineProperty__default["default"]({}, "resources.".concat(id, ".").concat(key), resourceMessages[key]));
+      return _objectSpread(_objectSpread({}, allMessages), Object.keys(resourceMessages).reduce(function (allResourceMessages, key) {
+        return _objectSpread(_objectSpread({}, allResourceMessages), {}, _defineProperty({}, "resources.".concat(id, ".").concat(key), resourceMessages[key]));
       }, {}));
     }, {}));
   }, [definition]);
@@ -1401,30 +2582,30 @@ var Container = function Container(_ref) {
   var onLogout = React.useCallback(function () {
     window.location.reload();
   }, [baseUrl]);
-  var _useMemoryRouter = routes.useMemoryRouter(),
+  var _useMemoryRouter = useMemoryRouter(),
     memoryLocationHook = _useMemoryRouter.hook,
     memorySearchHook = _useMemoryRouter.searchHook;
-  return /*#__PURE__*/React__default["default"].createElement(wouter.Router, {
+  return /*#__PURE__*/React.createElement(Router, {
     hook: isMemoryRouter ? memoryLocationHook : null,
     searchHook: isMemoryRouter ? memorySearchHook : null,
     parser: pathToRegexpParser
-  }, /*#__PURE__*/React__default["default"].createElement(intl.IntlProvider, {
+  }, /*#__PURE__*/React.createElement(intl.IntlProvider, {
     locale: locale,
     locales: locales,
     extraMessages: extraMessages
-  }, /*#__PURE__*/React__default["default"].createElement(contexts.PanneauProvider, {
+  }, /*#__PURE__*/React.createElement(contexts.PanneauProvider, {
     definition: definition
-  }, /*#__PURE__*/React__default["default"].createElement(uppy.UppyProvider, uppy$1, /*#__PURE__*/React__default["default"].createElement(contexts.RoutesProvider, {
-    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, {
+  }, /*#__PURE__*/React.createElement(uppy.UppyProvider, uppy$1, /*#__PURE__*/React.createElement(contexts.RoutesProvider, {
+    routes: routes
+  }, /*#__PURE__*/React.createElement(FieldsProvider, null, /*#__PURE__*/React.createElement(FormsProvider, null, /*#__PURE__*/React.createElement(ListsProvider, null, /*#__PURE__*/React.createElement(DisplaysProvider, null, /*#__PURE__*/React.createElement(FiltersProvider, null, /*#__PURE__*/React.createElement(contexts.ModalProvider, null, /*#__PURE__*/React.createElement(ModalsProvider, null, /*#__PURE__*/React.createElement(data.ApiProvider, {
     baseUrl: baseUrl,
     onUnauthorized: onUnauthorized
-  }, /*#__PURE__*/React__default["default"].createElement(auth.AuthProvider, {
+  }, /*#__PURE__*/React.createElement(auth.AuthProvider, {
     user: user,
     onLogout: onLogout
-  }, /*#__PURE__*/React__default["default"].createElement(contexts.ComponentsProvider, {
+  }, /*#__PURE__*/React.createElement(contexts.ComponentsProvider, {
     components: components
-  }, /*#__PURE__*/React__default["default"].createElement(Routes, {
+  }, /*#__PURE__*/React.createElement(Routes, {
     statusCode: statusCode
   }))))))))))))))));
 };
@@ -1433,10 +2614,11 @@ Container.defaultProps = defaultProps;
 var PanneauContainer = Container;
 
 /* eslint-disable react/jsx-props-no-spreading */
+// import PropTypes from 'prop-types';
 
 // Kept for backward compatibility with exports
 var ResourceFilters = function ResourceFilters(props) {
-  return /*#__PURE__*/React__default["default"].createElement(Filters__default["default"], props);
+  return /*#__PURE__*/React.createElement(Filters, props);
 };
 var ResourceFilters$1 = ResourceFilters;
 
@@ -1446,4 +2628,4 @@ exports.PageHeader = PageHeader$1;
 exports.ResourceFilters = ResourceFilters$1;
 exports.ResourceForm = ResourceForm;
 exports.ResourceItemsList = ResourceItemsList$1;
-exports["default"] = PanneauContainer;
+exports.default = PanneauContainer;