@panneau/app 3.0.19 → 3.0.20

package/es/index.js

@@ -1,1406 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import { useLocation, createPathToRegexpMatcher, useMemoryLocationHook } from '@folklore/routes';
-import PropTypes from 'prop-types';
-import React, { useCallback, useMemo, useState, useEffect, Fragment } from 'react';
-import { Route, Switch, Redirect, Router } from 'wouter';
-import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
-import { PropTypes as PropTypes$1 } from '@panneau/core';
-import { useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useComponentsManager, useFormsComponents, useRoutes, usePagesComponentsManager, PanneauProvider, RoutesProvider, ModalProvider, ComponentsProvider } from '@panneau/core/contexts';
-import { UppyProvider } from '@panneau/uppy';
-import { useResourceItem, ApiProvider } from '@panneau/data';
-import DisplaysProvider from '@panneau/displays';
-import FieldsProvider from '@panneau/fields';
-import FiltersProvider from '@panneau/filters';
-import FormsProvider from '@panneau/forms';
-import { useResourceValues, IntlProvider } from '@panneau/intl';
-import ListsProvider from '@panneau/lists';
-import ModalsProvider from '@panneau/modals';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import isObject from 'lodash/isObject';
-import classNames from 'classnames';
-import isString from 'lodash/isString';
-import queryString from 'query-string';
-import { FormattedMessage, defineMessages } from 'react-intl';
-import { useResourceUrlGenerator, useResourceTypeName } from '@panneau/core/hooks';
-import Alert from '@panneau/element-alert';
-import Button from '@panneau/element-button';
-import Dropdown from '@panneau/element-dropdown';
-import { Modals } from '@panneau/element-modal';
-import isArray from 'lodash/isArray';
-import Link from '@panneau/element-link';
-import Menu from '@panneau/element-menu';
-import Navbar from '@panneau/element-navbar';
-import Label from '@panneau/element-label';
-import ResourceList from '@panneau/list-resource-items';
-import ResourceForm$1 from '@panneau/form-resource';
-import { getComponentFromName } from '@panneau/core/utils';
-import Filters from '@panneau/filter-filters';
-
-/* eslint-disable react/jsx-props-no-spreading */
-
-// Kept for backward compatibility with exports
-var ResourceFormWrapper = function ResourceFormWrapper(props) {
-  return /*#__PURE__*/React.createElement(ResourceForm$1, props);
-};
-var ResourceForm = ResourceFormWrapper;
-
-var propTypes$j = {
-  withAccountForm: PropTypes.bool,
-  className: PropTypes.string,
-  itemClassName: PropTypes.string,
-  linkClassName: PropTypes.string
-};
-var defaultProps$i = {
-  withAccountForm: false,
-  className: null,
-  itemClassName: null,
-  linkClassName: null
-};
-var AccountMenu = function AccountMenu(_ref) {
-  var withAccountForm = _ref.withAccountForm,
-    className = _ref.className,
-    itemClassName = _ref.itemClassName,
-    linkClassName = _ref.linkClassName;
-  var route = useUrlGenerator();
-  var user = useUser();
-  var logout = useLogout();
-  var onClickLogout = useCallback(function (e) {
-    e.preventDefault();
-    logout();
-  }, [logout, route]);
-  var items = useMemo(function () {
-    return user !== null ? [{
-      id: 'account',
-      label: /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "IuqEHB",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Account"
-        }]
-      }),
-      href: route('account'),
-      dropdown: [].concat(_toConsumableArray(withAccountForm ? [{
-        label: /*#__PURE__*/React.createElement(FormattedMessage, {
-          id: "V7Us0a",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Update account"
-          }]
-        }),
-        href: route('account')
-      }] : []), [{
-        label: /*#__PURE__*/React.createElement(FormattedMessage, {
-          id: "REIcPg",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Logout"
-          }]
-        }),
-        href: route('auth.logout'),
-        onClick: onClickLogout
-      }])
-    }] : [{
-      label: /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "d0g58T",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Login"
-        }]
-      }),
-      href: route('auth.login')
-    }];
-  }, [user, route, onClickLogout, withAccountForm]);
-  return items !== null ? /*#__PURE__*/React.createElement(Menu, {
-    className: className,
-    itemClassName: itemClassName,
-    linkClassName: linkClassName,
-    items: items,
-    dropdownAlign: "end"
-  }) : null;
-};
-AccountMenu.propTypes = propTypes$j;
-AccountMenu.defaultProps = defaultProps$i;
-var AccountMenu$1 = AccountMenu;
-
-var propTypes$i = {
-  className: PropTypes.string,
-  itemClassName: PropTypes.string,
-  linkClassName: PropTypes.string
-};
-var defaultProps$h = {
-  className: null,
-  itemClassName: null,
-  linkClassName: null
-};
-var ResourcesMenu = function ResourcesMenu(_ref) {
-  var className = _ref.className,
-    itemClassName = _ref.itemClassName,
-    linkClassName = _ref.linkClassName;
-  var _useLocation = useLocation(),
-    _useLocation2 = _slicedToArray(_useLocation, 1),
-    pathname = _useLocation2[0].pathname;
-  var resources = usePanneauResources();
-  var resourceRoute = useResourceUrlGenerator();
-  var items = useMemo(function () {
-    return resources.filter(function (_ref2) {
-      var _ref2$settings = _ref2.settings,
-        _ref2$settings2 = _ref2$settings === void 0 ? {} : _ref2$settings,
-        _ref2$settings2$hideI = _ref2$settings2.hideInNavbar,
-        hideInNavbar = _ref2$settings2$hideI === void 0 ? false : _ref2$settings2$hideI;
-      return !hideInNavbar;
-    }).map(function (it) {
-      var url = resourceRoute(it, 'index');
-      return {
-        id: it.id,
-        label: it.name,
-        href: url,
-        active: pathname.substr(0, url.length) === url
-      };
-    });
-  }, [resources, pathname, resourceRoute]);
-  return /*#__PURE__*/React.createElement(Menu, {
-    items: items,
-    className: className,
-    itemClassName: itemClassName,
-    linkClassName: linkClassName
-  });
-};
-ResourcesMenu.propTypes = propTypes$i;
-ResourcesMenu.defaultProps = defaultProps$h;
-var ResourcesMenu$1 = ResourcesMenu;
-
-var propTypes$h = {};
-var defaultProps$g = {};
-var MainNavbar = function MainNavbar(props) {
-  var _usePanneau = usePanneau(),
-    name = _usePanneau.name,
-    _usePanneau$menus = _usePanneau.menus,
-    menus = _usePanneau$menus === void 0 ? null : _usePanneau$menus;
-  var _ref = menus || {},
-    _ref$main = _ref.main,
-    main = _ref$main === void 0 ? null : _ref$main,
-    _ref$guest = _ref.guest,
-    guest = _ref$guest === void 0 ? null : _ref$guest;
-  var _usePanneauColorSchem = usePanneauColorScheme(),
-    background = _usePanneauColorSchem.background;
-  var route = useUrlGenerator();
-  var user = useUser();
-  var items = useMemo(function () {
-    var menuItems = (user !== null ? main : guest) || [];
-    var hasResources = menuItems.indexOf('resources') !== -1;
-    var hasAccount = menuItems.indexOf('account') !== -1;
-    return [!hasResources && user !== null ? 'resources' : null].concat(_toConsumableArray(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(currentItems), [/*#__PURE__*/React.createElement(ResourcesMenu$1, {
-          key: "menu-item-resource-".concat(index + 1),
-          className: "navbar-nav",
-          itemClassName: "nav-item",
-          linkClassName: "nav-link"
-        })]);
-      }
-      if (item === 'account') {
-        return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(AccountMenu$1, {
-          key: "menu-item-account-".concat(index + 1),
-          className: "navbar-nav",
-          itemClassName: "nav-item",
-          linkClassName: "nav-link"
-        })]);
-      }
-      if (item === 'separator') {
-        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(lastItem) ? [].concat(_toConsumableArray(currentItems.slice(0, currentItems.length - 1)), [[].concat(_toConsumableArray(lastItem), [item])]) : [].concat(_toConsumableArray(currentItems), [[item]]);
-    }, []).map(function (it, index) {
-      return isArray(it) ? /*#__PURE__*/React.createElement(Menu, {
-        items: it,
-        key: "submenu-item-".concat(index + 1),
-        className: "navbar-nav",
-        itemClassName: "nav-item",
-        linkClassName: "nav-link"
-      }) : it;
-    });
-  }, [main]);
-  return /*#__PURE__*/React.createElement(Navbar, Object.assign({
-    theme: background
-  }, props), name !== null ? /*#__PURE__*/React.createElement(Link, {
-    href: route('home'),
-    className: "navbar-brand"
-  }, name) : null, items);
-};
-MainNavbar.propTypes = propTypes$h;
-MainNavbar.defaultProps = defaultProps$g;
-var MainNavbar$1 = MainNavbar;
-
-var styles$1 = {};
-
-var propTypes$g = {
-  children: PropTypes.node.isRequired,
-  fullscreen: PropTypes.bool
-};
-var defaultProps$f = {
-  fullscreen: false
-};
-var MainLayout = function MainLayout(_ref) {
-  var _ref2;
-  var children = _ref.children,
-    fullscreen = _ref.fullscreen;
-  var _usePanneauColorSchem = usePanneauColorScheme(),
-    _usePanneauColorSchem2 = _usePanneauColorSchem.theme,
-    theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2,
-    _usePanneauColorSchem3 = _usePanneauColorSchem.background,
-    background = _usePanneauColorSchem3 === void 0 ? null : _usePanneauColorSchem3,
-    _usePanneauColorSchem4 = _usePanneauColorSchem.text,
-    text = _usePanneauColorSchem4 === void 0 ? null : _usePanneauColorSchem4;
-  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.createElement(MainNavbar$1, {
-    className: classNames(['border-bottom', 'sticky-top', 'px-3'])
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames(['flex-grow-1', (_ref2 = {
-      'd-flex flex-column': fullscreen
-    }, _defineProperty(_ref2, "bg-".concat(background), background !== null), _defineProperty(_ref2, "text-".concat(text), text !== null), _ref2)])
-  }, children), /*#__PURE__*/React.createElement(Modals, null));
-};
-MainLayout.propTypes = propTypes$g;
-MainLayout.defaultProps = defaultProps$f;
-var MainLayout$1 = MainLayout;
-
-var propTypes$f = {
-  title: PropTypes$1.label,
-  actions: PropTypes.node,
-  small: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node
-};
-var defaultProps$e = {
-  title: null,
-  actions: null,
-  small: false,
-  className: null,
-  children: null
-};
-var PageHeader = function PageHeader(_ref) {
-  var _ref2;
-  var title = _ref.title,
-    actions = _ref.actions,
-    small = _ref.small,
-    className = _ref.className,
-    children = _ref.children;
-  // TODO: fix page header components
-  // const { components } = usePanneau();
-  // console.log('page-header', components); // eslint-disable-line
-  var _usePanneauColorSchem = usePanneauColorScheme(),
-    text = _usePanneauColorSchem.text,
-    background = _usePanneauColorSchem.background;
-  var inner = /*#__PURE__*/React.createElement("div", {
-    className: "d-flex align-items-center flex-wrap"
-  }, title !== null ? /*#__PURE__*/React.createElement("h1", {
-    className: classNames(['mb-0', {
-      h2: small
-    }])
-  }, /*#__PURE__*/React.createElement(Label, null, title)) : null, actions !== null ? /*#__PURE__*/React.createElement("div", {
-    className: "ms-auto"
-  }, actions) : null);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(['py-4', (_ref2 = {}, _defineProperty(_ref2, "bg-".concat(background), background !== null), _defineProperty(_ref2, "text-".concat(text), text !== null), _defineProperty(_ref2, "border-bottom", background || text !== null), _defineProperty(_ref2, className, className !== null), _ref2)])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "container-sm"
-  }, small ? /*#__PURE__*/React.createElement("div", {
-    className: "row justify-content-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-12 col-md-8 col-lg-7"
-  }, inner)) : inner), children);
-};
-PageHeader.propTypes = propTypes$f;
-PageHeader.defaultProps = defaultProps$e;
-var PageHeader$1 = PageHeader;
-
-var propTypes$e = {
-  resource: PropTypes$1.resource.isRequired
-};
-var defaultProps$d = {};
-var ResourceCreatePage = function ResourceCreatePage(_ref) {
-  var resource = _ref.resource;
-  var _useLocation = useLocation(),
-    _useLocation2 = _slicedToArray(_useLocation, 2),
-    search = _useLocation2[0].search,
-    navigate = _useLocation2[1];
-  var resourceRoute = useResourceUrlGenerator(resource);
-  var _useMemo = useMemo(function () {
-      return queryString.parse(search);
-    }, [search]),
-    _useMemo$type = _useMemo.type,
-    type = _useMemo$type === void 0 ? null : _useMemo$type;
-  var resourceValues = useResourceValues(resource);
-  var typeName = useResourceTypeName(resource, type);
-  var onSuccess = useCallback(function () {
-    navigate("".concat(resourceRoute('index'), "?created=true"));
-  }, [navigate, resourceRoute]);
-  return /*#__PURE__*/React.createElement(ResourceProvider, {
-    resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
-      values: resourceValues,
-      id: "6viUpq",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Create "
-      }, {
-        "type": 1,
-        "value": "a_singular"
-      }]
-    }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
-      className: "text-body-secondary"
-    }, " (", typeName, ")") : null),
-    small: true
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "container-sm py-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row justify-content-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-12 col-md-8 col-lg-7"
-  }, /*#__PURE__*/React.createElement(ResourceForm, {
-    resource: resource,
-    type: type,
-    onSuccess: onSuccess
-  }))))));
-};
-ResourceCreatePage.propTypes = propTypes$e;
-ResourceCreatePage.defaultProps = defaultProps$d;
-var ResourceCreate = ResourceCreatePage;
-
-var propTypes$d = {
-  itemId: PropTypes.string.isRequired,
-  resource: PropTypes$1.resource.isRequired
-};
-var defaultProps$c = {};
-var ResourceDeletePage = function ResourceDeletePage(_ref) {
-  var itemId = _ref.itemId,
-    resource = _ref.resource;
-  var _useLocation = useLocation(),
-    _useLocation2 = _slicedToArray(_useLocation, 2),
-    navigate = _useLocation2[1];
-  var resourceRoute = useResourceUrlGenerator(resource);
-  var _useResourceItem = useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
-  var _ref2 = item || {},
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? null : _ref2$type;
-  var resourceValues = useResourceValues(resource);
-  var typeName = useResourceTypeName(resource, type);
-  var onSuccess = useCallback(function () {
-    return navigate("".concat(resourceRoute('index'), "?deleted=true"));
-  }, [navigate, resourceRoute]);
-  return /*#__PURE__*/React.createElement(ResourceProvider, {
-    resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
-      values: resourceValues,
-      id: "zN5N/Q",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Delete "
-      }, {
-        "type": 1,
-        "value": "a_singular"
-      }]
-    }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
-      className: "text-body-secondary"
-    }, " (", typeName, ")") : null),
-    small: true
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "container-sm py-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row justify-content-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-12 col-md-8 col-lg-7"
-  }, item !== null ? /*#__PURE__*/React.createElement(ResourceForm, {
-    resource: resource,
-    item: item,
-    onSuccess: onSuccess,
-    isDelete: true
-  }) : null)))));
-};
-ResourceDeletePage.propTypes = propTypes$d;
-ResourceDeletePage.defaultProps = defaultProps$c;
-var ResourceDelete = ResourceDeletePage;
-
-var propTypes$c = {
-  itemId: PropTypes.string.isRequired,
-  resource: PropTypes$1.resource.isRequired
-};
-var defaultProps$b = {};
-var ResourceEditPage = function ResourceEditPage(_ref) {
-  var itemId = _ref.itemId,
-    resource = _ref.resource;
-  var _useResourceItem = useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
-  var _ref2 = item || {},
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? null : _ref2$type;
-  var _useState = useState(item),
-    _useState2 = _slicedToArray(_useState, 2),
-    editItem = _useState2[0],
-    setEditItem = _useState2[1];
-  var typeName = useResourceTypeName(resource, type);
-  var onSuccess = useCallback(function (newItem) {
-    return setEditItem(newItem);
-  }, []);
-  useEffect(function () {
-    setEditItem(item);
-  }, [item, setEditItem]);
-  var resourceValues = useResourceValues(resource);
-  return /*#__PURE__*/React.createElement(ResourceProvider, {
-    resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
-      values: resourceValues,
-      id: "mCfzkJ",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Edit "
-      }, {
-        "type": 1,
-        "value": "a_singular"
-      }]
-    }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
-      className: "text-body-secondary"
-    }, " (", typeName, ")") : null),
-    small: true
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "container-sm py-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row justify-content-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-12 col-md-8 col-lg-7"
-  }, editItem !== null ? /*#__PURE__*/React.createElement(ResourceForm, {
-    resource: resource,
-    item: editItem,
-    type: type,
-    onSuccess: onSuccess
-  }) : null)))));
-};
-ResourceEditPage.propTypes = propTypes$c;
-ResourceEditPage.defaultProps = defaultProps$b;
-var ResourceEdit = ResourceEditPage;
-
-var propTypes$b = {
-  resource: PropTypes$1.resource.isRequired,
-  className: PropTypes.string
-};
-var defaultProps$a = {
-  className: null
-};
-var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
-  var resource = _ref.resource,
-    className = _ref.className;
-  var _resource$types = resource.types,
-    types = _resource$types === void 0 ? null : _resource$types;
-  // const intl = useIntl();
-  var resourceRoute = useResourceUrlGenerator(resource);
-  var resourceValues = useResourceValues(resource);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    dropdownOpened = _useState2[0],
-    setDropdownOpened = _useState2[1];
-  var onClickDropdown = useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-    setDropdownOpened(!dropdownOpened);
-  }, [setDropdownOpened, dropdownOpened]);
-  var finalTypes = types !== null ? types.filter(function (_ref2) {
-    var _ref2$settings = _ref2.settings,
-      _ref2$settings2 = _ref2$settings === void 0 ? {} : _ref2$settings,
-      _ref2$settings2$canCr = _ref2$settings2.canCreate,
-      canCreate = _ref2$settings2$canCr === void 0 ? true : _ref2$settings2$canCr;
-    return canCreate;
-  }) : null;
-  var hasMultipleTypes = finalTypes !== null && finalTypes.length > 1;
-  var onDropdownClickOutside = useCallback(function () {
-    if (dropdownOpened) {
-      setDropdownOpened(false);
-    }
-  }, [setDropdownOpened, dropdownOpened]);
-  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([_defineProperty({
-      'dropdown-toggle': hasMultipleTypes
-    }, className, className !== null)]),
-    onClick: hasMultipleTypes ? onClickDropdown : null
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    values: resourceValues,
-    id: "l+ddDH",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Create "
-    }, {
-      "type": 1,
-      "value": "a_singular"
-    }]
-  }));
-  return hasMultipleTypes ? /*#__PURE__*/React.createElement("div", {
-    className: classNames(['dropdown', {
-      show: dropdownOpened
-    }])
-  }, button, /*#__PURE__*/React.createElement(Dropdown, {
-    items: finalTypes.map(function (it) {
-      return {
-        id: it.id,
-        label: it.name,
-        href: "".concat(resourceRoute('create'), "?type=").concat(it.id)
-      };
-    }),
-    visible: dropdownOpened,
-    align: "end",
-    onClickOutside: onDropdownClickOutside
-  })) : button;
-};
-ResourceCreateButtom.propTypes = propTypes$b;
-ResourceCreateButtom.defaultProps = defaultProps$a;
-var ResourceCreateButton = ResourceCreateButtom;
-
-var _excluded$3 = ["resource"];
-var propTypes$a = {
-  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(_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.createElement(ResourceList, Object.assign({
-    resource: finalResource
-  }, props));
-};
-ResourceItemsList.propTypes = propTypes$a;
-var ResourceItemsList$1 = ResourceItemsList;
-
-var _excluded$2 = ["id", "component"];
-var propTypes$9 = {
-  resource: PropTypes$1.resource.isRequired,
-  defaultActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])) // eslint-disable-line react/forbid-prop-types
-};
-
-var defaultProps$9 = {
-  defaultActions: ['create']
-};
-var ResourceIndexPage = function ResourceIndexPage(_ref) {
-  var resource = _ref.resource,
-    defaultActions = _ref.defaultActions;
-  var _usePanneauColorSchem = usePanneauColorScheme(),
-    _usePanneauColorSchem2 = _usePanneauColorSchem.theme,
-    theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2;
-  var name = resource.name,
-    _resource$settings = resource.settings,
-    settings = _resource$settings === void 0 ? {} : _resource$settings,
-    _resource$index = resource.index,
-    index = _resource$index === void 0 ? {} : _resource$index;
-  var _ref2 = settings || {},
-    _ref2$canCreate = _ref2.canCreate,
-    canCreate = _ref2$canCreate === void 0 ? true : _ref2$canCreate,
-    _ref2$indexIsPaginate = _ref2.indexIsPaginated,
-    paginated = _ref2$indexIsPaginate === void 0 ? false : _ref2$indexIsPaginate;
-  var _ref3 = index || {},
-    _ref3$actions = _ref3.actions,
-    actions = _ref3$actions === void 0 ? null : _ref3$actions;
-  var finalActions = useMemo(function () {
-    return (actions || defaultActions.filter(function (it) {
-      return it !== 'create' || canCreate;
-    })).map(function (it) {
-      return it === 'create' ? {
-        id: 'create',
-        component: ResourceCreateButton,
-        size: 'lg',
-        theme: 'primary'
-      } : it;
-    });
-  }, [canCreate, actions]);
-  var resourceValues = useResourceValues(resource);
-  var componentsManager = useComponentsManager();
-  var _useLocation = useLocation(),
-    _useLocation2 = _slicedToArray(_useLocation, 2),
-    search = _useLocation2[0].search,
-    navigate = _useLocation2[1];
-  var query = useMemo(function () {
-    return queryString.parse(search);
-  }, [search]);
-  var listQuery = useMemo(function () {
-    return query;
-  }, [query]); // TODO: omit routes
-  var _ref4 = query || {},
-    _ref4$created = _ref4.created,
-    created = _ref4$created === void 0 ? false : _ref4$created,
-    _ref4$deleted = _ref4.deleted,
-    deleted = _ref4$deleted === void 0 ? false : _ref4$deleted;
-  var resourceRoute = useResourceUrlGenerator(resource);
-  var url = resourceRoute('index');
-  var onQueryChange = useCallback(function (submitQuery) {
-    var newQuery = submitQuery !== null ? Object.keys(submitQuery).reduce(function (currentQuery, key) {
-      var value = submitQuery[key];
-      return value !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, value)) : currentQuery;
-    }, null) : null;
-    navigate("".concat(url).concat(newQuery !== null ? "?".concat(queryString.stringify(newQuery, {
-      arrayFormat: 'bracket'
-    })) : ''));
-  }, [navigate, url, query, paginated]);
-  var onQueryReset = useCallback(function () {
-    var resetQuery = queryString.stringify(null, {
-      arrayFormat: 'bracket'
-    });
-    navigate("".concat(url, "?").concat(resetQuery));
-  }, [navigate, url, paginated]);
-  var onClickCloseAlert = useCallback(function () {
-    navigate(url, {
-      replace: true
-    });
-  }, [navigate, url]);
-  return /*#__PURE__*/React.createElement(ResourceProvider, {
-    resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
-    title: name,
-    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 : _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 ? {
-        resource: resource,
-        query: query,
-        onQueryChange: onQueryChange
-      } : {})) : null;
-    })) : null
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames(['container-sm py-4'])
-  }, created ? /*#__PURE__*/React.createElement(Alert, {
-    className: "mb-4",
-    onClose: onClickCloseAlert
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    values: resourceValues,
-    id: "bfP/d8",
-    defaultMessage: [{
-      "type": 1,
-      "value": "The_singular"
-    }, {
-      "type": 0,
-      "value": " has been created."
-    }]
-  })) : null, deleted ? /*#__PURE__*/React.createElement(Alert, {
-    className: "mb-4",
-    onClose: onClickCloseAlert
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    values: resourceValues,
-    id: "dkRdks",
-    defaultMessage: [{
-      "type": 1,
-      "value": "The_singular"
-    }, {
-      "type": 0,
-      "value": " has been deleted."
-    }]
-  })) : null, /*#__PURE__*/React.createElement(ResourceItemsList$1, {
-    resource: resource,
-    baseUrl: url,
-    query: listQuery,
-    paginated: paginated,
-    onQueryChange: onQueryChange,
-    onQueryReset: onQueryReset,
-    theme: theme
-  }))));
-};
-ResourceIndexPage.propTypes = propTypes$9;
-ResourceIndexPage.defaultProps = defaultProps$9;
-var ResourceIndex = ResourceIndexPage;
-
-var propTypes$8 = {
-  resource: PropTypes$1.resource.isRequired,
-  itemId: PropTypes.string.isRequired
-};
-var defaultProps$8 = {};
-var ResourceShowPage = function ResourceShowPage(_ref) {
-  var resource = _ref.resource,
-    itemId = _ref.itemId;
-  var name = resource.name;
-  var _useResourceItem = useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
-  var _ref2 = item || {},
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? null : _ref2$type;
-  return /*#__PURE__*/React.createElement(ResourceProvider, {
-    resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement(PageHeader$1, {
-    title: "".concat(name, " #").concat(itemId),
-    small: true
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "container-sm py-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row justify-content-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-12 col-md-8 col-lg-7"
-  }, /*#__PURE__*/React.createElement(ResourceForm, {
-    resource: resource,
-    item: item,
-    type: type,
-    disabled: true
-  }))))));
-};
-ResourceShowPage.propTypes = propTypes$8;
-ResourceShowPage.defaultProps = defaultProps$8;
-var ResourceShow = ResourceShowPage;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes$7 = {};
-var defaultProps$7 = {};
-var HomePage = function HomePage() {
-  var route = useUrlGenerator();
-  var resources = usePanneauResources();
-  var visibleResources = resources.filter(function (_ref) {
-    var _ref$settings = _ref.settings,
-      _ref$settings2 = _ref$settings === void 0 ? {} : _ref$settings,
-      _ref$settings2$hideIn = _ref$settings2.hideInNavbar,
-      hideInNavbar = _ref$settings2$hideIn === void 0 ? false : _ref$settings2$hideIn;
-    return !hideInNavbar;
-  });
-  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 = useResourceValues(resource);
-    return /*#__PURE__*/React.createElement(Link, {
-      className: "d-block my-2",
-      key: "resource-link-".concat(resourceId),
-      href: route('resources.index', {
-        resource: resourceId
-      })
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      values: resourceValues,
-      id: "FntHPK",
-      defaultMessage: [{
-        "type": 0,
-        "value": "View "
-      }, {
-        "type": 1,
-        "value": "the_plural"
-      }]
-    }));
-  })));
-};
-HomePage.propTypes = propTypes$7;
-HomePage.defaultProps = defaultProps$7;
-var HomePage$1 = HomePage;
-
-var propTypes$6 = {};
-var defaultProps$6 = {};
-var AccountPage = function AccountPage() {
-  return /*#__PURE__*/React.createElement(MainLayout$1, null, /*#__PURE__*/React.createElement("div", {
-    className: "container-sm py-4"
-  }, "Account page"));
-};
-AccountPage.propTypes = propTypes$6;
-AccountPage.defaultProps = defaultProps$6;
-var AccountPage$1 = AccountPage;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes$5 = {
-  className: PropTypes.string,
-  onSuccess: PropTypes.func
-};
-var defaultProps$5 = {
-  className: null,
-  onSuccess: null
-};
-var LoginForm = function LoginForm(_ref) {
-  var className = _ref.className,
-    onSuccess = _ref.onSuccess;
-  var url = useUrlGenerator();
-  var _useAuth = useAuth(),
-    login = _useAuth.login;
-  var postForm = useCallback(function (action, _ref2) {
-    var email = _ref2.email,
-      password = _ref2.password;
-    return login(email, password);
-  }, [login]);
-  var FormComponents = useFormsComponents();
-  var FormComponent = getComponentFromName('login', FormComponents);
-  return FormComponent !== null ? /*#__PURE__*/React.createElement(FormComponent, {
-    action: url('auth.login'),
-    postForm: postForm,
-    onComplete: onSuccess,
-    className: className,
-    submitButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "g6qbbX",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Log in"
-      }]
-    })
-  }) : null;
-};
-LoginForm.propTypes = propTypes$5;
-LoginForm.defaultProps = defaultProps$5;
-var LoginForm$1 = LoginForm;
-
-var styles = {};
-
-var propTypes$4 = {
-  children: PropTypes.node.isRequired,
-  fullscreen: PropTypes.bool
-};
-var defaultProps$4 = {
-  fullscreen: false
-};
-var GuestLayout = function GuestLayout(_ref) {
-  var _classNames;
-  var fullscreen = _ref.fullscreen,
-    children = _ref.children;
-  var _usePanneauColorSchem = usePanneauColorScheme(),
-    _usePanneauColorSchem2 = _usePanneauColorSchem.theme,
-    theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2,
-    _usePanneauColorSchem3 = _usePanneauColorSchem.background,
-    background = _usePanneauColorSchem3 === void 0 ? null : _usePanneauColorSchem3,
-    _usePanneauColorSchem4 = _usePanneauColorSchem.text,
-    text = _usePanneauColorSchem4 === void 0 ? null : _usePanneauColorSchem4;
-  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.createElement(MainNavbar$1, {
-    className: classNames(['sticky-top', 'px-3'])
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames((_classNames = {
-      'd-flex flex-column flex-grow-1': fullscreen
-    }, _defineProperty(_classNames, "bg-".concat(background), background !== null), _defineProperty(_classNames, "text-".concat(text), text !== null), _classNames))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames({
-      'w-100 my-auto': fullscreen
-    })
-  }, children)));
-};
-GuestLayout.propTypes = propTypes$4;
-GuestLayout.defaultProps = defaultProps$4;
-var GuestLayout$1 = GuestLayout;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes$3 = {};
-var defaultProps$3 = {};
-var LoginPage = function LoginPage() {
-  var route = useUrlGenerator();
-  // Sadly necessary to update cookies and routes correctly from the backend,
-  // make it post directly instead of api call
-  var onSuccess = useCallback(function () {
-    window.location.href = route('home');
-  }, [route]);
-  return /*#__PURE__*/React.createElement(GuestLayout$1, {
-    fullscreen: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "container-sm py-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row justify-content-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-12 col-sm-8 col-md-6"
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: "mb-4"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "AeOZq+",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Login"
-    }]
-  })), /*#__PURE__*/React.createElement(LoginForm$1, {
-    onSuccess: onSuccess
-  })))));
-};
-LoginPage.propTypes = propTypes$3;
-LoginPage.defaultProps = defaultProps$3;
-var LoginPage$1 = LoginPage;
-
-var messages = defineMessages({
-  metaTitle401: {
-    "id": "HOobY2",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Error 401"
-    }]
-  },
-  title401: {
-    "id": "6nwWPR",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Error 401"
-    }]
-  },
-  description401: {
-    "id": "82P2dS",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "You are not authorized to access this page."
-    }]
-  },
-  metaTitle403: {
-    "id": "+6cCPF",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Error 403"
-    }]
-  },
-  title403: {
-    "id": "Pih2UO",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Error 403"
-    }]
-  },
-  description403: {
-    "id": "8HFiMs",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Access to this page is forbidden"
-    }]
-  },
-  metaTitle404: {
-    "id": "US/AMe",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Error 404"
-    }]
-  },
-  title404: {
-    "id": "6Ie+vL",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Error 404"
-    }]
-  },
-  description404: {
-    "id": "wKPI1y",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "This page doesn’t exist"
-    }]
-  },
-  metaTitle500: {
-    "id": "ejwBSw",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Error 500"
-    }]
-  },
-  title500: {
-    "id": "owrRHV",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Error 500"
-    }]
-  },
-  description500: {
-    "id": "yALN2p",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "There was an error"
-    }]
-  },
-  gotoHome: {
-    "id": "hezcGl",
-    "defaultMessage": [{
-      "type": 0,
-      "value": "Go to home page"
-    }]
-  }
-});
-var propTypes$2 = {
-  statusCode: PropTypes$1.statusCode
-};
-var defaultProps$2 = {
-  statusCode: null
-};
-var ErrorPage = function ErrorPage(_ref) {
-  var statusCode = _ref.statusCode;
-  return /*#__PURE__*/React.createElement(GuestLayout$1, {
-    fullscreen: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "container-sm py-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row justify-content-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-12 col-sm-8 col-md-6"
-  }, /*#__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;
-var ErrorPage$1 = ErrorPage;
-
-var _excluded$1 = ["path", "component"];
-var createResourceRoutes = function createResourceRoutes(resource, _ref) {
-  var route = _ref.route,
-    componentsManager = _ref.componentsManager,
-    _ref$pages = _ref.pages,
-    pages = _ref$pages === void 0 ? {} : _ref$pages;
-  var resourceId = resource.id,
-    _resource$pages = resource.pages,
-    resourcePages = _resource$pages === void 0 ? {} : _resource$pages,
-    _resource$extraRoutes = resource.extraRoutes,
-    extraRoutes = _resource$extraRoutes === void 0 ? [] : _resource$extraRoutes;
-
-  // Load custom pages from resource
-  var _ref2 = pages || {},
-    _ref2$index = _ref2.index,
-    indexPage = _ref2$index === void 0 ? null : _ref2$index,
-    _ref2$show = _ref2.show,
-    showPage = _ref2$show === void 0 ? null : _ref2$show,
-    _ref2$create = _ref2.create,
-    createPage = _ref2$create === void 0 ? null : _ref2$create,
-    _ref2$edit = _ref2.edit,
-    editPage = _ref2$edit === void 0 ? null : _ref2$edit,
-    _ref2$delete = _ref2["delete"],
-    deletePage = _ref2$delete === void 0 ? null : _ref2$delete;
-  var _ref3 = resourcePages || {},
-    _ref3$index = _ref3.index,
-    resourceIndexPage = _ref3$index === void 0 ? null : _ref3$index,
-    _ref3$show = _ref3.show,
-    resourceShowPage = _ref3$show === void 0 ? null : _ref3$show,
-    _ref3$create = _ref3.create,
-    resourceCreatePage = _ref3$create === void 0 ? null : _ref3$create,
-    _ref3$edit = _ref3.edit,
-    resourceEditPage = _ref3$edit === void 0 ? null : _ref3$edit,
-    _ref3$delete = _ref3["delete"],
-    resourceDeletePage = _ref3$delete === void 0 ? null : _ref3$delete;
-  var ResourceIndexComponent = componentsManager.getComponent(resourceIndexPage === null || resourceIndexPage === void 0 ? void 0 : resourceIndexPage.component) || componentsManager.getComponent(indexPage === null || indexPage === void 0 ? void 0 : indexPage.component) || ResourceIndex;
-  var ResourceShowComponent = componentsManager.getComponent(resourceShowPage === null || resourceShowPage === void 0 ? void 0 : resourceShowPage.component) || componentsManager.getComponent(showPage === null || showPage === void 0 ? void 0 : showPage.component) || ResourceShow;
-  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.createElement(Route, {
-    key: "".concat(resourceId, "-create"),
-    path: route('resources.create', {
-      resource: resourceId
-    }),
-    exact: true
-  }, function () {
-    return /*#__PURE__*/React.createElement(ResourceCreateComponent, {
-      resource: resource
-    });
-  }), /*#__PURE__*/React.createElement(Route, {
-    key: "".concat(resourceId, "-show"),
-    path: route('resources.show', {
-      resource: resourceId,
-      id: ':id'
-    })
-  }, function (_ref4) {
-    var _ref4$id = _ref4.id,
-      id = _ref4$id === void 0 ? null : _ref4$id;
-    return /*#__PURE__*/React.createElement(ResourceShowComponent, {
-      itemId: id,
-      resource: resource
-    });
-  }), /*#__PURE__*/React.createElement(Route, {
-    key: "".concat(resourceId, "-edit"),
-    path: route('resources.edit', {
-      resource: resourceId,
-      id: ':id'
-    })
-  }, function (_ref5) {
-    var _ref5$id = _ref5.id,
-      id = _ref5$id === void 0 ? null : _ref5$id;
-    return /*#__PURE__*/React.createElement(ResourceEditComponent, {
-      itemId: id,
-      resource: resource
-    });
-  }), /*#__PURE__*/React.createElement(Route, {
-    key: "".concat(resourceId, "-delete"),
-    path: route('resources.delete', {
-      resource: resourceId,
-      id: ':id'
-    })
-  }, function (_ref6) {
-    var _ref6$id = _ref6.id,
-      id = _ref6$id === void 0 ? null : _ref6$id;
-    return /*#__PURE__*/React.createElement(ResourceDeleteComponent, {
-      itemId: id,
-      resource: resource
-    });
-  })].concat(_toConsumableArray(extraRoutes.map(function (_ref7) {
-    var path = _ref7.path,
-      component = _ref7.component,
-      pageProps = _objectWithoutProperties(_ref7, _excluded$1);
-    var RouteComponent = componentsManager.getComponent(component);
-    return RouteComponent !== null ? /*#__PURE__*/React.createElement(Route, {
-      key: "route-".concat(path),
-      path: path
-    }, function () {
-      return /*#__PURE__*/React.createElement(RouteComponent, Object.assign({
-        resource: resource
-      }, pageProps));
-    }) : null;
-  })), [/*#__PURE__*/React.createElement(Route, {
-    key: "".concat(resourceId, "-index"),
-    path: route('resources.index', {
-      resource: resourceId
-    })
-  }, function () {
-    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"];
-var propTypes$1 = {
-  statusCode: PropTypes$1.statusCode
-};
-var defaultProps$1 = {
-  statusCode: null
-};
-var PanneauRoutes = function PanneauRoutes(_ref) {
-  var initialStatusCode = _ref.statusCode;
-  var routes = useRoutes();
-  var _useLocation = useLocation(),
-    _useLocation2 = _slicedToArray(_useLocation, 1),
-    pathname = _useLocation2[0].pathname;
-  var _useState = useState({
-      statusCode: initialStatusCode,
-      pathname: pathname
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    _useState2$ = _useState2[0],
-    statusCode = _useState2$.statusCode,
-    lastPathname = _useState2$.pathname,
-    setInitialRequest = _useState2[1];
-  var user = useUser();
-  var route = useUrlGenerator();
-  var resources = usePanneauResources();
-  var componentsManager = usePagesComponentsManager();
-  useEffect(function () {
-    if (pathname !== lastPathname) {
-      setInitialRequest({
-        pathname: pathname,
-        statusCode: null
-      });
-    }
-  }, [pathname, lastPathname]);
-
-  // Custom Pages
-  var _usePanneau = usePanneau(),
-    _usePanneau$pages = _usePanneau.pages,
-    pages = _usePanneau$pages === void 0 ? null : _usePanneau$pages,
-    routesDefinition = _usePanneau.routes;
-  var _ref2 = pages || {},
-    _ref2$home = _ref2.home,
-    homePage = _ref2$home === void 0 ? null : _ref2$home,
-    _ref2$login = _ref2.login,
-    loginPage = _ref2$login === void 0 ? null : _ref2$login,
-    _ref2$account = _ref2.account,
-    accountPage = _ref2$account === void 0 ? null : _ref2$account,
-    _ref2$error = _ref2.error,
-    errorPage = _ref2$error === void 0 ? null : _ref2$error;
-    _ref2.index;
-    _ref2.show;
-    _ref2.create;
-    _ref2.edit;
-    _ref2["delete"];
-    var otherPages = _objectWithoutProperties(_ref2, _excluded);
-  var customRoutes = useMemo(function () {
-    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(routeDef) && typeof routeDef.component !== 'undefined' && typeof routeDef.path !== 'undefined';
-    }).map(function (key) {
-      return routesDefinition[key];
-    })), _toConsumableArray(Object.keys(otherPages).map(function (key) {
-      return otherPages[key];
-    }).filter(function (_ref3) {
-      var _ref3$path = _ref3.path,
-        path = _ref3$path === void 0 ? null : _ref3$path,
-        _ref3$route = _ref3.route,
-        pageRoute = _ref3$route === void 0 ? null : _ref3$route;
-      return path !== null || pageRoute !== null;
-    })));
-  }, [routesDefinition, otherPages]);
-  var HomeComponent = componentsManager.getComponent(homePage === null || homePage === void 0 ? void 0 : homePage.component) || HomePage$1;
-  var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage$1;
-  var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage$1;
-  var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage$1;
-
-  // If there is an error status code
-  if (statusCode !== null) {
-    return /*#__PURE__*/React.createElement(ErrorComponent, Object.assign({
-      statusCode: statusCode
-    }, errorPage));
-  }
-
-  // If user is unauthenticated
-  if (user === null) {
-    return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
-      path: routes['auth.login']
-    }, /*#__PURE__*/React.createElement(LoginComponent, loginPage)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
-      to: "".concat(route('auth.login'), "?next=").concat(encodeURIComponent(pathname)),
-      replace: true
-    })));
-  }
-
-  // Normal routes
-  return /*#__PURE__*/React.createElement(Switch, null, user !== null ? /*#__PURE__*/React.createElement(Route, {
-    path: routes['auth.login']
-  }, /*#__PURE__*/React.createElement(Redirect, {
-    to: routes.home,
-    replace: true
-  })) : null, resources.map(function (resource) {
-    var _ref4 = resource || {},
-      resourceId = _ref4.id;
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: "resource-".concat(resourceId)
-    }, createResourceRoutes$1(resource, {
-      route: route,
-      componentsManager: componentsManager,
-      pages: pages
-    }));
-  }), /*#__PURE__*/React.createElement(Route, {
-    path: routes.account
-  }, /*#__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(_ref5, _excluded2);
-    var PageComponent = componentsManager.getComponent(component);
-    var finalPath = path || routes[pageRoute];
-    return PageComponent !== null ? /*#__PURE__*/React.createElement(Route, {
-      key: "custom-route-".concat(finalPath),
-      path: path || routes[pageRoute]
-    }, /*#__PURE__*/React.createElement(PageComponent, props)) : null;
-  }), /*#__PURE__*/React.createElement(Route, {
-    path: routes.home
-  }, /*#__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 pathToRegexpMatcher = createPathToRegexpMatcher();
-var propTypes = {
-  definition: PropTypes$1.panneauDefinition.isRequired,
-  components: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.elementType), PropTypes.objectOf(PropTypes.objectOf(PropTypes.elementType))]),
-  user: PropTypes$1.user,
-  memoryRouter: PropTypes.bool,
-  baseUrl: PropTypes.string,
-  uppy: PropTypes$1.uppy,
-  statusCode: PropTypes$1.statusCode
-};
-var defaultProps = {
-  components: null,
-  user: null,
-  memoryRouter: false,
-  baseUrl: null,
-  uppy: null,
-  statusCode: null
-};
-var Container = function Container(_ref) {
-  var definition = _ref.definition,
-    components = _ref.components,
-    user = _ref.user,
-    memoryRouter = _ref.memoryRouter,
-    baseUrl = _ref.baseUrl,
-    uppy = _ref.uppy,
-    statusCode = _ref.statusCode;
-  var _definition$intl = definition.intl,
-    _definition$intl2 = _definition$intl === void 0 ? {} : _definition$intl,
-    _definition$intl2$loc = _definition$intl2.locale,
-    locale = _definition$intl2$loc === void 0 ? 'en' : _definition$intl2$loc,
-    _definition$intl2$loc2 = _definition$intl2.locales,
-    locales = _definition$intl2$loc2 === void 0 ? [] : _definition$intl2$loc2,
-    _definition$routes = definition.routes,
-    routes = _definition$routes === void 0 ? {} : _definition$routes,
-    _definition$settings = definition.settings,
-    _definition$settings2 = _definition$settings === void 0 ? {} : _definition$settings,
-    _definition$settings3 = _definition$settings2.memoryRouter,
-    usesMemoryRouter = _definition$settings3 === void 0 ? false : _definition$settings3;
-  var isMemoryRouter = memoryRouter || usesMemoryRouter || false;
-  var extraMessages = useMemo(function () {
-    var _definition$intl3 = definition.intl,
-      _definition$intl4 = _definition$intl3 === void 0 ? {} : _definition$intl3,
-      _definition$intl4$mes = _definition$intl4.messages,
-      messages = _definition$intl4$mes === void 0 ? null : _definition$intl4$mes,
-      _definition$resources = definition.resources,
-      resources = _definition$resources === void 0 ? [] : _definition$resources;
-    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(_objectSpread({}, allMessages), Object.keys(resourceMessages).reduce(function (allResourceMessages, key) {
-        return _objectSpread(_objectSpread({}, allResourceMessages), {}, _defineProperty({}, "resources.".concat(id, ".").concat(key), resourceMessages[key]));
-      }, {}));
-    }, {}));
-  }, [definition]);
-  var onUnauthorized = useCallback(function () {
-    window.location.href = baseUrl;
-  }, [baseUrl]);
-  var onLogout = useCallback(function () {
-    window.location.reload();
-  }, [baseUrl]);
-  var memoryLocationHook = useMemoryLocationHook();
-  return /*#__PURE__*/React.createElement(Router, {
-    hook: isMemoryRouter ? memoryLocationHook : null,
-    matcher: pathToRegexpMatcher
-  }, /*#__PURE__*/React.createElement(IntlProvider, {
-    locale: locale,
-    locales: locales,
-    extraMessages: extraMessages
-  }, /*#__PURE__*/React.createElement(PanneauProvider, {
-    definition: definition
-  }, /*#__PURE__*/React.createElement(UppyProvider, uppy, /*#__PURE__*/React.createElement(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(ModalProvider, null, /*#__PURE__*/React.createElement(ModalsProvider, null, /*#__PURE__*/React.createElement(ApiProvider, {
-    baseUrl: baseUrl,
-    onUnauthorized: onUnauthorized
-  }, /*#__PURE__*/React.createElement(AuthProvider, {
-    user: user,
-    onLogout: onLogout
-  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
-    components: components
-  }, /*#__PURE__*/React.createElement(Routes, {
-    statusCode: statusCode
-  }))))))))))))))));
-};
-Container.propTypes = propTypes;
-Container.defaultProps = defaultProps;
-var PanneauContainer = Container;
-
-/* eslint-disable react/jsx-props-no-spreading */
-
-// Kept for backward compatibility with exports
-var ResourceFilters = function ResourceFilters(props) {
-  return /*#__PURE__*/React.createElement(Filters, props);
-};
-var ResourceFilters$1 = ResourceFilters;
-
-export { GuestLayout$1 as GuestLayout, MainLayout$1 as MainLayout, PageHeader$1 as PageHeader, ResourceFilters$1 as ResourceFilters, ResourceForm, ResourceItemsList$1 as ResourceItemsList, PanneauContainer as default };