@panneau/core 3.0.145 → 3.0.150

package/es/contexts.js

@@ -0,0 +1,1143 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import isString from 'lodash/isString';
+import PropTypes from 'prop-types';
+import React, { useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import { ComponentsManager, PropTypes as PropTypes$1, FieldsManager, Tracking } from '@panneau/core';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import uniqBy from 'lodash/uniqBy';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { getJSON } from '@folklore/fetch';
+import isObject from 'lodash/isObject';
+import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
+import { useIntl } from 'react-intl';
+import { getDisplayName } from '@panneau/core/utils';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useUrlGenerator } from '@folklore/routes';
+export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
+import { useLocation } from 'wouter';
+import { TrackingContext, TrackingContainer } from '@folklore/tracking';
+export { TrackingContext } from '@folklore/tracking';
+
+var MODALS_NAMESPACE = 'modals';
+var FIELDS_NAMESPACE = 'fields';
+var FORMS_NAMESPACE = 'forms';
+var FILTERS_NAMESPACE = 'filters';
+var LISTS_NAMESPACE = 'lists';
+var DISPLAYS_NAMESPACE = 'displays';
+var ACTIONS_NAMESPACE = 'actions';
+var BUTTONS_NAMESPACE = 'buttons';
+var PAGES_NAMESPACE = 'pages';
+var APP_NAMESPACE = 'app';
+var ComponentsContext = /*#__PURE__*/React.createContext(null);
+
+/**
+ * Hooks
+ */
+var useComponentsManager = function useComponentsManager() {
+  var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var manager = useContext(ComponentsContext);
+  var finalManager = useMemo(function () {
+    return namespace !== null ? new ComponentsManager(manager.getComponents(namespace)) : manager;
+  }, [manager, namespace]);
+  return finalManager;
+};
+var useComponents = function useComponents() {
+  var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var defaultComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var manager = useComponentsManager();
+  return manager.getComponents(namespace) || defaultComponents;
+};
+var useComponent = function useComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var manager = useComponentsManager(namespace);
+  return useMemo(function () {
+    if (!isString(name)) {
+      return name || defaultComponent;
+    }
+    return manager.getComponent(name) || defaultComponent;
+  }, [manager, name, defaultComponent]);
+};
+
+/**
+ * Fields hooks
+ */
+var useFieldsComponentsManager = function useFieldsComponentsManager() {
+  return useComponentsManager(FIELDS_NAMESPACE);
+};
+var useFieldsComponents = function useFieldsComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(FIELDS_NAMESPACE, defaultComponents);
+};
+var useFieldComponent = function useFieldComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, FIELDS_NAMESPACE);
+};
+
+/**
+ * Forms hooks
+ */
+var useFormsComponentsManager = function useFormsComponentsManager() {
+  return useComponentsManager(FORMS_NAMESPACE);
+};
+var useFormsComponents = function useFormsComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(FORMS_NAMESPACE, defaultComponents);
+};
+var useFormComponent = function useFormComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, FORMS_NAMESPACE);
+};
+
+/**
+ * Modals hooks
+ */
+var useModalsComponentsManager = function useModalsComponentsManager() {
+  return useComponentsManager(MODALS_NAMESPACE);
+};
+var useModalsComponents = function useModalsComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(MODALS_NAMESPACE, defaultComponents);
+};
+var useModalComponent = function useModalComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, MODALS_NAMESPACE);
+};
+
+/**
+ * Filters hooks
+ */
+var useFiltersComponentsManager = function useFiltersComponentsManager() {
+  return useComponentsManager(FILTERS_NAMESPACE);
+};
+var useFiltersComponents = function useFiltersComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(FILTERS_NAMESPACE, defaultComponents);
+};
+var useFilterComponent = function useFilterComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, FILTERS_NAMESPACE);
+};
+
+/**
+ * Lists hooks
+ */
+var useListsComponentsManager = function useListsComponentsManager() {
+  return useComponentsManager(LISTS_NAMESPACE);
+};
+var useListsComponents = function useListsComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(LISTS_NAMESPACE, defaultComponents);
+};
+var useListComponent = function useListComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, LISTS_NAMESPACE);
+};
+
+/**
+ * Displays hooks
+ */
+var useDisplaysComponentsManager = function useDisplaysComponentsManager() {
+  return useComponentsManager(DISPLAYS_NAMESPACE);
+};
+var useDisplaysComponents = function useDisplaysComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(DISPLAYS_NAMESPACE, defaultComponents);
+};
+var useDisplayComponent = function useDisplayComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, DISPLAYS_NAMESPACE);
+};
+
+/**
+ * Actions hooks
+ */
+var useActionsComponentsManager = function useActionsComponentsManager() {
+  return useComponentsManager(ACTIONS_NAMESPACE);
+};
+var useActionsComponents = function useActionsComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(ACTIONS_NAMESPACE, defaultComponents);
+};
+var useActionComponent = function useActionComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, ACTIONS_NAMESPACE);
+};
+
+/**
+ * Buttons hooks
+ */
+var useButtonsComponentsManager = function useButtonsComponentsManager() {
+  return useComponentsManager(BUTTONS_NAMESPACE);
+};
+var useButtonsComponents = function useButtonsComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(BUTTONS_NAMESPACE, defaultComponents);
+};
+var useButtonComponent = function useButtonComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, BUTTONS_NAMESPACE);
+};
+
+/**
+ * Pages hooks
+ */
+var usePagesComponentsManager = function usePagesComponentsManager() {
+  return useComponentsManager(PAGES_NAMESPACE);
+};
+var usePagesComponents = function usePagesComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(PAGES_NAMESPACE, defaultComponents);
+};
+var usePageComponent = function usePageComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, PAGES_NAMESPACE);
+};
+
+/**
+ * App hooks
+ */
+var useAppComponentsManager = function useAppComponentsManager() {
+  return useComponentsManager(APP_NAMESPACE);
+};
+var useAppComponents = function useAppComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(APP_NAMESPACE, defaultComponents);
+};
+var useAppComponent = function useAppComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, APP_NAMESPACE);
+};
+
+/**
+ * Provider
+ */
+var propTypes$d = {
+  children: PropTypes.node.isRequired,
+  namespace: PropTypes.string,
+  manager: PropTypes.instanceOf(ComponentsManager),
+  components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
+};
+var defaultProps$d = {
+  namespace: null,
+  components: {},
+  manager: null
+};
+var ComponentsProvider = function ComponentsProvider(_ref) {
+  var components = _ref.components,
+    manager = _ref.manager,
+    namespace = _ref.namespace,
+    children = _ref.children;
+  var previousManager = useComponentsManager() || null;
+  var finalManager = useMemo(function () {
+    return new ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new ComponentsManager(components).addNamespace(namespace).getComponents()));
+  }, [previousManager, manager, components, namespace]);
+  return /*#__PURE__*/React.createElement(ComponentsContext.Provider, {
+    value: finalManager
+  }, children);
+};
+ComponentsProvider.propTypes = propTypes$d;
+ComponentsProvider.defaultProps = defaultProps$d;
+
+var message = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  defaultMessage: PropTypes.string
+});
+var label = PropTypes.oneOfType([message, PropTypes.node]);
+PropTypes.oneOfType([PropTypes.number, PropTypes.string]);
+
+/**
+ * Core
+ */
+var menuItem = PropTypes.shape({
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  label: label,
+  url: PropTypes.string,
+  external: PropTypes.bool,
+  active: PropTypes.bool
+});
+PropTypes.arrayOf(menuItem);
+var button = PropTypes.shape({
+  id: PropTypes.string,
+  label: label,
+  onClick: PropTypes.func
+});
+PropTypes.arrayOf(button);
+PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
+PropTypes.oneOf(['lg', 'md', 'sm', null]);
+PropTypes.oneOf(['button', 'submit']);
+PropTypes.oneOf(['start', 'end']);
+PropTypes.oneOf(['lg', 'sm', null]);
+PropTypes.oneOf(['loading', 'success', 'error', null]);
+var fieldOption = PropTypes.shape({
+  value: PropTypes.string,
+  label: PropTypes.string
+});
+PropTypes.arrayOf(fieldOption);
+var toggle = PropTypes.shape({
+  key: PropTypes.string,
+  label: PropTypes.string
+});
+PropTypes.arrayOf(toggle);
+var tableColumn = PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+  id: PropTypes.string,
+  component: PropTypes.string,
+  path: PropTypes.string,
+  field: PropTypes.string,
+  columnClassName: PropTypes.string
+})]);
+PropTypes.arrayOf(tableColumn);
+
+/**
+ * Panneau Definitions
+ */
+var routes = PropTypes.shape({
+  'resources.index': PropTypes.string.isRequired,
+  'resources.create': PropTypes.string.isRequired,
+  'resources.store': PropTypes.string.isRequired,
+  'resources.show': PropTypes.string.isRequired,
+  'resources.edit': PropTypes.string.isRequired,
+  'resources.update': PropTypes.string.isRequired,
+  'resources.delete': PropTypes.string.isRequired,
+  'resources.destroy': PropTypes.string.isRequired
+});
+var intl = PropTypes.shape({
+  locale: PropTypes.string,
+  messages: PropTypes.objectOf(PropTypes.string),
+  values: PropTypes.objectOf(PropTypes.string)
+});
+var page = PropTypes.shape({
+  component: PropTypes.string.isRequired
+});
+var pages = PropTypes.objectOf(page);
+var field = PropTypes.shape({
+  name: PropTypes.string,
+  // Not required on localized fields
+  type: PropTypes.string,
+  component: PropTypes.string,
+  label: PropTypes.node
+});
+var fields = PropTypes.arrayOf(field);
+var form = PropTypes.shape({
+  // type: PropTypes.string.isRequired,
+  title: PropTypes.isRequired,
+  fields: fields
+});
+PropTypes.arrayOf(form);
+var resource = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  intl: intl,
+  fields: fields,
+  forms: PropTypes.shape({}),
+  shows_in_navbar: PropTypes.bool
+});
+var resources = PropTypes.arrayOf(resource);
+var panneauDefinition = PropTypes.shape({
+  name: PropTypes.string,
+  resources: resources,
+  routes: routes,
+  pages: pages,
+  intl: intl
+  // intl,
+});
+var definition = PropTypes.shape({
+  name: PropTypes.string
+  // resources,
+  // routes,
+  // intl,
+});
+var item = PropTypes.shape({
+  id: PropTypes.string.isRequired
+});
+PropTypes.arrayOf(item);
+var user = PropTypes.shape({
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+});
+PropTypes.arrayOf(user);
+var selectOption = PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.shape({
+  value: PropTypes.any,
+  // eslint-disable-line
+  label: label
+}), PropTypes.object]);
+PropTypes.arrayOf(selectOption);
+PropTypes.oneOf(['valid', 'invalid', 'loading', null]);
+var formError = PropTypes.shape({
+  message: PropTypes.string
+});
+PropTypes.arrayOf(formError);
+PropTypes.shape({
+  tus: PropTypes.object
+}); // eslint-disable-line
+
+PropTypes.string;
+var breadcrumb = PropTypes.shape({
+  url: PropTypes.string
+});
+PropTypes.arrayOf(breadcrumb);
+var font = PropTypes.shape({
+  // url: PropTypes.string,
+});
+PropTypes.arrayOf(font);
+PropTypes.shape({});
+var modal = PropTypes.shape({
+  name: PropTypes.string
+});
+PropTypes.arrayOf(modal);
+var filter = PropTypes.shape({
+  id: PropTypes.string,
+  component: PropTypes.string
+});
+PropTypes.arrayOf(filter);
+var media = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+  thumbnail_url: PropTypes.string
+});
+PropTypes.arrayOf(media);
+
+/* eslint-disable react/jsx-props-no-spreading */
+var DefinitionContext = /*#__PURE__*/React.createContext(null);
+var useDefinitionContext = function useDefinitionContext() {
+  return useContext(DefinitionContext);
+};
+var useDefinition = function useDefinition() {
+  var _useDefinitionContext = useDefinitionContext(),
+    _useDefinitionContext2 = _useDefinitionContext.definition,
+    definition = _useDefinitionContext2 === void 0 ? null : _useDefinitionContext2;
+  return definition;
+};
+var propTypes$c = {
+  definition: definition.isRequired,
+  children: PropTypes.node.isRequired
+};
+var defaultProps$c = {};
+var DefinitionProvider = function DefinitionProvider(_ref) {
+  var definition = _ref.definition,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(DefinitionContext.Provider, {
+    value: definition
+  }, children);
+};
+DefinitionProvider.propTypes = propTypes$c;
+DefinitionProvider.defaultProps = defaultProps$c;
+
+var FieldsContext = /*#__PURE__*/React.createContext(null);
+var useFieldsManager = function useFieldsManager() {
+  return useContext(FieldsContext);
+};
+var useField = function useField(id) {
+  var manager = useFieldsManager();
+  return manager.getDefinition(id);
+};
+var useFields = function useFields() {
+  var manager = useFieldsManager();
+  return manager.getDefinitions();
+};
+var propTypes$b = {
+  fields: PropTypes$1.fields,
+  manager: PropTypes.instanceOf(FieldsManager),
+  children: PropTypes.node.isRequired
+};
+var defaultProps$b = {
+  fields: null,
+  manager: null
+};
+var FieldsProvider = function FieldsProvider(_ref) {
+  var fields = _ref.fields,
+    manager = _ref.manager,
+    children = _ref.children;
+  var previousManager = useFieldsManager() || null;
+  var finalManager = useMemo(function () {
+    var newFields = uniqBy([].concat(_toConsumableArray(fields || []), _toConsumableArray(manager !== null ? manager.getDefinitions() : []), _toConsumableArray(previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
+      var id = _ref2.id;
+      return id;
+    }).reverse();
+    return new FieldsManager(newFields);
+  }, [previousManager, manager, fields]);
+  var components = useMemo(function () {
+    var newComponents = finalManager.getComponents();
+    return Object.keys(newComponents).reduce(function (map, id) {
+      var component = newComponents[id];
+      return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
+    }, {});
+  }, [finalManager]);
+  return /*#__PURE__*/React.createElement(FieldsContext.Provider, {
+    value: finalManager
+  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
+    namespace: FIELDS_NAMESPACE,
+    components: components
+  }, children));
+};
+FieldsProvider.propTypes = propTypes$b;
+FieldsProvider.defaultProps = defaultProps$b;
+
+/* eslint-disable react/jsx-props-no-spreading */
+var GoogleKeysContext = /*#__PURE__*/React.createContext({
+  apiKey: null
+});
+var useGoogleKeys = function useGoogleKeys() {
+  return useContext(GoogleKeysContext);
+};
+var propTypes$a = {
+  children: PropTypes.node.isRequired,
+  apiKey: PropTypes.string // .isRequired,
+};
+var defaultProps$a = {
+  apiKey: null
+};
+var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
+  var children = _ref.children,
+    apiKey = _ref.apiKey;
+  var _useGoogleKeys = useGoogleKeys(),
+    previousApiKey = _useGoogleKeys.apiKey;
+  var value = useMemo(function () {
+    return {
+      apiKey: apiKey || previousApiKey
+    };
+  }, [previousApiKey, apiKey]);
+  return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
+    value: value
+  }, children);
+};
+GoogleKeysProvider.propTypes = propTypes$a;
+GoogleKeysProvider.defaultProps = defaultProps$a;
+
+var FontsContext = /*#__PURE__*/React.createContext({
+  systemFonts: null,
+  googleFonts: null,
+  customFonts: null
+});
+var useGoogleFonts = function useGoogleFonts() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$setFonts = _ref.setFonts,
+    setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
+  var _useGoogleKeys = useGoogleKeys(),
+    apiKey = _useGoogleKeys.apiKey;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    googleFonts = _useState2[0],
+    setGoogleFonts = _useState2[1];
+  useEffect(function () {
+    var canceled = false;
+    if (apiKey !== null && !disabled) {
+      getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(apiKey, "&sort=popularity")).then(function (_ref2) {
+        var _ref2$items = _ref2.items,
+          items = _ref2$items === void 0 ? [] : _ref2$items;
+        if (!canceled) {
+          var newFonts = items.map(function (it) {
+            return {
+              type: 'google',
+              name: it.family,
+              variants: it.variants
+            };
+          });
+          if (setFonts !== null) {
+            setFonts(newFonts);
+          } else {
+            setGoogleFonts(newFonts);
+          }
+        }
+      });
+    }
+    return function () {
+      canceled = true;
+    };
+  }, [apiKey, disabled, setFonts, setGoogleFonts]);
+  return googleFonts;
+};
+var useFonts = function useFonts() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref3$withoutGoogleFo = _ref3.withoutGoogleFonts,
+    withoutGoogleFonts = _ref3$withoutGoogleFo === void 0 ? false : _ref3$withoutGoogleFo;
+  var _useContext = useContext(FontsContext),
+    _useContext$setGoogle = _useContext.setGoogleFonts,
+    setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
+    _useContext$systemFon = _useContext.systemFonts,
+    systemFonts = _useContext$systemFon === void 0 ? null : _useContext$systemFon,
+    _useContext$googleFon = _useContext.googleFonts,
+    googleFonts = _useContext$googleFon === void 0 ? null : _useContext$googleFon,
+    _useContext$customFon = _useContext.customFonts,
+    customFonts = _useContext$customFon === void 0 ? null : _useContext$customFon;
+  useGoogleFonts({
+    disabled: withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0,
+    setFonts: setGoogleFonts
+  });
+  var fonts = useMemo(function () {
+    return {
+      systemFonts: systemFonts,
+      googleFonts: googleFonts,
+      customFonts: customFonts
+    };
+  }, [systemFonts, googleFonts, customFonts]);
+  return fonts;
+};
+var propTypes$9 = {
+  children: PropTypes.node.isRequired,
+  systemFonts: PropTypes$1.fonts,
+  customFonts: PropTypes$1.fonts
+};
+var defaultProps$9 = {
+  systemFonts: ['Arial', 'Courier', 'Georgia', 'Times New Roman', 'Verdana'],
+  customFonts: null
+};
+var FontsProvider = function FontsProvider(_ref4) {
+  var systemFonts = _ref4.systemFonts,
+    customFonts = _ref4.customFonts,
+    children = _ref4.children;
+  var _useFonts = useFonts(),
+    _useFonts$systemFonts = _useFonts.systemFonts,
+    previousSystemFonts = _useFonts$systemFonts === void 0 ? null : _useFonts$systemFonts,
+    _useFonts$googleFonts = _useFonts.googleFonts,
+    previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
+    previousCustomFonts = _useFonts.customFonts;
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    googleFonts = _useState4[0],
+    setGoogleFonts = _useState4[1];
+  var fonts = useMemo(function () {
+    return {
+      systemFonts: uniqBy([].concat(_toConsumableArray(previousSystemFonts || []), _toConsumableArray(systemFonts || [])), function (font) {
+        return isObject(font) ? font.name : font;
+      }),
+      googleFonts: uniqBy([].concat(_toConsumableArray(previousGoogleFonts || []), _toConsumableArray(googleFonts || [])), function (font) {
+        return isObject(font) ? font.name : font;
+      }),
+      customFonts: uniqBy([].concat(_toConsumableArray(previousCustomFonts || []), _toConsumableArray(customFonts || [])), function (font) {
+        return isObject(font) ? font.name : font;
+      }),
+      setGoogleFonts: setGoogleFonts
+    };
+  }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
+  return /*#__PURE__*/React.createElement(FontsContext.Provider, {
+    value: fonts
+  }, children);
+};
+FontsProvider.propTypes = propTypes$9;
+FontsProvider.defaultProps = defaultProps$9;
+
+/* eslint-disable react/jsx-props-no-spreading */
+var FormContext = /*#__PURE__*/React.createContext(null);
+var useForm = function useForm() {
+  return useContext(FormContext);
+};
+var useFormValue = function useFormValue() {
+  var _useForm = useForm(),
+    value = _useForm.value;
+  return value;
+};
+var useFormSetValue = function useFormSetValue() {
+  var _useForm2 = useForm(),
+    setValue = _useForm2.setValue;
+  return setValue;
+};
+var propTypes$8 = {
+  value: PropTypes.object.isRequired,
+  // eslint-disable-line react/forbid-prop-types
+  setValue: PropTypes.func.isRequired,
+  children: PropTypes.node.isRequired
+};
+var defaultProps$8 = {};
+var FormProvider = function FormProvider(_ref) {
+  var value = _ref.value,
+    setValue = _ref.setValue,
+    children = _ref.children;
+  var values = useMemo(function () {
+    return {
+      value: value,
+      setValue: setValue
+    };
+  }, [value, setValue]);
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
+    value: values
+  }, children);
+};
+FormProvider.propTypes = propTypes$8;
+FormProvider.defaultProps = defaultProps$8;
+
+var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
+var useGoogleApiClient = function useGoogleApiClient() {
+  return useContext(GoogleApiClientContext);
+};
+var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
+  var getDisplayName = function getDisplayName(_ref) {
+    var _ref$displayName = _ref.displayName,
+      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? null : _ref$name;
+    return displayName || name || 'Component';
+  };
+  var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
+    return /*#__PURE__*/React.createElement(GoogleApiClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
+        googleApiClient: client
+      }, props));
+    });
+  };
+  WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
+  return WithGoogleApiClientComponent;
+};
+var propTypes$7 = {
+  children: PropTypes.node.isRequired
+};
+var defaultProps$7 = {};
+var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
+  var children = _ref2.children;
+  var _useGoogleKeys = useGoogleKeys(),
+    apiKey = _useGoogleKeys.apiKey;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    client = _useState2[0],
+    setClient = _useState2[1];
+  useEffect(function () {
+    loadGoogleApi().then(function (gapi) {
+      return gapi.client.init({
+        apiKey: apiKey
+      }).then(function () {
+        return gapi;
+      });
+    }).then(function (gapi) {
+      return setClient(gapi);
+    });
+  }, [apiKey, setClient]);
+  return /*#__PURE__*/React.createElement(GoogleApiClientContext.Provider, {
+    value: client
+  }, children);
+};
+GoogleApiClientProvider.propTypes = propTypes$7;
+GoogleApiClientProvider.defaultProps = defaultProps$7;
+
+var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
+var useGoogleMapsClient = function useGoogleMapsClient() {
+  return useContext(GoogleMapsClientContext);
+};
+var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
+  var getDisplayName = function getDisplayName(_ref) {
+    var _ref$displayName = _ref.displayName,
+      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? null : _ref$name;
+    return displayName || name || 'Component';
+  };
+  var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
+    return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
+        googleApiClient: client
+      }, props));
+    });
+  };
+  WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
+  return WithGoogleMapsClientComponent;
+};
+var propTypes$6 = {
+  children: PropTypes.node.isRequired,
+  locale: PropTypes.string,
+  libraries: PropTypes.arrayOf(PropTypes.string)
+};
+var defaultProps$6 = {
+  locale: 'fr',
+  libraries: null
+};
+var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
+  var children = _ref2.children,
+    locale = _ref2.locale,
+    libraries = _ref2.libraries;
+  var _useGoogleKeys = useGoogleKeys(),
+    apiKey = _useGoogleKeys.apiKey;
+  var exisitingClient = useGoogleMapsClient();
+  var _useState = useState(exisitingClient),
+    _useState2 = _slicedToArray(_useState, 2),
+    client = _useState2[0],
+    setClient = _useState2[1];
+  useEffect(function () {
+    if (exisitingClient === null) {
+      loadGoogleMaps({
+        apiKey: apiKey,
+        locale: locale,
+        libraries: libraries
+      }).then(function (newClient) {
+        setClient(newClient);
+      });
+    }
+  }, [apiKey, locale, libraries, setClient, exisitingClient]);
+  return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Provider, {
+    value: client
+  }, children);
+};
+GoogleMapsClientProvider.propTypes = propTypes$6;
+GoogleMapsClientProvider.defaultProps = defaultProps$6;
+
+/* eslint-disable react/jsx-props-no-spreading */
+var defaultLocales = ['en', 'fr'];
+var LocalesContext = /*#__PURE__*/React.createContext({
+  locales: defaultLocales
+});
+var useLocales = function useLocales() {
+  var _useContext = useContext(LocalesContext),
+    locales = _useContext.locales;
+  return locales;
+};
+var useOtherLocales = function useOtherLocales() {
+  var _useLocales = useLocales(),
+    locales = _useLocales.locales;
+  var _useIntl = useIntl(),
+    locale = _useIntl.locale;
+  var otherLocales = useMemo(function () {
+    return locales.filter(function (it) {
+      return it !== locale;
+    });
+  }, [locales, locale]);
+  return otherLocales;
+};
+var propTypes$5 = {
+  locales: PropTypes.arrayOf(PropTypes.string),
+  children: PropTypes.node.isRequired
+};
+var defaultProps$5 = {
+  locales: []
+};
+var LocalesProvider = function LocalesProvider(_ref) {
+  var locales = _ref.locales,
+    children = _ref.children;
+  var value = useMemo(function () {
+    return {
+      locales: locales
+    };
+  }, [locales]);
+  return /*#__PURE__*/React.createElement(LocalesContext.Provider, {
+    value: value
+  }, children);
+};
+LocalesProvider.propTypes = propTypes$5;
+LocalesProvider.defaultProps = defaultProps$5;
+
+// import { getDisplayName } from '../utils';
+
+var ModalContext = /*#__PURE__*/React.createContext(null);
+var useModal = function useModal() {
+  return useContext(ModalContext) || {};
+};
+var propTypes$4 = {
+  children: PropTypes.node.isRequired,
+  container: PropTypes.object // eslint-disable-line
+};
+var defaultProps$4 = {
+  container: null
+};
+var ModalProvider = function ModalProvider(_ref) {
+  var children = _ref.children,
+    initialContainer = _ref.container;
+  var _useState = useState(initialContainer),
+    _useState2 = _slicedToArray(_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    modals = _useState4[0],
+    setModals = _useState4[1];
+  var modalsRef = useRef(modals);
+  var register = useCallback(function (id) {
+    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var currentModals = modalsRef.current;
+    var newModals = [].concat(_toConsumableArray(currentModals), [_objectSpread({
+      id: id
+    }, data)]);
+    setModals(newModals);
+    modalsRef.current = newModals;
+  }, [modals, setModals]);
+  var unregister = useCallback(function (id) {
+    var currentModals = modalsRef.current;
+    var foundIndex = currentModals.findIndex(function (_ref2) {
+      var modalId = _ref2.id;
+      return modalId === id;
+    });
+    if (foundIndex !== -1) {
+      var newModals = currentModals.filter(function (_ref3) {
+        var modalId = _ref3.id;
+        return modalId !== id;
+      });
+      setModals(newModals);
+      modalsRef.current = newModals;
+    }
+  }, [modals, setModals]);
+  var value = useMemo(function () {
+    return {
+      modals: modals,
+      container: container,
+      setContainer: setContainer,
+      register: register,
+      unregister: unregister
+    };
+  }, [modals, container, setContainer, register, unregister]);
+  return /*#__PURE__*/React.createElement(ModalContext.Provider, {
+    value: value
+  }, children);
+};
+ModalProvider.propTypes = propTypes$4;
+ModalProvider.defaultProps = defaultProps$4;
+
+var PanelsContext = /*#__PURE__*/React.createContext({
+  container: null
+});
+var usePanels = function usePanels() {
+  return useContext(PanelsContext) || {};
+};
+var withPanels = function withPanels(WrappedComponent) {
+  var WithPanelsComponent = function WithPanelsComponent(props) {
+    return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
+      var panels = _ref.panels,
+        setContainer = _ref.setContainer,
+        container = _ref.container,
+        register = _ref.register,
+        unregister = _ref.unregister;
+      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
+        panelsContainer: container,
+        setPanelsContainer: setContainer,
+        panels: panels,
+        registerPanel: register,
+        unregisterPanel: unregister
+      }, props));
+    });
+  };
+  WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
+  return WithPanelsComponent;
+};
+var propTypes$3 = {
+  children: PropTypes.node.isRequired,
+  container: PropTypes.object // eslint-disable-line
+};
+var defaultProps$3 = {
+  container: null
+};
+var PanelsProvider = function PanelsProvider(_ref2) {
+  var children = _ref2.children,
+    initialContainer = _ref2.container;
+  var _useState = useState(initialContainer),
+    _useState2 = _slicedToArray(_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    panels = _useState4[0],
+    setPanels = _useState4[1];
+  var panelsRef = useRef(panels);
+  var register = useCallback(function (id) {
+    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var currentPanels = panelsRef.current;
+    var newPanels = [].concat(_toConsumableArray(currentPanels), [_objectSpread({
+      id: id
+    }, data)]);
+    setPanels(newPanels);
+    panelsRef.current = newPanels;
+  }, [panels, setPanels]);
+  var unregister = useCallback(function (id) {
+    var currentPanels = panelsRef.current;
+    var foundIndex = currentPanels.findIndex(function (_ref3) {
+      var modalId = _ref3.id;
+      return modalId === id;
+    });
+    if (foundIndex !== -1) {
+      var newPanels = currentPanels.filter(function (_ref4) {
+        var modalId = _ref4.id;
+        return modalId !== id;
+      });
+      setPanels(newPanels);
+      panelsRef.current = newPanels;
+    }
+  }, [panels, setPanels]);
+  var value = useMemo(function () {
+    return {
+      panels: panels,
+      setContainer: setContainer,
+      container: container,
+      register: register,
+      unregister: unregister
+    };
+  }, [panels, setContainer, container, register, unregister]);
+  return /*#__PURE__*/React.createElement(PanelsContext.Provider, {
+    value: value
+  }, children);
+};
+PanelsProvider.propTypes = propTypes$3;
+PanelsProvider.defaultProps = defaultProps$3;
+
+var _excluded = ["component"];
+var PanneauContext = /*#__PURE__*/React.createContext(null);
+var usePanneau = function usePanneau() {
+  return useContext(PanneauContext);
+};
+var usePanneauResources = function usePanneauResources() {
+  var _ref = usePanneau() || {},
+    _ref$resources = _ref.resources,
+    resources = _ref$resources === void 0 ? [] : _ref$resources;
+  return resources;
+};
+var usePanneauResource = function usePanneauResource(id) {
+  var resources = usePanneauResources();
+  return resources.find(function (it) {
+    return it.id === id;
+  }) || null;
+};
+var usePanneauColorScheme = function usePanneauColorScheme() {
+  var _ref2 = usePanneau() || {},
+    _ref2$theme = _ref2.theme,
+    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
+  var _ref3 = theme || {},
+    _ref3$colorScheme = _ref3.colorScheme,
+    colorScheme = _ref3$colorScheme === void 0 ? 'light' : _ref3$colorScheme;
+  if (colorScheme === null || colorScheme === 'light' || colorScheme === 'dark') {
+    return colorScheme === 'dark' ? {
+      theme: 'dark',
+      background: 'dark',
+      text: 'light'
+    } : {
+      theme: 'light',
+      background: 'light',
+      text: 'dark'
+    };
+  }
+  return {
+    theme: colorScheme,
+    background: null,
+    text: null
+  };
+};
+var usePanneauComponents = function usePanneauComponents() {
+  var _ref4 = usePanneau() || {},
+    _ref4$components = _ref4.components,
+    components = _ref4$components === void 0 ? {} : _ref4$components;
+  return components;
+};
+var usePanneauComponent = function usePanneauComponent(namespace, name) {
+  var _ref5 = usePanneau() || {},
+    _ref5$components = _ref5.components,
+    components = _ref5$components === void 0 ? {} : _ref5$components;
+  var path = namespace !== null ? "".concat(namespace, ".").concat(name) : name || null;
+  var component = components[path] || null;
+  if (isString(component)) {
+    return component;
+  }
+  if (isObject(component) && isString(component === null || component === void 0 ? void 0 : component.componnent)) {
+    // eslint-disable-next-line no-unused-vars
+    component.component;
+      _objectWithoutProperties(component, _excluded);
+    return component.component;
+  }
+  return null;
+};
+var usePanneauAuth = function usePanneauAuth() {
+  var _ref6 = usePanneau() || {},
+    _ref6$auth = _ref6.auth,
+    auth = _ref6$auth === void 0 ? {} : _ref6$auth;
+  return auth;
+};
+var usePanneauSettings = function usePanneauSettings() {
+  var _ref7 = usePanneau() || {},
+    _ref7$settings = _ref7.settings,
+    settings = _ref7$settings === void 0 ? {} : _ref7$settings;
+  return settings;
+};
+var propTypes$2 = {
+  definition: panneauDefinition.isRequired,
+  children: PropTypes.node.isRequired
+};
+var defaultProps$2 = {};
+var PanneauProvider = function PanneauProvider(_ref8) {
+  var definition = _ref8.definition,
+    children = _ref8.children;
+  return /*#__PURE__*/React.createElement(PanneauContext.Provider, {
+    value: definition
+  }, children);
+};
+PanneauProvider.propTypes = propTypes$2;
+PanneauProvider.defaultProps = defaultProps$2;
+
+/* eslint-disable react/jsx-props-no-spreading */
+var ResourceContext = /*#__PURE__*/React.createContext(null);
+var useResource = function useResource() {
+  return useContext(ResourceContext);
+};
+var propTypes$1 = {
+  resource: resource.isRequired,
+  children: PropTypes.node.isRequired
+};
+var defaultProps$1 = {};
+var ResourceProvider = function ResourceProvider(_ref) {
+  var resource = _ref.resource,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(ResourceContext.Provider, {
+    value: resource
+  }, children);
+};
+ResourceProvider.propTypes = propTypes$1;
+ResourceProvider.defaultProps = defaultProps$1;
+
+var useRoutePush = function useRoutePush() {
+  var url = useUrlGenerator();
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 2),
+    navigate = _useLocation2[1];
+  var push = useCallback(function (route, data) {
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+    if (isString(route)) {
+      navigate.apply(void 0, [url(route, data)].concat(args));
+    } else {
+      var _ref = route || {},
+        _ref$pathname = _ref.pathname,
+        pathname = _ref$pathname === void 0 ? null : _ref$pathname,
+        _ref$search = _ref.search,
+        search = _ref$search === void 0 ? null : _ref$search;
+      navigate.apply(void 0, ["".concat(url(pathname, data)).concat(search !== null ? "?".concat(search) : '')].concat(args));
+    }
+  }, [navigate, url]);
+  return push;
+};
+var useRouteBack = function useRouteBack() {
+  var url = useUrlGenerator();
+  var _useLocation3 = useLocation(),
+    _useLocation4 = _slicedToArray(_useLocation3, 2),
+    navigate = _useLocation4[1];
+  var back = useCallback(function () {
+    return navigate(-1);
+  }, [navigate, url]);
+  return back;
+};
+
+/* eslint-disable react/jsx-props-no-spreading */
+var useTracking = function useTracking() {
+  return useContext(TrackingContext);
+};
+var propTypes = {
+  children: PropTypes.node.isRequired,
+  variables: PropTypes$1.trackingVariables
+};
+var defaultProps = {
+  variables: null
+};
+var TrackingProvider = function TrackingProvider(_ref) {
+  var variables = _ref.variables,
+    children = _ref.children;
+  var contextTracking = useTracking() || null;
+  var tracking = useMemo(function () {
+    if (contextTracking !== null) {
+      contextTracking.setVariables(variables);
+      return contextTracking;
+    }
+    return new Tracking({
+      variables: variables
+    });
+  }, [contextTracking, variables]);
+  return /*#__PURE__*/React.createElement(TrackingContainer, {
+    tracking: tracking
+  }, children);
+};
+TrackingProvider.propTypes = propTypes;
+TrackingProvider.defaultProps = defaultProps;
+
+export { ACTIONS_NAMESPACE, APP_NAMESPACE, BUTTONS_NAMESPACE, ComponentsContext, ComponentsProvider, DISPLAYS_NAMESPACE, DefinitionProvider, FIELDS_NAMESPACE, FILTERS_NAMESPACE, FORMS_NAMESPACE, FieldsContext, FieldsProvider, FontsContext, FontsProvider, FormProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, LISTS_NAMESPACE, LocalesContext, LocalesProvider, MODALS_NAMESPACE, ModalContext, ModalProvider, PAGES_NAMESPACE, PanelsContext, PanelsProvider, PanneauProvider, ResourceProvider, TrackingProvider, useActionComponent, useActionsComponents, useActionsComponentsManager, useAppComponent, useAppComponents, useAppComponentsManager, useButtonComponent, useButtonsComponents, useButtonsComponentsManager, useComponent, useComponents, useComponentsManager, useDefinition, useDefinitionContext, useDisplayComponent, useDisplaysComponents, useDisplaysComponentsManager, useField, useFieldComponent, useFields, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFilterComponent, useFiltersComponents, useFiltersComponentsManager, useFonts, useForm, useFormComponent, useFormSetValue, useFormValue, useFormsComponents, useFormsComponentsManager, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useListComponent, useListsComponents, useListsComponentsManager, useLocales, useModal, useModalComponent, useModalsComponents, useModalsComponentsManager, useOtherLocales, usePageComponent, usePagesComponents, usePagesComponentsManager, usePanels, usePanneau, usePanneauAuth, usePanneauColorScheme, usePanneauComponent, usePanneauComponents, usePanneauResource, usePanneauResources, usePanneauSettings, useResource, useRouteBack, useRoutePush, useTracking, withGoogleApiClient, withGoogleMapsClient, withPanels };