@panneau/core 4.0.1 → 4.0.2

package/es/contexts.js

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import isString from 'lodash-es/isString';
-import React, { useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import React$1, { useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
 import { ComponentsManager, FieldsManager, Tracking } from '@panneau/core';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -29,7 +29,7 @@ var BUTTONS_NAMESPACE = 'buttons';
 var PAGES_NAMESPACE = 'pages';
 var PREVIEWS_NAMESPACE = 'previews';
 var APP_NAMESPACE = 'app';
-var ComponentsContext = /*#__PURE__*/React.createContext(null);
+var ComponentsContext = /*#__PURE__*/React$1.createContext(null);
 
 /**
  * Hooks
@@ -242,13 +242,12 @@ function ComponentsProvider(_ref) {
   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, {
+  return /*#__PURE__*/React$1.createElement(ComponentsContext, {
     value: finalManager
   }, children);
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var DefinitionContext = /*#__PURE__*/React.createContext(null);
+var DefinitionContext = /*#__PURE__*/React$1.createContext(null);
 var useDefinitionContext = function useDefinitionContext() {
   return useContext(DefinitionContext);
 };
@@ -259,12 +258,12 @@ var useDefinition = function useDefinition() {
 function DefinitionProvider(_ref) {
   var definition = _ref.definition,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(DefinitionContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(DefinitionContext, {
     value: definition
   }, children);
 }
 
-var FieldsContext = /*#__PURE__*/React.createContext(null);
+var FieldsContext = /*#__PURE__*/React$1.createContext(null);
 var useFieldsManager = function useFieldsManager() {
   return useContext(FieldsContext);
 };
@@ -297,16 +296,15 @@ function FieldsProvider(_ref) {
       return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
     }, {});
   }, [finalManager]);
-  return /*#__PURE__*/React.createElement(FieldsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FieldsContext, {
     value: finalManager
-  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
+  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
     namespace: FIELDS_NAMESPACE,
     components: components
   }, children));
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React.createContext({
+var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
@@ -323,12 +321,12 @@ function GoogleKeysProvider(_ref) {
       apiKey: apiKey || previousApiKey
     };
   }, [previousApiKey, apiKey]);
-  return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleKeysContext, {
     value: value
   }, children);
 }
 
-var FontsContext = /*#__PURE__*/React.createContext({
+var FontsContext = /*#__PURE__*/React$1.createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -431,13 +429,12 @@ function FontsProvider(_ref4) {
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React.createElement(FontsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FontsContext, {
     value: fonts
   }, children);
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var FormContext = /*#__PURE__*/React.createContext(null);
+var FormContext = /*#__PURE__*/React$1.createContext(null);
 var useForm = function useForm() {
   return useContext(FormContext);
 };
@@ -461,12 +458,12 @@ function FormProvider(_ref) {
       setValue: setValue
     };
   }, [value, setValue]);
-  return /*#__PURE__*/React.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FormContext, {
     value: values
   }, children);
 }
 
-var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
   return useContext(GoogleApiClientContext);
 };
@@ -479,8 +476,8 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
     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({
+    return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -507,12 +504,12 @@ function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React.createElement(GoogleApiClientContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleApiClientContext, {
     value: client
   }, children);
 }
 
-var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
   return useContext(GoogleMapsClientContext);
 };
@@ -525,8 +522,8 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
     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({
+    return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -558,14 +555,13 @@ function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext, {
     value: client
   }, children);
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
 var defaultLocales = ['en', 'fr'];
-var LocalesContext = /*#__PURE__*/React.createContext({
+var LocalesContext = /*#__PURE__*/React$1.createContext({
   locales: defaultLocales
 });
 var useLocalesContext = function useLocalesContext() {
@@ -599,12 +595,12 @@ function LocalesProvider(_ref) {
       locales: locales
     };
   }, [locales]);
-  return /*#__PURE__*/React.createElement(LocalesContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(LocalesContext, {
     value: value
   }, children);
 }
 
-var ModalContext = /*#__PURE__*/React.createContext(null);
+var ModalContext = /*#__PURE__*/React$1.createContext(null);
 var useModal = function useModal() {
   return useContext(ModalContext) || {};
 };
@@ -691,12 +687,12 @@ function ModalProvider(_ref) {
       getModalById: getModalById
     };
   }, [modals, container, setContainer, register, unregister, closeLastModal, getModalById]);
-  return /*#__PURE__*/React.createElement(ModalContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ModalContext, {
     value: value
   }, children);
 }
 
-var PanelsContext = /*#__PURE__*/React.createContext({
+var PanelsContext = /*#__PURE__*/React$1.createContext({
   panels: [],
   container: null,
   setContainer: function setContainer() {},
@@ -708,13 +704,13 @@ var usePanels = function usePanels() {
 };
 var withPanels = function withPanels(WrappedComponent) {
   var WithPanelsComponent = function WithPanelsComponent(props) {
-    return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
+    return /*#__PURE__*/React$1.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({
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         panelsContainer: container,
         setPanelsContainer: setContainer,
         panels: panels,
@@ -772,13 +768,13 @@ function PanelsProvider(_ref2) {
       unregister: unregister
     };
   }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/React.createElement(PanelsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(PanelsContext, {
     value: value
   }, children);
 }
 
 var _excluded = ["component"];
-var PanneauContext = /*#__PURE__*/React.createContext(null);
+var PanneauContext = /*#__PURE__*/React$1.createContext(null);
 var usePanneau = function usePanneau() {
   return useContext(PanneauContext);
 };
@@ -836,7 +832,6 @@ var usePanneauComponent = function usePanneauComponent(namespace, name) {
     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;
@@ -858,20 +853,19 @@ var usePanneauSettings = function usePanneauSettings() {
 function PanneauProvider(_ref8) {
   var definition = _ref8.definition,
     children = _ref8.children;
-  return /*#__PURE__*/React.createElement(PanneauContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(PanneauContext, {
     value: definition
   }, children);
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var ResourceContext = /*#__PURE__*/React.createContext(null);
+var ResourceContext = /*#__PURE__*/React$1.createContext(null);
 var useResource = function useResource() {
   return useContext(ResourceContext);
 };
 function ResourceProvider(_ref) {
   var resource = _ref.resource,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(ResourceContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ResourceContext, {
     value: resource
   }, children);
 }
@@ -909,7 +903,6 @@ var useRouteBack = function useRouteBack() {
   return back;
 };
 
-/* eslint-disable react/jsx-props-no-spreading */
 var useTracking = function useTracking() {
   return useContext(TrackingContext);
 };

package/lib/contexts.js

@@ -2,7 +2,7 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var isString = require('lodash-es/isString');
-var React = require('react');
+var React$1 = require('react');
 var core = require('@panneau/core');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -38,7 +38,7 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React$1);
 
 var MODALS_NAMESPACE = 'modals';
 var FIELDS_NAMESPACE = 'fields';
@@ -51,15 +51,15 @@ var BUTTONS_NAMESPACE = 'buttons';
 var PAGES_NAMESPACE = 'pages';
 var PREVIEWS_NAMESPACE = 'previews';
 var APP_NAMESPACE = 'app';
-var ComponentsContext = /*#__PURE__*/React.createContext(null);
+var ComponentsContext = /*#__PURE__*/React$1.createContext(null);
 
 /**
  * Hooks
  */
 var useComponentsManager = function useComponentsManager() {
   var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var manager = React.useContext(ComponentsContext);
-  var finalManager = React.useMemo(function () {
+  var manager = React$1.useContext(ComponentsContext);
+  var finalManager = React$1.useMemo(function () {
     return namespace !== null ? new core.ComponentsManager(manager.getComponents(namespace)) : manager;
   }, [manager, namespace]);
   return finalManager;
@@ -74,7 +74,7 @@ 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 React.useMemo(function () {
+  return React$1.useMemo(function () {
     if (!isString(name)) {
       return name || defaultComponent;
     }
@@ -261,18 +261,17 @@ function ComponentsProvider(_ref) {
     namespace = _ref$namespace === void 0 ? null : _ref$namespace,
     children = _ref.children;
   var previousManager = useComponentsManager() || null;
-  var finalManager = React.useMemo(function () {
+  var finalManager = React$1.useMemo(function () {
     return new core.ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new core.ComponentsManager(components).addNamespace(namespace).getComponents()));
   }, [previousManager, manager, components, namespace]);
-  return /*#__PURE__*/React.createElement(ComponentsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ComponentsContext, {
     value: finalManager
   }, children);
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var DefinitionContext = /*#__PURE__*/React.createContext(null);
+var DefinitionContext = /*#__PURE__*/React$1.createContext(null);
 var useDefinitionContext = function useDefinitionContext() {
-  return React.useContext(DefinitionContext);
+  return React$1.useContext(DefinitionContext);
 };
 var useDefinition = function useDefinition() {
   var definition = useDefinitionContext();
@@ -281,14 +280,14 @@ var useDefinition = function useDefinition() {
 function DefinitionProvider(_ref) {
   var definition = _ref.definition,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(DefinitionContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(DefinitionContext, {
     value: definition
   }, children);
 }
 
-var FieldsContext = /*#__PURE__*/React.createContext(null);
+var FieldsContext = /*#__PURE__*/React$1.createContext(null);
 var useFieldsManager = function useFieldsManager() {
-  return React.useContext(FieldsContext);
+  return React$1.useContext(FieldsContext);
 };
 var useField = function useField(id) {
   var manager = useFieldsManager();
@@ -305,34 +304,33 @@ function FieldsProvider(_ref) {
     manager = _ref$manager === void 0 ? null : _ref$manager,
     children = _ref.children;
   var previousManager = useFieldsManager() || null;
-  var finalManager = React.useMemo(function () {
+  var finalManager = React$1.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 core.FieldsManager(newFields);
   }, [previousManager, manager, fields]);
-  var components = React.useMemo(function () {
+  var components = React$1.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, {
+  return /*#__PURE__*/React$1.createElement(FieldsContext, {
     value: finalManager
-  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
+  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
     namespace: FIELDS_NAMESPACE,
     components: components
   }, children));
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React.createContext({
+var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
-  return React.useContext(GoogleKeysContext);
+  return React$1.useContext(GoogleKeysContext);
 };
 function GoogleKeysProvider(_ref) {
   var children = _ref.children,
@@ -340,17 +338,17 @@ function GoogleKeysProvider(_ref) {
     apiKey = _ref$apiKey === void 0 ? null : _ref$apiKey;
   var _useGoogleKeys = useGoogleKeys(),
     previousApiKey = _useGoogleKeys.apiKey;
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       apiKey: apiKey || previousApiKey
     };
   }, [previousApiKey, apiKey]);
-  return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleKeysContext, {
     value: value
   }, children);
 }
 
-var FontsContext = /*#__PURE__*/React.createContext({
+var FontsContext = /*#__PURE__*/React$1.createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -363,11 +361,11 @@ var useGoogleFonts = function useGoogleFonts() {
     setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
-  var _useState = React.useState(null),
+  var _useState = React$1.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     googleFonts = _useState2[0],
     setGoogleFonts = _useState2[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     var canceled = false;
     if (apiKey !== null && !disabled) {
       fetch.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(apiKey, "&sort=popularity")).then(function (_ref2) {
@@ -399,7 +397,7 @@ 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 = React.useContext(FontsContext),
+  var _useContext = React$1.useContext(FontsContext),
     _useContext$setGoogle = _useContext.setGoogleFonts,
     setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
     _useContext$systemFon = _useContext.systemFonts,
@@ -412,7 +410,7 @@ var useFonts = function useFonts() {
     disabled: withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0,
     setFonts: setGoogleFonts
   });
-  var fonts = React.useMemo(function () {
+  var fonts = React$1.useMemo(function () {
     return {
       systemFonts: systemFonts,
       googleFonts: googleFonts,
@@ -435,11 +433,11 @@ function FontsProvider(_ref4) {
     previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
     _useFonts$customFonts = _useFonts.customFonts,
     previousCustomFonts = _useFonts$customFonts === void 0 ? null : _useFonts$customFonts;
-  var _useState3 = React.useState(null),
+  var _useState3 = React$1.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     googleFonts = _useState4[0],
     setGoogleFonts = _useState4[1];
-  var fonts = React.useMemo(function () {
+  var fonts = React$1.useMemo(function () {
     return {
       systemFonts: uniqBy([].concat(_toConsumableArray(previousSystemFonts || []), _toConsumableArray(systemFonts || [])), function (font) {
         return isObject(font) ? font.name : font;
@@ -453,15 +451,14 @@ function FontsProvider(_ref4) {
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React.createElement(FontsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FontsContext, {
     value: fonts
   }, children);
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var FormContext = /*#__PURE__*/React.createContext(null);
+var FormContext = /*#__PURE__*/React$1.createContext(null);
 var useForm = function useForm() {
-  return React.useContext(FormContext);
+  return React$1.useContext(FormContext);
 };
 var useFormValue = function useFormValue() {
   var _useForm = useForm(),
@@ -477,20 +474,20 @@ function FormProvider(_ref) {
   var value = _ref.value,
     setValue = _ref.setValue,
     children = _ref.children;
-  var values = React.useMemo(function () {
+  var values = React$1.useMemo(function () {
     return {
       value: value,
       setValue: setValue
     };
   }, [value, setValue]);
-  return /*#__PURE__*/React.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FormContext, {
     value: values
   }, children);
 }
 
-var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
-  return React.useContext(GoogleApiClientContext);
+  return React$1.useContext(GoogleApiClientContext);
 };
 var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
@@ -501,8 +498,8 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
     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({
+    return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -514,11 +511,11 @@ function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
-  var _useState = React.useState(null),
+  var _useState = React$1.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     client = _useState2[0],
     setClient = _useState2[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     services.loadGoogleApi().then(function (gapi) {
       return gapi.client.init({
         apiKey: apiKey
@@ -529,14 +526,14 @@ function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React.createElement(GoogleApiClientContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleApiClientContext, {
     value: client
   }, children);
 }
 
-var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
-  return React.useContext(GoogleMapsClientContext);
+  return React$1.useContext(GoogleMapsClientContext);
 };
 var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
@@ -547,8 +544,8 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
     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({
+    return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -565,11 +562,11 @@ function GoogleMapsClientProvider(_ref2) {
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
   var exisitingClient = useGoogleMapsClient();
-  var _useState = React.useState(exisitingClient),
+  var _useState = React$1.useState(exisitingClient),
     _useState2 = _slicedToArray(_useState, 2),
     client = _useState2[0],
     setClient = _useState2[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     if (exisitingClient === null) {
       services.loadGoogleMaps({
         apiKey: apiKey,
@@ -580,18 +577,17 @@ function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext, {
     value: client
   }, children);
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
 var defaultLocales = ['en', 'fr'];
-var LocalesContext = /*#__PURE__*/React.createContext({
+var LocalesContext = /*#__PURE__*/React$1.createContext({
   locales: defaultLocales
 });
 var useLocalesContext = function useLocalesContext() {
-  var context = React.useContext(LocalesContext);
+  var context = React$1.useContext(LocalesContext);
   return context;
 };
 var useLocales = function useLocales() {
@@ -604,7 +600,7 @@ var useOtherLocales = function useOtherLocales() {
     locales = _useLocalesContext2.locales;
   var _useIntl = reactIntl.useIntl(),
     locale = _useIntl.locale;
-  var otherLocales = React.useMemo(function () {
+  var otherLocales = React$1.useMemo(function () {
     return locales.filter(function (it) {
       return it !== locale;
     });
@@ -616,35 +612,35 @@ function LocalesProvider(_ref) {
   var _ref$locales = _ref.locales,
     locales = _ref$locales === void 0 ? DEFAULT_LOCALES : _ref$locales,
     children = _ref.children;
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       locales: locales
     };
   }, [locales]);
-  return /*#__PURE__*/React.createElement(LocalesContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(LocalesContext, {
     value: value
   }, children);
 }
 
-var ModalContext = /*#__PURE__*/React.createContext(null);
+var ModalContext = /*#__PURE__*/React$1.createContext(null);
 var useModal = function useModal() {
-  return React.useContext(ModalContext) || {};
+  return React$1.useContext(ModalContext) || {};
 };
 var DEFAULT_MODALS = [];
 function ModalProvider(_ref) {
   var children = _ref.children,
     _ref$container = _ref.container,
     initialContainer = _ref$container === void 0 ? null : _ref$container;
-  var _useState = React.useState(initialContainer),
+  var _useState = React$1.useState(initialContainer),
     _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
     setContainer = _useState2[1];
-  var _useState3 = React.useState(DEFAULT_MODALS),
+  var _useState3 = React$1.useState(DEFAULT_MODALS),
     _useState4 = _slicedToArray(_useState3, 2),
     modals = _useState4[0],
     setModals = _useState4[1];
-  var modalsRef = React.useRef(modals);
-  var register = React.useCallback(function (id) {
+  var modalsRef = React$1.useRef(modals);
+  var register = React$1.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var _modalsRef$current = modalsRef.current,
       currentModals = _modalsRef$current === void 0 ? [] : _modalsRef$current;
@@ -654,7 +650,7 @@ function ModalProvider(_ref) {
     setModals(newModals);
     modalsRef.current = newModals;
   }, [setModals]);
-  var unregister = React.useCallback(function () {
+  var unregister = React$1.useCallback(function () {
     var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var _modalsRef$current2 = modalsRef.current,
@@ -678,7 +674,7 @@ function ModalProvider(_ref) {
       modalsRef.current = newModals;
     }
   }, [setModals]);
-  var closeLastModal = React.useCallback(function () {
+  var closeLastModal = React$1.useCallback(function () {
     var lastModal = modals.pop() || null;
     if (lastModal !== null) {
       var _ref5 = lastModal || {},
@@ -697,12 +693,12 @@ function ModalProvider(_ref) {
       modalsRef.current = newModals;
     }
   }, [modals, setModals]);
-  var getModalById = React.useCallback(function (modalId) {
+  var getModalById = React$1.useCallback(function (modalId) {
     return (modals || []).find(function (modal) {
       return (modal === null || modal === void 0 ? void 0 : modal.id) === modalId;
     }) || null;
   }, [modals]);
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       modals: modals,
       container: container,
@@ -713,12 +709,12 @@ function ModalProvider(_ref) {
       getModalById: getModalById
     };
   }, [modals, container, setContainer, register, unregister, closeLastModal, getModalById]);
-  return /*#__PURE__*/React.createElement(ModalContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ModalContext, {
     value: value
   }, children);
 }
 
-var PanelsContext = /*#__PURE__*/React.createContext({
+var PanelsContext = /*#__PURE__*/React$1.createContext({
   panels: [],
   container: null,
   setContainer: function setContainer() {},
@@ -726,17 +722,17 @@ var PanelsContext = /*#__PURE__*/React.createContext({
   unregister: function unregister() {}
 });
 var usePanels = function usePanels() {
-  return React.useContext(PanelsContext) || {};
+  return React$1.useContext(PanelsContext) || {};
 };
 var withPanels = function withPanels(WrappedComponent) {
   var WithPanelsComponent = function WithPanelsComponent(props) {
-    return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
+    return /*#__PURE__*/React$1.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({
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         panelsContainer: container,
         setPanelsContainer: setContainer,
         panels: panels,
@@ -752,16 +748,16 @@ function PanelsProvider(_ref2) {
   var children = _ref2.children,
     _ref2$container = _ref2.container,
     initialContainer = _ref2$container === void 0 ? null : _ref2$container;
-  var _useState = React.useState(initialContainer),
+  var _useState = React$1.useState(initialContainer),
     _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
     setContainer = _useState2[1];
-  var _useState3 = React.useState([]),
+  var _useState3 = React$1.useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     panels = _useState4[0],
     setPanels = _useState4[1];
-  var panelsRef = React.useRef(panels);
-  var register = React.useCallback(function (id) {
+  var panelsRef = React$1.useRef(panels);
+  var register = React$1.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var currentPanels = panelsRef.current;
     var newPanels = [].concat(_toConsumableArray(currentPanels), [_objectSpread({
@@ -770,7 +766,7 @@ function PanelsProvider(_ref2) {
     setPanels(newPanels);
     panelsRef.current = newPanels;
   }, [panels, setPanels]);
-  var unregister = React.useCallback(function (id) {
+  var unregister = React$1.useCallback(function (id) {
     var currentPanels = panelsRef.current;
     var foundIndex = currentPanels.findIndex(function (_ref3) {
       var modalId = _ref3.id;
@@ -785,7 +781,7 @@ function PanelsProvider(_ref2) {
       panelsRef.current = newPanels;
     }
   }, [panels, setPanels]);
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       panels: panels,
       setContainer: setContainer,
@@ -794,15 +790,15 @@ function PanelsProvider(_ref2) {
       unregister: unregister
     };
   }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/React.createElement(PanelsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(PanelsContext, {
     value: value
   }, children);
 }
 
 var _excluded = ["component"];
-var PanneauContext = /*#__PURE__*/React.createContext(null);
+var PanneauContext = /*#__PURE__*/React$1.createContext(null);
 var usePanneau = function usePanneau() {
-  return React.useContext(PanneauContext);
+  return React$1.useContext(PanneauContext);
 };
 var DEFAULT_RESOURCES = [];
 var usePanneauResources = function usePanneauResources() {
@@ -858,7 +854,6 @@ var usePanneauComponent = function usePanneauComponent(namespace, name) {
     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;
@@ -880,20 +875,19 @@ var usePanneauSettings = function usePanneauSettings() {
 function PanneauProvider(_ref8) {
   var definition = _ref8.definition,
     children = _ref8.children;
-  return /*#__PURE__*/React.createElement(PanneauContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(PanneauContext, {
     value: definition
   }, children);
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var ResourceContext = /*#__PURE__*/React.createContext(null);
+var ResourceContext = /*#__PURE__*/React$1.createContext(null);
 var useResource = function useResource() {
-  return React.useContext(ResourceContext);
+  return React$1.useContext(ResourceContext);
 };
 function ResourceProvider(_ref) {
   var resource = _ref.resource,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(ResourceContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ResourceContext, {
     value: resource
   }, children);
 }
@@ -1089,11 +1083,11 @@ var defaultRouter = {
     return x;
   }
 };
-var RouterCtx = React.createContext(defaultRouter);
+var RouterCtx = React$1.createContext(defaultRouter);
 
 // gets the closest parent router from the context
 var useRouter = function useRouter() {
-  return React.useContext(RouterCtx);
+  return React$1.useContext(RouterCtx);
 };
 
 /**
@@ -1102,7 +1096,7 @@ var useRouter = function useRouter() {
  */
 
 var Params0 = {};
-  React.createContext(Params0);
+  React$1.createContext(Params0);
 
 /*
  * Part 1, Hooks API: useRoute and useLocation
@@ -1126,7 +1120,7 @@ var useLocationFromRouter = function useLocationFromRouter(router) {
 var useLocation = function useLocation() {
   return useLocationFromRouter(useRouter());
 };
-React.forwardRef(function (props, ref) {
+React$1.forwardRef(function (props, ref) {
   var router = useRouter();
   var _useLocationFromRoute3 = useLocationFromRouter(router),
     _useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
@@ -1157,10 +1151,10 @@ React.forwardRef(function (props, ref) {
   // handle nested routers and absolute paths
   var href = router.hrefs(targetPath[0] === "~" ? targetPath.slice(1) : router.base + targetPath, router // pass router as a second argument for convinience
   );
-  return asChild && React.isValidElement(children) ? React.cloneElement(children, {
+  return asChild && React$1.isValidElement(children) ? React$1.cloneElement(children, {
     onClick: onClick,
     href: href
-  }) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
+  }) : React$1.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
     onClick: onClick,
     href: href,
     // `className` can be a function to apply the class if this link is active
@@ -1171,9 +1165,9 @@ React.forwardRef(function (props, ref) {
 });
 
 /* eslint-disable react/jsx-props-no-spreading */
-var RoutesContext = /*#__PURE__*/React.createContext(null);
+var RoutesContext = /*#__PURE__*/React$1.createContext(null);
 var useRoutesContext = function useRoutesContext() {
-  return React.useContext(RoutesContext);
+  return React$1.useContext(RoutesContext);
 };
 var propTypes$1 = {
   children: PropTypes.node.isRequired,
@@ -1187,7 +1181,7 @@ function RoutesProvider(_ref) {
   var routes = _ref.routes,
     basePath = _ref.basePath,
     children = _ref.children;
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       routes: routes,
       basePath: basePath
@@ -1216,7 +1210,7 @@ var useUrlGeneratorPathToRepexp = function useUrlGeneratorPathToRepexp() {
     routes = _ref2$routes === void 0 ? null : _ref2$routes,
     _ref2$basePath = _ref2.basePath,
     basePath = _ref2$basePath === void 0 ? null : _ref2$basePath;
-  var urlGenerator = React.useCallback(function (key, data, opts) {
+  var urlGenerator = React$1.useCallback(function (key, data, opts) {
     var path = routes !== null ? routes[key] || null : null;
     if (path === null) {
       return null;
@@ -1242,7 +1236,7 @@ var useRoutePush = function useRoutePush() {
   var _useLocation = useLocation(),
     _useLocation2 = _slicedToArray(_useLocation, 2),
     navigate = _useLocation2[1];
-  var push = React.useCallback(function (route, data) {
+  var push = React$1.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];
     }
@@ -1264,22 +1258,21 @@ var useRouteBack = function useRouteBack() {
   var _useLocation3 = useLocation(),
     _useLocation4 = _slicedToArray(_useLocation3, 2),
     navigate = _useLocation4[1];
-  var back = React.useCallback(function () {
+  var back = React$1.useCallback(function () {
     return navigate(-1);
   }, [navigate, url]);
   return back;
 };
 
-/* eslint-disable react/jsx-props-no-spreading */
 var useTracking = function useTracking() {
-  return React.useContext(tracking.TrackingContext);
+  return React$1.useContext(tracking.TrackingContext);
 };
 function TrackingProvider(_ref) {
   var _ref$variables = _ref.variables,
     variables = _ref$variables === void 0 ? null : _ref$variables,
     children = _ref.children;
   var contextTracking = useTracking() || null;
-  var tracking$1 = React.useMemo(function () {
+  var tracking$1 = React$1.useMemo(function () {
     if (contextTracking !== null) {
       contextTracking.setVariables(variables);
       return contextTracking;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "4.0.1",
+    "version": "4.0.2",
     "description": "",
     "keywords": [
         "javascript"
@@ -120,5 +120,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "dbdf65640625c027ecd56cf2b816b80a5c38cb8d"
+    "gitHead": "53ad0f27e467992c23158732e0f7d39d8615780b"
 }