@panneau/app 2.0.1 → 2.0.2

package/es/index.js

@@ -0,0 +1,1784 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import PropTypes$1 from 'prop-types';
+import React, { useMemo, useCallback, useState, useEffect, Fragment } from 'react';
+import { useLocation, useNavigate, useParams, Route, Routes, Navigate, MemoryRouter } from 'react-router';
+import { Link, BrowserRouter } from 'react-router-dom';
+import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
+import { PropTypes } from '@panneau/core';
+import { useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useFormComponent, useRoutes, usePagesComponentsManager, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
+import { useResourceStore, useResourceUpdate, useResourceDestroy, useResourceItem, useResourceItems, 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 _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 { parse, stringify } from 'query-string';
+import { FormattedMessage, defineMessages } from 'react-intl';
+import { useResourceUrlGenerator, useForm } from '@panneau/core/hooks';
+import { getComponentFromName } from '@panneau/core/utils';
+import classNames from 'classnames';
+import Button from '@panneau/element-button';
+import Form from '@panneau/element-form';
+import isArray from 'lodash/isArray';
+import Menu from '@panneau/element-menu';
+import Navbar from '@panneau/element-navbar';
+import Label from '@panneau/element-label';
+import isString from 'lodash/isString';
+import Alert from '@panneau/element-alert';
+import Dropdown from '@panneau/element-dropdown';
+import Pagination from '@panneau/element-pagination';
+import _toPropertyKey from '@babel/runtime/helpers/toPropertyKey';
+import { faUndo } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import FormGroup from '@panneau/element-form-group';
+
+var _excluded$6 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
+var propTypes$m = {
+  resource: PropTypes.resource.isRequired,
+  action: PropTypes$1.string,
+  previous: PropTypes$1.string,
+  fields: PropTypes.fields.isRequired,
+  value: PropTypes$1.object,
+  // eslint-disable-line react/forbid-prop-types
+  onChange: PropTypes$1.func.isRequired,
+  onSubmit: PropTypes$1.func,
+  status: PropTypes.formStatus,
+  generalError: PropTypes$1.string,
+  errors: PropTypes$1.objectOf(PropTypes$1.arrayOf(PropTypes$1.string)),
+  className: PropTypes$1.string
+};
+var defaultProps$m = {
+  action: null,
+  previous: null,
+  status: null,
+  value: null,
+  onSubmit: null,
+  generalError: null,
+  errors: null,
+  className: null
+};
+var DeleteForm = function DeleteForm(_ref) {
+  var resource = _ref.resource,
+    action = _ref.action,
+    previous = _ref.previous;
+    _ref.status;
+    var value = _ref.value,
+    onSubmit = _ref.onSubmit;
+    _ref.errors;
+    var generalError = _ref.generalError,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$6);
+  var _ref2 = value || {},
+    _ref2$id = _ref2.id,
+    id = _ref2$id === void 0 ? null : _ref2$id;
+  var resourceValues = useResourceValues(resource, {
+    id: id
+  });
+  return /*#__PURE__*/React.createElement(Form, Object.assign({
+    className: classNames(['form', _defineProperty({
+      'invalid-feedback': generalError !== null
+    }, className, className !== null)]),
+    action: action,
+    onSubmit: onSubmit,
+    withoutActions: true,
+    withoutErrors: true
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: "card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "card-body"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    values: resourceValues,
+    id: "yzfiXJ",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Are you sure you want to delete "
+    }, {
+      "type": 1,
+      "value": "the_singular"
+    }, {
+      "type": 0,
+      "value": " #"
+    }, {
+      "type": 1,
+      "value": "id"
+    }, {
+      "type": 0,
+      "value": "?"
+    }]
+  }), generalError ? /*#__PURE__*/React.createElement("p", {
+    className: "text-danger"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "y9zauY",
+    defaultMessage: [{
+      "type": 0,
+      "value": "An error occured and we could not delete this item successfully."
+    }]
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: "card-body d-flex"
+  }, previous !== null ? /*#__PURE__*/React.createElement(Button, {
+    href: previous,
+    className: "me-2",
+    theme: "secondary",
+    outline: true
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "PyxZY2",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cancel"
+    }]
+  })) : null, /*#__PURE__*/React.createElement(Button, {
+    type: "submit",
+    className: "ms-auto",
+    theme: "danger"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "Bhu3B2",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Delete"
+    }]
+  })))));
+};
+DeleteForm.propTypes = propTypes$m;
+DeleteForm.defaultProps = defaultProps$m;
+
+var _excluded$5 = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
+var propTypes$l = {
+  component: PropTypes$1.string,
+  resource: PropTypes.resource.isRequired,
+  item: PropTypes$1.object,
+  // eslint-disable-line react/forbid-prop-types
+  type: PropTypes$1.string,
+  onSuccess: PropTypes$1.func,
+  isDelete: PropTypes$1.bool
+};
+var defaultProps$l = {
+  component: null,
+  item: null,
+  type: null,
+  onSuccess: null,
+  isDelete: false
+};
+var ResourceForm = function ResourceForm(_ref) {
+  var component = _ref.component,
+    resource = _ref.resource,
+    onSuccess = _ref.onSuccess,
+    item = _ref.item,
+    type = _ref.type,
+    isDelete = _ref.isDelete,
+    props = _objectWithoutProperties(_ref, _excluded$5);
+  var locales = useLocales();
+  var FormComponents = useFormsComponents();
+  var _resource$fields = resource.fields,
+    resourceFields = _resource$fields === void 0 ? [] : _resource$fields,
+    _resource$types = resource.types,
+    resourceTypes = _resource$types === void 0 ? [] : _resource$types,
+    forms = resource.forms;
+  var resourceType = type !== null ? resourceTypes.find(function (it) {
+    return it.id === type;
+  }) || null : null;
+  var _ref2 = resourceType || {},
+    _ref2$fields = _ref2.fields,
+    resourceTypeFields = _ref2$fields === void 0 ? null : _ref2$fields;
+  var isCreate = item === null || !item.id;
+
+  // Pick fields from resource root or form
+  var _ref3 = forms || {},
+    _ref3$default = _ref3["default"],
+    defaultForm = _ref3$default === void 0 ? null : _ref3$default,
+    _ref3$create = _ref3.create,
+    createForm = _ref3$create === void 0 ? null : _ref3$create,
+    _ref3$edit = _ref3.edit,
+    editForm = _ref3$edit === void 0 ? null : _ref3$edit,
+    _ref3$delete = _ref3["delete"],
+    deleteForm = _ref3$delete === void 0 ? null : _ref3$delete;
+  var _ref4 = defaultForm || {},
+    _ref4$fields = _ref4.fields,
+    defaultFields = _ref4$fields === void 0 ? null : _ref4$fields,
+    defaultComponent = _ref4.component;
+  var createOrEditSource = isCreate ? createForm || {} : editForm || {};
+  var _ref5 = isDelete ? deleteForm || {} : createOrEditSource || {},
+    _ref5$fields = _ref5.fields,
+    formFields = _ref5$fields === void 0 ? null : _ref5$fields,
+    _ref5$component = _ref5.component,
+    formComponent = _ref5$component === void 0 ? null : _ref5$component;
+  var finalFields = useMemo(function () {
+    return (formFields || defaultFields || resourceTypeFields || resourceFields).filter(function (_ref6) {
+      var _ref6$settings = _ref6.settings,
+        _ref6$settings2 = _ref6$settings === void 0 ? {} : _ref6$settings,
+        _ref6$settings2$hidde = _ref6$settings2.hiddenInForm,
+        hiddenInForm = _ref6$settings2$hidde === void 0 ? false : _ref6$settings2$hidde;
+      return !hiddenInForm;
+    });
+  }, [formFields, defaultFields, resourceTypeFields, resourceFields]);
+
+  // Form routes
+  var resourceRoute = useResourceUrlGenerator(resource);
+  var _useResourceStore = useResourceStore(resource),
+    store = _useResourceStore.store;
+  var _useResourceUpdate = useResourceUpdate(resource, item != null ? item.id : null),
+    update = _useResourceUpdate.update;
+  var _useResourceDestroy = useResourceDestroy(resource, item != null ? item.id : null),
+    destroy = _useResourceDestroy.destroy;
+
+  // Post actions
+  var postAction = isCreate ? store : update;
+  var postForm = useCallback(function (action, data) {
+    return isDelete ? destroy() : postAction(data);
+  }, [postAction, isDelete, destroy, store, update]);
+
+  // Form state
+  var getInitialValue = useCallback(function () {
+    return item !== null ? item : finalFields.reduce(function (defaultValues, _ref7) {
+      var name = _ref7.name,
+        _ref7$defaultValue = _ref7.defaultValue,
+        defaultValue = _ref7$defaultValue === void 0 ? null : _ref7$defaultValue;
+      return defaultValue !== null ? _objectSpread(_objectSpread({}, defaultValues), {}, _defineProperty({}, name, defaultValue)) : defaultValues;
+    }, type !== null ? {
+      type: type
+    } : null);
+  }, [item, type, finalFields]);
+  var _useState = useState(getInitialValue()),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValueState = _useState2[1];
+  var setValue = useCallback(function (newValue) {
+    // console.log('new value in resource form', newValue); // eslint-disable-line
+    setValueState(newValue);
+  }, [setValueState]);
+  var _useForm = useForm({
+      fields: finalFields,
+      value: value,
+      postForm: postForm,
+      setValue: setValue,
+      onComplete: onSuccess,
+      locales: locales
+    }),
+    fields = _useForm.fields,
+    onSubmit = _useForm.onSubmit,
+    status = _useForm.status,
+    generalError = _useForm.generalError,
+    errors = _useForm.errors;
+
+  // Form action
+  var modifyAction = isCreate ? resourceRoute('store') : resourceRoute('update', {
+    id: item.id
+  });
+  var action = isDelete ? resourceRoute('destroy', {
+    id: item.id
+  }) : modifyAction;
+  var defaultFormName = isDelete ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
+
+  // Form component
+  var FormComponent = getComponentFromName(defaultFormName, FormComponents, isDelete ? DeleteForm : component);
+
+  // Lisen to item value change - this is important
+  useEffect(function () {
+    // console.log('get initial value from the top'); // eslint-disable-line
+    setValue(getInitialValue());
+  }, [getInitialValue, setValue]);
+  return /*#__PURE__*/React.createElement(FormProvider, {
+    value: value,
+    setValue: setValue
+  }, /*#__PURE__*/React.createElement(FormComponent, Object.assign({}, props, {
+    status: status,
+    resource: resource,
+    item: item,
+    fields: fields,
+    generalError: generalError,
+    errors: errors,
+    action: action,
+    onSubmit: onSubmit,
+    isCreate: isCreate,
+    value: value,
+    onChange: setValue
+  })));
+};
+ResourceForm.propTypes = propTypes$l;
+ResourceForm.defaultProps = defaultProps$l;
+
+var propTypes$k = {
+  className: PropTypes$1.string,
+  itemClassName: PropTypes$1.string,
+  linkClassName: PropTypes$1.string
+};
+var defaultProps$k = {
+  className: null,
+  itemClassName: null,
+  linkClassName: null
+};
+var AccountMenu = function AccountMenu(_ref) {
+  var 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: [
+      //   {
+      //       label: (
+      //           <FormattedMessage
+      //               defaultMessage="Update account"
+      //               description="Menu label"
+      //           />
+      //       ),
+      //       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]);
+  return items !== null ? /*#__PURE__*/React.createElement(Menu, {
+    className: className,
+    itemClassName: itemClassName,
+    linkClassName: linkClassName,
+    items: items,
+    dropdownAlign: "end"
+  }) : null;
+};
+AccountMenu.propTypes = propTypes$k;
+AccountMenu.defaultProps = defaultProps$k;
+
+var propTypes$j = {
+  className: PropTypes$1.string,
+  itemClassName: PropTypes$1.string,
+  linkClassName: PropTypes$1.string
+};
+var defaultProps$j = {
+  className: null,
+  itemClassName: null,
+  linkClassName: null
+};
+var ResourcesMenu = function ResourcesMenu(_ref) {
+  var className = _ref.className,
+    itemClassName = _ref.itemClassName,
+    linkClassName = _ref.linkClassName;
+  var _useLocation = useLocation(),
+    pathname = _useLocation.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$j;
+ResourcesMenu.defaultProps = defaultProps$j;
+
+var propTypes$i = {};
+var defaultProps$i = {};
+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) {
+      if (item === 'resources') {
+        return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(ResourcesMenu, {
+          className: "navbar-nav",
+          itemClassName: "nav-item",
+          linkClassName: "nav-link"
+        })]);
+      }
+      if (item === 'account') {
+        return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement(AccountMenu, {
+          className: "navbar-nav",
+          itemClassName: "nav-item",
+          linkClassName: "nav-link"
+        })]);
+      }
+      if (item === 'separator') {
+        return [].concat(_toConsumableArray(currentItems), [/*#__PURE__*/React.createElement("span", {
+          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) {
+      return isArray(it) ? /*#__PURE__*/React.createElement(Menu, {
+        items: it,
+        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, {
+    to: route('home'),
+    className: "navbar-brand"
+  }, name) : null, items);
+};
+MainNavbar.propTypes = propTypes$i;
+MainNavbar.defaultProps = defaultProps$i;
+
+var propTypes$h = {
+  children: PropTypes$1.node.isRequired,
+  fullscreen: PropTypes$1.bool
+};
+var defaultProps$h = {
+  fullscreen: false
+};
+var MainLayout = function MainLayout(_ref) {
+  var _ref2;
+  var children = _ref.children,
+    fullscreen = _ref.fullscreen;
+  var _usePanneauColorSchem = usePanneauColorScheme(),
+    background = _usePanneauColorSchem.background,
+    text = _usePanneauColorSchem.text;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(['d-flex', 'flex-column', 'min-vh-100'])
+  }, /*#__PURE__*/React.createElement(MainNavbar, {
+    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));
+};
+MainLayout.propTypes = propTypes$h;
+MainLayout.defaultProps = defaultProps$h;
+
+var propTypes$g = {
+  title: PropTypes.label,
+  actions: PropTypes$1.node,
+  small: PropTypes$1.bool,
+  className: PropTypes$1.string,
+  children: PropTypes$1.node
+};
+var defaultProps$g = {
+  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();
+  var _usePanneauColorSchem = usePanneauColorScheme(),
+    text = _usePanneauColorSchem.text,
+    background = _usePanneauColorSchem.background;
+  // console.log('page-header', components); // eslint-disable-line
+
+  var inner = /*#__PURE__*/React.createElement("div", {
+    className: "d-flex align-items-center flex-wrap"
+  }, title !== null ? /*#__PURE__*/React.createElement("h1", {
+    className: "mb-0"
+  }, /*#__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$g;
+PageHeader.defaultProps = defaultProps$g;
+
+var propTypes$f = {
+  resource: PropTypes.resource.isRequired
+};
+var defaultProps$f = {};
+var ResourceCreatePage = function ResourceCreatePage(_ref) {
+  var resource = _ref.resource;
+  var navigate = useNavigate();
+  var _useLocation = useLocation(),
+    search = _useLocation.search;
+  var resourceRoute = useResourceUrlGenerator(resource);
+  var onSuccess = useCallback(function () {
+    navigate("".concat(resourceRoute('index'), "?created=true"));
+  }, [navigate, resourceRoute]);
+  var _useMemo = useMemo(function () {
+      return parse(search);
+    }, [search]),
+    _useMemo$type = _useMemo.type,
+    type = _useMemo$type === void 0 ? null : _useMemo$type;
+  var resourceValues = useResourceValues(resource);
+  return /*#__PURE__*/React.createElement(ResourceProvider, {
+    resource: resource
+  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
+    title: /*#__PURE__*/React.createElement(FormattedMessage, {
+      values: resourceValues,
+      id: "6viUpq",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Create "
+      }, {
+        "type": 1,
+        "value": "a_singular"
+      }]
+    }),
+    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$f;
+ResourceCreatePage.defaultProps = defaultProps$f;
+
+// import Button from '../buttons/Button';
+
+var propTypes$e = {
+  resource: PropTypes.resource.isRequired
+};
+var defaultProps$e = {};
+var ResourceDeletePage = function ResourceDeletePage(_ref) {
+  var resource = _ref.resource;
+  var _useParams = useParams(),
+    itemId = _useParams.id;
+  var navigate = useNavigate();
+  var resourceRoute = useResourceUrlGenerator(resource);
+  var _useResourceItem = useResourceItem(resource, itemId),
+    item = _useResourceItem.item;
+  var onSuccess = useCallback(function () {
+    return navigate("".concat(resourceRoute('index'), "?deleted=true"));
+  }, [navigate, resourceRoute]);
+
+  // Navigate back
+  var _ref2 = history || {},
+    _ref2$entries = _ref2.entries,
+    entries = _ref2$entries === void 0 ? [] : _ref2$entries;
+  var previousEntry = entries !== null && entries.length > 1 ? entries[entries.length - 2] : null;
+  var previous = (previousEntry === null || previousEntry === void 0 ? void 0 : previousEntry.pathname) || null;
+  var resourceValues = useResourceValues(resource);
+  return /*#__PURE__*/React.createElement(ResourceProvider, {
+    resource: resource
+  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
+    title: /*#__PURE__*/React.createElement(FormattedMessage, {
+      values: resourceValues,
+      id: "zN5N/Q",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Delete "
+      }, {
+        "type": 1,
+        "value": "a_singular"
+      }]
+    }),
+    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, {
+    component: "",
+    resource: resource,
+    item: item,
+    onSuccess: onSuccess,
+    previous: previous,
+    isDelete: true
+  }) : null)))));
+};
+ResourceDeletePage.propTypes = propTypes$e;
+ResourceDeletePage.defaultProps = defaultProps$e;
+
+// import Button from '../buttons/Button';
+
+var propTypes$d = {
+  resource: PropTypes.resource.isRequired
+};
+var defaultProps$d = {};
+var ResourceEditPage = function ResourceEditPage(_ref) {
+  var resource = _ref.resource;
+  var _useParams = useParams(),
+    itemId = _useParams.id;
+  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 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, null, /*#__PURE__*/React.createElement(PageHeader, {
+    title: /*#__PURE__*/React.createElement(FormattedMessage, {
+      values: resourceValues,
+      id: "mCfzkJ",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Edit "
+      }, {
+        "type": 1,
+        "value": "a_singular"
+      }]
+    }),
+    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$d;
+ResourceEditPage.defaultProps = defaultProps$d;
+
+var propTypes$c = {
+  resource: PropTypes.resource.isRequired,
+  className: PropTypes$1.string
+};
+var defaultProps$c = {
+  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$c;
+ResourceCreateButtom.defaultProps = defaultProps$c;
+
+var _excluded$4 = ["component", "name", "groupLabel"];
+var propTypes$b = {
+  filters: PropTypes$1.arrayOf(PropTypes$1.shape({
+    id: PropTypes$1.string.isRequired,
+    component: PropTypes$1.string.isRequired
+  })),
+  value: PropTypes$1.object,
+  // eslint-disable-line react/forbid-prop-types
+  onChange: PropTypes$1.func,
+  onReset: PropTypes$1.func,
+  withContainer: PropTypes$1.bool,
+  withReset: PropTypes$1.bool,
+  defaultValue: PropTypes$1.objectOf(PropTypes$1.object),
+  // eslint-disable-line react/forbid-prop-types
+  className: PropTypes$1.string
+};
+var defaultProps$b = {
+  filters: [],
+  value: null,
+  onChange: null,
+  onReset: null,
+  withContainer: false,
+  withReset: true,
+  defaultValue: {
+    page: null
+  },
+  className: null
+};
+var ResourceFilters = function ResourceFilters(_ref) {
+  var filters = _ref.filters,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onReset = _ref.onReset,
+    withContainer = _ref.withContainer,
+    withReset = _ref.withReset,
+    defaultValue = _ref.defaultValue,
+    className = _ref.className;
+  var FilterComponents = useFiltersComponents();
+  var _usePanneauColorSchem = usePanneauColorScheme(),
+    background = _usePanneauColorSchem.background;
+  var currentFilters = filters || [];
+  var onFiltersReset = useCallback(function () {
+    if (onReset !== null) {
+      onReset(null);
+    }
+  }, [onReset]);
+  var hasActiveFilter = (currentFilters || []).reduce(function (isActive, item) {
+    if (value !== null && value[item.name]) {
+      return true;
+    }
+    return isActive;
+  }, false);
+
+  // console.log('value', value);
+
+  return /*#__PURE__*/React.createElement(Navbar, {
+    className: classNames([_defineProperty({
+      'navbar-expand-md': withContainer
+    }, className, className !== null), 'justify-content-start', 'align-items-start', 'flex-column', 'flex-md-row']),
+    theme: background,
+    withoutCollapse: true
+  }, currentFilters.map(function (_ref3, index) {
+    var component = _ref3.component,
+      name = _ref3.name,
+      groupLabel = _ref3.groupLabel,
+      filterProps = _objectWithoutProperties(_ref3, _excluded$4);
+    var FilterComponent = getComponentFromName(component, FilterComponents, null);
+    var filterValue = value !== null && value[name] ? value[name] : null;
+    var onFilterChange = useCallback(function (newFilterValue) {
+      if (name !== null && onChange !== null) {
+        onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, name, newFilterValue), defaultValue));
+      }
+    }, [onChange, name, value, defaultValue]);
+    var onFilterClear = useCallback(function () {
+      if (name !== null && onChange !== null) {
+        var _ref4 = value || {};
+          _ref4[name];
+          var newValue = _objectWithoutProperties(_ref4, [name].map(_toPropertyKey));
+        onChange(_objectSpread(_objectSpread({}, newValue), defaultValue));
+      }
+    }, [onChange, name, value, defaultValue]);
+    return FilterComponent !== null ? /*#__PURE__*/React.createElement(FormGroup, {
+      key: "filter-".concat(name, "-").concat(index + 1),
+      label: groupLabel,
+      className: "me-4"
+    }, /*#__PURE__*/React.createElement(FilterComponent, Object.assign({}, filterProps, {
+      value: filterValue,
+      onChange: onFilterChange,
+      onClear: onFilterClear
+    }))) : null;
+  }), withReset && hasActiveFilter && currentFilters.length > 0 ? /*#__PURE__*/React.createElement(Button, {
+    theme: "primary",
+    onClick: onFiltersReset
+  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: faUndo
+  })) : null);
+};
+ResourceFilters.propTypes = propTypes$b;
+ResourceFilters.defaultProps = defaultProps$b;
+
+var _excluded$3 = ["component", "showPagination", "filters"],
+  _excluded2$1 = ["page"];
+var propTypes$a = {
+  resource: PropTypes.resource.isRequired,
+  query: PropTypes$1.object,
+  // eslint-disable-line react/forbid-prop-types
+  paginated: PropTypes$1.bool,
+  baseUrl: PropTypes$1.string,
+  component: PropTypes$1.oneOfType([PropTypes$1.elementType, PropTypes$1.string]),
+  componentProps: PropTypes$1.object,
+  // eslint-disable-line react/forbid-prop-types
+  onQueryChange: PropTypes$1.func,
+  onQueryReset: PropTypes$1.func
+};
+var defaultProps$a = {
+  query: null,
+  paginated: true,
+  component: null,
+  baseUrl: null,
+  componentProps: null,
+  onQueryChange: null,
+  onQueryReset: null
+};
+var ResourceItemsList = function ResourceItemsList(_ref) {
+  var resource = _ref.resource,
+    query = _ref.query,
+    baseUrl = _ref.baseUrl,
+    onQueryChange = _ref.onQueryChange,
+    onQueryReset = _ref.onQueryReset,
+    paginated = _ref.paginated;
+  var _resource$index = resource.index,
+    _resource$index2 = _resource$index === void 0 ? {} : _resource$index,
+    _resource$index2$comp = _resource$index2.component,
+    listComponent = _resource$index2$comp === void 0 ? null : _resource$index2$comp,
+    _resource$index2$show = _resource$index2.showPagination,
+    showPagination = _resource$index2$show === void 0 ? true : _resource$index2$show,
+    _resource$index2$filt = _resource$index2.filters,
+    filters = _resource$index2$filt === void 0 ? null : _resource$index2$filt,
+    listProps = _objectWithoutProperties(_resource$index2, _excluded$3);
+  var _usePanneauColorSchem = usePanneauColorScheme(),
+    _usePanneauColorSchem2 = _usePanneauColorSchem.background,
+    theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2;
+  var ListComponents = useListsComponents();
+  var _useMemo = useMemo(function () {
+      var _ref2 = query || {},
+        _ref2$page = _ref2.page,
+        currentPage = _ref2$page === void 0 ? 1 : _ref2$page,
+        rest = _objectWithoutProperties(_ref2, _excluded2$1);
+      return [currentPage, rest];
+    }, [query]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    page = _useMemo2[0],
+    queryWithoutPage = _useMemo2[1];
+  var itemsProps = useResourceItems(resource, queryWithoutPage, paginated ? parseInt(page, 10) : null);
+  var _ref3 = itemsProps || {},
+    _ref3$lastPage = _ref3.lastPage,
+    lastPage = _ref3$lastPage === void 0 ? 0 : _ref3$lastPage,
+    _ref3$total = _ref3.total,
+    total = _ref3$total === void 0 ? 0 : _ref3$total;
+  var ListComponent = getComponentFromName(listComponent || 'table', ListComponents);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, filters !== null ? /*#__PURE__*/React.createElement(ResourceFilters, {
+    filters: filters,
+    value: query,
+    onChange: onQueryChange,
+    onReset: onQueryReset
+  }) : null, paginated && showPagination ? /*#__PURE__*/React.createElement(Pagination, {
+    page: page,
+    lastPage: lastPage,
+    total: total,
+    url: baseUrl,
+    query: query,
+    className: "mt-1 mb-1"
+  }) : null, ListComponent !== null ? /*#__PURE__*/React.createElement(ListComponent, Object.assign({}, itemsProps, listProps, {
+    resource: resource,
+    baseUrl: baseUrl,
+    query: query,
+    onQueryChange: onQueryChange,
+    onQueryReset: onQueryReset,
+    theme: theme
+  })) : null, paginated && showPagination ? /*#__PURE__*/React.createElement(Pagination, {
+    page: page,
+    lastPage: lastPage,
+    total: total,
+    url: baseUrl,
+    query: query,
+    className: "mt-4 mb-1"
+  }) : null);
+};
+ResourceItemsList.propTypes = propTypes$a;
+ResourceItemsList.defaultProps = defaultProps$a;
+
+var _excluded$2 = ["id", "component"];
+var propTypes$9 = {
+  resource: PropTypes.resource.isRequired,
+  defaultActions: PropTypes$1.arrayOf(PropTypes$1.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 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: ResourceCreateButtom,
+        size: 'lg',
+        theme: 'primary'
+      } : it;
+    });
+  }, [canCreate, actions]);
+  var resourceValues = useResourceValues(resource);
+  var componentsManager = useComponentsManager();
+  var _useLocation = useLocation(),
+    search = _useLocation.search;
+  var navigate = useNavigate();
+  var query = useMemo(function () {
+    return 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(stringify(newQuery, {
+      arrayFormat: 'bracket'
+    })) : ''));
+  }, [navigate, url, query, paginated]);
+  var onQueryReset = useCallback(function () {
+    var queryString = stringify(null, {
+      arrayFormat: 'bracket'
+    });
+    navigate("".concat(url, "?").concat(queryString));
+  }, [navigate, url, paginated]);
+  var onClickCloseAlert = useCallback(function () {
+    navigate(url, {
+      replace: true
+    });
+  }, [navigate, url]);
+  return /*#__PURE__*/React.createElement(ResourceProvider, {
+    resource: resource
+  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
+    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, {
+    resource: resource,
+    baseUrl: url,
+    query: listQuery,
+    paginated: paginated,
+    onQueryChange: onQueryChange,
+    onQueryReset: onQueryReset
+  }))));
+};
+ResourceIndexPage.propTypes = propTypes$9;
+ResourceIndexPage.defaultProps = defaultProps$9;
+
+var propTypes$8 = {
+  resource: PropTypes.resource.isRequired
+};
+var defaultProps$8 = {};
+var ResourceShowPage = function ResourceShowPage(_ref) {
+  var resource = _ref.resource;
+  return /*#__PURE__*/React.createElement(ResourceProvider, {
+    resource: resource
+  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
+    title: resource === null || resource === void 0 ? void 0 : resource.name
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "container-sm"
+  }, "Show page")));
+};
+ResourceShowPage.propTypes = propTypes$8;
+ResourceShowPage.defaultProps = defaultProps$8;
+
+/* 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, 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),
+      to: 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 propTypes$6 = {};
+var defaultProps$6 = {};
+var AccountPage = function AccountPage() {
+  return /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement("div", {
+    className: "container-sm py-4"
+  }, "Account page"));
+};
+AccountPage.propTypes = propTypes$6;
+AccountPage.defaultProps = defaultProps$6;
+
+/* eslint-disable react/jsx-props-no-spreading */
+var propTypes$5 = {
+  fields: PropTypes.fields,
+  className: PropTypes$1.string,
+  onSuccess: PropTypes$1.func
+};
+var defaultProps$5 = {
+  fields: [{
+    name: 'email',
+    type: 'email',
+    size: 'lg',
+    label: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "LI0Gz4",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Email"
+      }]
+    })
+  }, {
+    name: 'password',
+    type: 'password',
+    size: 'lg',
+    label: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "4yfet+",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Password"
+      }]
+    })
+  }],
+  className: null,
+  onSuccess: null
+};
+var LoginForm = function LoginForm(_ref) {
+  var formFields = _ref.fields,
+    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 _useForm = useForm({
+      fields: formFields,
+      postForm: postForm,
+      onComplete: onSuccess
+    }),
+    value = _useForm.value,
+    setValue = _useForm.setValue,
+    fields = _useForm.fields,
+    onSubmit = _useForm.onSubmit,
+    status = _useForm.status,
+    generalError = _useForm.generalError,
+    errors = _useForm.errors;
+  var NormalForm = useFormComponent('normal');
+  return /*#__PURE__*/React.createElement(NormalForm, {
+    action: url('auth.login'),
+    method: "post",
+    fields: fields,
+    onSubmit: onSubmit,
+    className: className,
+    status: status,
+    generalError: generalError,
+    errors: errors,
+    value: value,
+    onChange: setValue,
+    submitButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "g6qbbX",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Log in"
+      }]
+    })
+  });
+};
+LoginForm.propTypes = propTypes$5;
+LoginForm.defaultProps = defaultProps$5;
+
+var propTypes$4 = {
+  children: PropTypes$1.node.isRequired,
+  fullscreen: PropTypes$1.bool
+};
+var defaultProps$4 = {
+  fullscreen: false
+};
+var GuestLayout = function GuestLayout(_ref) {
+  var _classNames;
+  var fullscreen = _ref.fullscreen,
+    children = _ref.children;
+  var _usePanneauColorSchem = usePanneauColorScheme(),
+    background = _usePanneauColorSchem.background,
+    text = _usePanneauColorSchem.text;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames({
+      'd-flex flex-column min-vh-100': fullscreen
+    })
+  }, /*#__PURE__*/React.createElement(MainNavbar, {
+    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;
+
+/* eslint-disable react/jsx-props-no-spreading */
+var propTypes$3 = {};
+var defaultProps$3 = {};
+var LoginPage = function LoginPage() {
+  var route = useUrlGenerator();
+  var onSuccess = useCallback(function () {
+    window.location.href = route('home');
+  }, [route]);
+  return /*#__PURE__*/React.createElement(GuestLayout, {
+    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, {
+    onSuccess: onSuccess
+  })))));
+};
+LoginPage.propTypes = propTypes$3;
+LoginPage.defaultProps = defaultProps$3;
+
+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.statusCode
+};
+var defaultProps$2 = {
+  statusCode: null
+};
+var ErrorPage = function ErrorPage(_ref) {
+  var statusCode = _ref.statusCode;
+  return /*#__PURE__*/React.createElement(GuestLayout, {
+    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 _excluded$1 = ["path", "component", "exact"];
+var createResourceRoutes = function createResourceRoutes(resource, _ref) {
+  var route = _ref.route,
+    componentsManager = _ref.componentsManager,
+    _ref$pages = _ref.pages,
+    pages = _ref$pages === void 0 ? {} : _ref$pages;
+  var resourceId = resource.id,
+    _resource$pages = resource.pages,
+    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) || ResourceIndexPage;
+  var ResourceShowComponent = componentsManager.getComponent(resourceShowPage === null || resourceShowPage === void 0 ? void 0 : resourceShowPage.component) || componentsManager.getComponent(showPage === null || showPage === void 0 ? void 0 : showPage.component) || ResourceShowPage;
+  var ResourceCreateComponent = componentsManager.getComponent(resourceCreatePage === null || resourceCreatePage === void 0 ? void 0 : resourceCreatePage.component) || componentsManager.getComponent(createPage === null || createPage === void 0 ? void 0 : createPage.component) || ResourceCreatePage;
+  var ResourceEditComponent = componentsManager.getComponent(resourceEditPage === null || resourceEditPage === void 0 ? void 0 : resourceEditPage.component) || componentsManager.getComponent(editPage === null || editPage === void 0 ? void 0 : editPage.component) || ResourceEditPage;
+  var ResourceDeleteComponent = componentsManager.getComponent(resourceDeletePage === null || resourceDeletePage === void 0 ? void 0 : resourceDeletePage.component) || componentsManager.getComponent(deletePage === null || deletePage === void 0 ? void 0 : deletePage.component) || ResourceDeletePage;
+  return [/*#__PURE__*/React.createElement(Route, {
+    path: route('resources.index', {
+      resource: resourceId
+    }),
+    exact: true,
+    element: /*#__PURE__*/React.createElement(ResourceIndexComponent, {
+      resource: resource
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: route('resources.create', {
+      resource: resourceId
+    }),
+    exact: true,
+    element: /*#__PURE__*/React.createElement(ResourceCreateComponent, {
+      resource: resource
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: route('resources.show', {
+      resource: resourceId,
+      id: ':id'
+    }),
+    exact: true,
+    element: /*#__PURE__*/React.createElement(ResourceShowComponent, {
+      resource: resource
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: route('resources.edit', {
+      resource: resourceId,
+      id: ':id'
+    }),
+    exact: true,
+    element: /*#__PURE__*/React.createElement(ResourceEditComponent, {
+      resource: resource
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: route('resources.delete', {
+      resource: resourceId,
+      id: ':id'
+    }),
+    exact: true,
+    element: /*#__PURE__*/React.createElement(ResourceDeleteComponent, {
+      resource: resource
+    })
+  })].concat(_toConsumableArray(extraRoutes.map(function (_ref4) {
+    var path = _ref4.path,
+      component = _ref4.component,
+      _ref4$exact = _ref4.exact,
+      exact = _ref4$exact === void 0 ? true : _ref4$exact,
+      pageProps = _objectWithoutProperties(_ref4, _excluded$1);
+    var RouteComponent = componentsManager.getComponent(component);
+    return RouteComponent !== null ? /*#__PURE__*/React.createElement(Route, {
+      key: "route-".concat(path),
+      path: path,
+      exact: exact,
+      element: /*#__PURE__*/React.createElement(RouteComponent, Object.assign({
+        resource: resource
+      }, pageProps))
+    }) : null;
+  })));
+};
+
+var _excluded = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete"],
+  _excluded2 = ["path", "route", "component", "exact"];
+var propTypes$1 = {
+  statusCode: PropTypes.statusCode
+};
+var defaultProps$1 = {
+  statusCode: null
+};
+var PanneauRoutes = function PanneauRoutes(_ref) {
+  var initialStatusCode = _ref.statusCode;
+  var routes = useRoutes();
+  var _useLocation = useLocation(),
+    pathname = _useLocation.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;
+  var LoginComponent = componentsManager.getComponent(loginPage === null || loginPage === void 0 ? void 0 : loginPage.component) || LoginPage;
+  var AccountComponent = componentsManager.getComponent(accountPage === null || accountPage === void 0 ? void 0 : accountPage.component) || AccountPage;
+  var ErrorComponent = componentsManager.getComponent(errorPage === null || errorPage === void 0 ? void 0 : errorPage.component) || ErrorPage;
+
+  // If there is an error status code
+  if (statusCode !== null) {
+    return /*#__PURE__*/React.createElement(ErrorComponent, {
+      statusCode: statusCode
+    });
+  }
+
+  // If user is unauthenticated
+  if (user === null) {
+    return /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
+      path: routes['auth.login'],
+      exact: true,
+      element: /*#__PURE__*/React.createElement(LoginComponent, null)
+    }), /*#__PURE__*/React.createElement(Route, {
+      path: "*",
+      element: /*#__PURE__*/React.createElement(Navigate, {
+        to: "".concat(route('auth.login'), "?next=").concat(encodeURIComponent(pathname)),
+        replace: true
+      })
+    }));
+  }
+
+  // Normal routes
+  return /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
+    path: routes.home,
+    exact: true,
+    element: /*#__PURE__*/React.createElement(HomeComponent, null)
+  }), resources.map(function (resource) {
+    var _ref4 = resource || {},
+      resourceId = _ref4.id;
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: "resource-".concat(resourceId)
+    }, createResourceRoutes(resource, {
+      route: route,
+      componentsManager: componentsManager,
+      pages: pages
+    }));
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: routes.account,
+    exact: true,
+    element: /*#__PURE__*/React.createElement(AccountComponent, null)
+  }), customRoutes.map(function (_ref5) {
+    var _ref5$path = _ref5.path,
+      path = _ref5$path === void 0 ? null : _ref5$path,
+      _ref5$route = _ref5.route,
+      pageRoute = _ref5$route === void 0 ? null : _ref5$route,
+      component = _ref5.component,
+      _ref5$exact = _ref5.exact,
+      exact = _ref5$exact === void 0 ? true : _ref5$exact,
+      props = _objectWithoutProperties(_ref5, _excluded2);
+    var PageComponent = componentsManager.getComponent(component);
+    return PageComponent !== null ? /*#__PURE__*/React.createElement(Route, {
+      path: path || routes[pageRoute],
+      exact: exact,
+      element: /*#__PURE__*/React.createElement(PageComponent, props)
+    }) : null;
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: "*",
+    element: /*#__PURE__*/React.createElement(ErrorComponent, null)
+  }));
+};
+PanneauRoutes.propTypes = propTypes$1;
+PanneauRoutes.defaultProps = defaultProps$1;
+
+var propTypes = {
+  definition: PropTypes.panneauDefinition.isRequired,
+  components: PropTypes$1.oneOfType([PropTypes$1.objectOf(PropTypes$1.elementType), PropTypes$1.objectOf(PropTypes$1.objectOf(PropTypes$1.elementType))]),
+  user: PropTypes.user,
+  memoryRouter: PropTypes$1.bool,
+  baseUrl: PropTypes$1.string,
+  uppy: PropTypes.uppy,
+  statusCode: PropTypes.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 Router = memoryRouter || usesMemoryRouter ? MemoryRouter : BrowserRouter;
+  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]);
+  return /*#__PURE__*/React.createElement(Router, null, /*#__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(ApiProvider, {
+    baseUrl: baseUrl,
+    onUnauthorized: onUnauthorized
+  }, /*#__PURE__*/React.createElement(AuthProvider, {
+    user: user,
+    onLogout: onLogout
+  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
+    components: components
+  }, /*#__PURE__*/React.createElement(PanneauRoutes, {
+    statusCode: statusCode
+  }))))))))))))));
+};
+Container.propTypes = propTypes;
+Container.defaultProps = defaultProps;
+
+export { GuestLayout, MainLayout, PageHeader, ResourceFilters, ResourceForm, ResourceItemsList, Container as default };