@panneau/core 4.0.2 → 4.0.4

package/es/contexts.js

@@ -1,7 +1,8 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import isString from 'lodash-es/isString';
-import React$1, { useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import React, { useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
 import { ComponentsManager, FieldsManager, Tracking } from '@panneau/core';
+import { jsx } from 'react/jsx-runtime';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import uniqBy from 'lodash-es/uniqBy';
@@ -29,7 +30,7 @@ var BUTTONS_NAMESPACE = 'buttons';
 var PAGES_NAMESPACE = 'pages';
 var PREVIEWS_NAMESPACE = 'previews';
 var APP_NAMESPACE = 'app';
-var ComponentsContext = /*#__PURE__*/React$1.createContext(null);
+var ComponentsContext = /*#__PURE__*/React.createContext(null);
 
 /**
  * Hooks
@@ -242,12 +243,13 @@ 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$1.createElement(ComponentsContext, {
-    value: finalManager
-  }, children);
+  return /*#__PURE__*/jsx(ComponentsContext, {
+    value: finalManager,
+    children: children
+  });
 }
 
-var DefinitionContext = /*#__PURE__*/React$1.createContext(null);
+var DefinitionContext = /*#__PURE__*/React.createContext(null);
 var useDefinitionContext = function useDefinitionContext() {
   return useContext(DefinitionContext);
 };
@@ -258,12 +260,13 @@ var useDefinition = function useDefinition() {
 function DefinitionProvider(_ref) {
   var definition = _ref.definition,
     children = _ref.children;
-  return /*#__PURE__*/React$1.createElement(DefinitionContext, {
-    value: definition
-  }, children);
+  return /*#__PURE__*/jsx(DefinitionContext, {
+    value: definition,
+    children: children
+  });
 }
 
-var FieldsContext = /*#__PURE__*/React$1.createContext(null);
+var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
   return useContext(FieldsContext);
 };
@@ -296,15 +299,17 @@ function FieldsProvider(_ref) {
       return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
     }, {});
   }, [finalManager]);
-  return /*#__PURE__*/React$1.createElement(FieldsContext, {
-    value: finalManager
-  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
-    namespace: FIELDS_NAMESPACE,
-    components: components
-  }, children));
+  return /*#__PURE__*/jsx(FieldsContext, {
+    value: finalManager,
+    children: /*#__PURE__*/jsx(ComponentsProvider, {
+      namespace: FIELDS_NAMESPACE,
+      components: components,
+      children: children
+    })
+  });
 }
 
-var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
+var GoogleKeysContext = /*#__PURE__*/React.createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
@@ -321,12 +326,13 @@ function GoogleKeysProvider(_ref) {
       apiKey: apiKey || previousApiKey
     };
   }, [previousApiKey, apiKey]);
-  return /*#__PURE__*/React$1.createElement(GoogleKeysContext, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(GoogleKeysContext, {
+    value: value,
+    children: children
+  });
 }
 
-var FontsContext = /*#__PURE__*/React$1.createContext({
+var FontsContext = /*#__PURE__*/React.createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -429,12 +435,13 @@ function FontsProvider(_ref4) {
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React$1.createElement(FontsContext, {
-    value: fonts
-  }, children);
+  return /*#__PURE__*/jsx(FontsContext, {
+    value: fonts,
+    children: children
+  });
 }
 
-var FormContext = /*#__PURE__*/React$1.createContext(null);
+var FormContext = /*#__PURE__*/React.createContext(null);
 var useForm = function useForm() {
   return useContext(FormContext);
 };
@@ -458,12 +465,13 @@ function FormProvider(_ref) {
       setValue: setValue
     };
   }, [value, setValue]);
-  return /*#__PURE__*/React$1.createElement(FormContext, {
-    value: values
-  }, children);
+  return /*#__PURE__*/jsx(FormContext, {
+    value: values,
+    children: children
+  });
 }
 
-var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
   return useContext(GoogleApiClientContext);
 };
@@ -476,10 +484,12 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
-    return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        googleApiClient: client
-      }, props));
+    return /*#__PURE__*/jsx(GoogleApiClientContext.Consumer, {
+      children: function children(client) {
+        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
+          googleApiClient: client
+        }, props));
+      }
     });
   };
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
@@ -504,12 +514,13 @@ function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React$1.createElement(GoogleApiClientContext, {
-    value: client
-  }, children);
+  return /*#__PURE__*/jsx(GoogleApiClientContext, {
+    value: client,
+    children: children
+  });
 }
 
-var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
   return useContext(GoogleMapsClientContext);
 };
@@ -522,10 +533,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
-    return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        googleApiClient: client
-      }, props));
+    return /*#__PURE__*/jsx(GoogleMapsClientContext.Consumer, {
+      children: function children(client) {
+        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
+          googleApiClient: client
+        }, props));
+      }
     });
   };
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
@@ -555,13 +568,14 @@ function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext, {
-    value: client
-  }, children);
+  return /*#__PURE__*/jsx(GoogleMapsClientContext, {
+    value: client,
+    children: children
+  });
 }
 
 var defaultLocales = ['en', 'fr'];
-var LocalesContext = /*#__PURE__*/React$1.createContext({
+var LocalesContext = /*#__PURE__*/React.createContext({
   locales: defaultLocales
 });
 var useLocalesContext = function useLocalesContext() {
@@ -595,12 +609,13 @@ function LocalesProvider(_ref) {
       locales: locales
     };
   }, [locales]);
-  return /*#__PURE__*/React$1.createElement(LocalesContext, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(LocalesContext, {
+    value: value,
+    children: children
+  });
 }
 
-var ModalContext = /*#__PURE__*/React$1.createContext(null);
+var ModalContext = /*#__PURE__*/React.createContext(null);
 var useModal = function useModal() {
   return useContext(ModalContext) || {};
 };
@@ -687,12 +702,13 @@ function ModalProvider(_ref) {
       getModalById: getModalById
     };
   }, [modals, container, setContainer, register, unregister, closeLastModal, getModalById]);
-  return /*#__PURE__*/React$1.createElement(ModalContext, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ModalContext, {
+    value: value,
+    children: children
+  });
 }
 
-var PanelsContext = /*#__PURE__*/React$1.createContext({
+var PanelsContext = /*#__PURE__*/React.createContext({
   panels: [],
   container: null,
   setContainer: function setContainer() {},
@@ -704,19 +720,21 @@ var usePanels = function usePanels() {
 };
 var withPanels = function withPanels(WrappedComponent) {
   var WithPanelsComponent = function WithPanelsComponent(props) {
-    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$1.createElement(WrappedComponent, Object.assign({
-        panelsContainer: container,
-        setPanelsContainer: setContainer,
-        panels: panels,
-        registerPanel: register,
-        unregisterPanel: unregister
-      }, props));
+    return /*#__PURE__*/jsx(PanelsContext.Consumer, {
+      children: function children(_ref) {
+        var panels = _ref.panels,
+          setContainer = _ref.setContainer,
+          container = _ref.container,
+          register = _ref.register,
+          unregister = _ref.unregister;
+        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
+          panelsContainer: container,
+          setPanelsContainer: setContainer,
+          panels: panels,
+          registerPanel: register,
+          unregisterPanel: unregister
+        }, props));
+      }
     });
   };
   WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
@@ -768,13 +786,14 @@ function PanelsProvider(_ref2) {
       unregister: unregister
     };
   }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/React$1.createElement(PanelsContext, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(PanelsContext, {
+    value: value,
+    children: children
+  });
 }
 
 var _excluded = ["component"];
-var PanneauContext = /*#__PURE__*/React$1.createContext(null);
+var PanneauContext = /*#__PURE__*/React.createContext(null);
 var usePanneau = function usePanneau() {
   return useContext(PanneauContext);
 };
@@ -794,7 +813,7 @@ var usePanneauResource = function usePanneauResource(id) {
 var usePanneauColorScheme = function usePanneauColorScheme() {
   var _ref2 = usePanneau() || {},
     _ref2$theme = _ref2.theme,
-    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
+    theme = _ref2$theme === void 0 ? null : _ref2$theme;
   var _ref3 = theme || {},
     _ref3$colorScheme = _ref3.colorScheme,
     colorScheme = _ref3$colorScheme === void 0 ? 'light' : _ref3$colorScheme;
@@ -853,21 +872,23 @@ var usePanneauSettings = function usePanneauSettings() {
 function PanneauProvider(_ref8) {
   var definition = _ref8.definition,
     children = _ref8.children;
-  return /*#__PURE__*/React$1.createElement(PanneauContext, {
-    value: definition
-  }, children);
+  return /*#__PURE__*/jsx(PanneauContext, {
+    value: definition,
+    children: children
+  });
 }
 
-var ResourceContext = /*#__PURE__*/React$1.createContext(null);
+var ResourceContext = /*#__PURE__*/React.createContext(null);
 var useResource = function useResource() {
   return useContext(ResourceContext);
 };
 function ResourceProvider(_ref) {
   var resource = _ref.resource,
     children = _ref.children;
-  return /*#__PURE__*/React$1.createElement(ResourceContext, {
-    value: resource
-  }, children);
+  return /*#__PURE__*/jsx(ResourceContext, {
+    value: resource,
+    children: children
+  });
 }
 
 var useRoutePush = function useRoutePush() {
@@ -920,9 +941,10 @@ function TrackingProvider(_ref) {
       variables: variables
     });
   }, [contextTracking, variables]);
-  return /*#__PURE__*/React.createElement(TrackingContainer, {
-    tracking: tracking
-  }, children);
+  return /*#__PURE__*/jsx(TrackingContainer, {
+    tracking: tracking,
+    children: children
+  });
 }
 
 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, PREVIEWS_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, useLocalesContext, useModal, useModalComponent, useModalsComponents, useModalsComponentsManager, useOtherLocales, usePageComponent, usePagesComponents, usePagesComponentsManager, usePanels, usePanneau, usePanneauAuth, usePanneauColorScheme, usePanneauComponent, usePanneauComponents, usePanneauResource, usePanneauResources, usePanneauSettings, usePreviewComponent, usePreviewsComponents, usePreviewsComponentsManager, useResource, useRouteBack, useRoutePush, useTracking, withGoogleApiClient, withGoogleMapsClient, withPanels };

package/lib/contexts.js

@@ -2,8 +2,9 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var isString = require('lodash-es/isString');
-var React$1 = require('react');
+var React = require('react');
 var core = require('@panneau/core');
+var jsxRuntime = require('react/jsx-runtime');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var uniqBy = require('lodash-es/uniqBy');
@@ -15,7 +16,6 @@ var reactIntl = require('react-intl');
 var utils = require('@panneau/core/utils');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var PropTypes = require('prop-types');
-var jsxRuntime = require('react/jsx-runtime');
 var pathToRegexp = require('path-to-regexp');
 var regexparam = require('regexparam');
 var index_js = require('use-sync-external-store/shim/index.js');
@@ -38,7 +38,7 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 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$1.createContext(null);
+var ComponentsContext = /*#__PURE__*/React.createContext(null);
 
 /**
  * Hooks
  */
 var useComponentsManager = function useComponentsManager() {
   var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var manager = React$1.useContext(ComponentsContext);
-  var finalManager = React$1.useMemo(function () {
+  var manager = React.useContext(ComponentsContext);
+  var finalManager = React.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$1.useMemo(function () {
+  return React.useMemo(function () {
     if (!isString(name)) {
       return name || defaultComponent;
     }
@@ -261,17 +261,18 @@ function ComponentsProvider(_ref) {
     namespace = _ref$namespace === void 0 ? null : _ref$namespace,
     children = _ref.children;
   var previousManager = useComponentsManager() || null;
-  var finalManager = React$1.useMemo(function () {
+  var finalManager = React.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$1.createElement(ComponentsContext, {
-    value: finalManager
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(ComponentsContext, {
+    value: finalManager,
+    children: children
+  });
 }
 
-var DefinitionContext = /*#__PURE__*/React$1.createContext(null);
+var DefinitionContext = /*#__PURE__*/React.createContext(null);
 var useDefinitionContext = function useDefinitionContext() {
-  return React$1.useContext(DefinitionContext);
+  return React.useContext(DefinitionContext);
 };
 var useDefinition = function useDefinition() {
   var definition = useDefinitionContext();
@@ -280,14 +281,15 @@ var useDefinition = function useDefinition() {
 function DefinitionProvider(_ref) {
   var definition = _ref.definition,
     children = _ref.children;
-  return /*#__PURE__*/React$1.createElement(DefinitionContext, {
-    value: definition
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(DefinitionContext, {
+    value: definition,
+    children: children
+  });
 }
 
-var FieldsContext = /*#__PURE__*/React$1.createContext(null);
+var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
-  return React$1.useContext(FieldsContext);
+  return React.useContext(FieldsContext);
 };
 var useField = function useField(id) {
   var manager = useFieldsManager();
@@ -304,33 +306,35 @@ function FieldsProvider(_ref) {
     manager = _ref$manager === void 0 ? null : _ref$manager,
     children = _ref.children;
   var previousManager = useFieldsManager() || null;
-  var finalManager = React$1.useMemo(function () {
+  var finalManager = React.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$1.useMemo(function () {
+  var components = React.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$1.createElement(FieldsContext, {
-    value: finalManager
-  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
-    namespace: FIELDS_NAMESPACE,
-    components: components
-  }, children));
+  return /*#__PURE__*/jsxRuntime.jsx(FieldsContext, {
+    value: finalManager,
+    children: /*#__PURE__*/jsxRuntime.jsx(ComponentsProvider, {
+      namespace: FIELDS_NAMESPACE,
+      components: components,
+      children: children
+    })
+  });
 }
 
-var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
+var GoogleKeysContext = /*#__PURE__*/React.createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
-  return React$1.useContext(GoogleKeysContext);
+  return React.useContext(GoogleKeysContext);
 };
 function GoogleKeysProvider(_ref) {
   var children = _ref.children,
@@ -338,17 +342,18 @@ function GoogleKeysProvider(_ref) {
     apiKey = _ref$apiKey === void 0 ? null : _ref$apiKey;
   var _useGoogleKeys = useGoogleKeys(),
     previousApiKey = _useGoogleKeys.apiKey;
-  var value = React$1.useMemo(function () {
+  var value = React.useMemo(function () {
     return {
       apiKey: apiKey || previousApiKey
     };
   }, [previousApiKey, apiKey]);
-  return /*#__PURE__*/React$1.createElement(GoogleKeysContext, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(GoogleKeysContext, {
+    value: value,
+    children: children
+  });
 }
 
-var FontsContext = /*#__PURE__*/React$1.createContext({
+var FontsContext = /*#__PURE__*/React.createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -361,11 +366,11 @@ var useGoogleFonts = function useGoogleFonts() {
     setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
-  var _useState = React$1.useState(null),
+  var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     googleFonts = _useState2[0],
     setGoogleFonts = _useState2[1];
-  React$1.useEffect(function () {
+  React.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) {
@@ -397,7 +402,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$1.useContext(FontsContext),
+  var _useContext = React.useContext(FontsContext),
     _useContext$setGoogle = _useContext.setGoogleFonts,
     setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
     _useContext$systemFon = _useContext.systemFonts,
@@ -410,7 +415,7 @@ var useFonts = function useFonts() {
     disabled: withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0,
     setFonts: setGoogleFonts
   });
-  var fonts = React$1.useMemo(function () {
+  var fonts = React.useMemo(function () {
     return {
       systemFonts: systemFonts,
       googleFonts: googleFonts,
@@ -433,11 +438,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$1.useState(null),
+  var _useState3 = React.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     googleFonts = _useState4[0],
     setGoogleFonts = _useState4[1];
-  var fonts = React$1.useMemo(function () {
+  var fonts = React.useMemo(function () {
     return {
       systemFonts: uniqBy([].concat(_toConsumableArray(previousSystemFonts || []), _toConsumableArray(systemFonts || [])), function (font) {
         return isObject(font) ? font.name : font;
@@ -451,14 +456,15 @@ function FontsProvider(_ref4) {
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React$1.createElement(FontsContext, {
-    value: fonts
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(FontsContext, {
+    value: fonts,
+    children: children
+  });
 }
 
-var FormContext = /*#__PURE__*/React$1.createContext(null);
+var FormContext = /*#__PURE__*/React.createContext(null);
 var useForm = function useForm() {
-  return React$1.useContext(FormContext);
+  return React.useContext(FormContext);
 };
 var useFormValue = function useFormValue() {
   var _useForm = useForm(),
@@ -474,20 +480,21 @@ function FormProvider(_ref) {
   var value = _ref.value,
     setValue = _ref.setValue,
     children = _ref.children;
-  var values = React$1.useMemo(function () {
+  var values = React.useMemo(function () {
     return {
       value: value,
       setValue: setValue
     };
   }, [value, setValue]);
-  return /*#__PURE__*/React$1.createElement(FormContext, {
-    value: values
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(FormContext, {
+    value: values,
+    children: children
+  });
 }
 
-var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
-  return React$1.useContext(GoogleApiClientContext);
+  return React.useContext(GoogleApiClientContext);
 };
 var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
@@ -498,10 +505,12 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
-    return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        googleApiClient: client
-      }, props));
+    return /*#__PURE__*/jsxRuntime.jsx(GoogleApiClientContext.Consumer, {
+      children: function children(client) {
+        return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({
+          googleApiClient: client
+        }, props));
+      }
     });
   };
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
@@ -511,11 +520,11 @@ function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
-  var _useState = React$1.useState(null),
+  var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     client = _useState2[0],
     setClient = _useState2[1];
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     services.loadGoogleApi().then(function (gapi) {
       return gapi.client.init({
         apiKey: apiKey
@@ -526,14 +535,15 @@ function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React$1.createElement(GoogleApiClientContext, {
-    value: client
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(GoogleApiClientContext, {
+    value: client,
+    children: children
+  });
 }
 
-var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
-  return React$1.useContext(GoogleMapsClientContext);
+  return React.useContext(GoogleMapsClientContext);
 };
 var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
@@ -544,10 +554,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
-    return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        googleApiClient: client
-      }, props));
+    return /*#__PURE__*/jsxRuntime.jsx(GoogleMapsClientContext.Consumer, {
+      children: function children(client) {
+        return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({
+          googleApiClient: client
+        }, props));
+      }
     });
   };
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
@@ -562,11 +574,11 @@ function GoogleMapsClientProvider(_ref2) {
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
   var exisitingClient = useGoogleMapsClient();
-  var _useState = React$1.useState(exisitingClient),
+  var _useState = React.useState(exisitingClient),
     _useState2 = _slicedToArray(_useState, 2),
     client = _useState2[0],
     setClient = _useState2[1];
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (exisitingClient === null) {
       services.loadGoogleMaps({
         apiKey: apiKey,
@@ -577,17 +589,18 @@ function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext, {
-    value: client
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(GoogleMapsClientContext, {
+    value: client,
+    children: children
+  });
 }
 
 var defaultLocales = ['en', 'fr'];
-var LocalesContext = /*#__PURE__*/React$1.createContext({
+var LocalesContext = /*#__PURE__*/React.createContext({
   locales: defaultLocales
 });
 var useLocalesContext = function useLocalesContext() {
-  var context = React$1.useContext(LocalesContext);
+  var context = React.useContext(LocalesContext);
   return context;
 };
 var useLocales = function useLocales() {
@@ -600,7 +613,7 @@ var useOtherLocales = function useOtherLocales() {
     locales = _useLocalesContext2.locales;
   var _useIntl = reactIntl.useIntl(),
     locale = _useIntl.locale;
-  var otherLocales = React$1.useMemo(function () {
+  var otherLocales = React.useMemo(function () {
     return locales.filter(function (it) {
       return it !== locale;
     });
@@ -612,35 +625,36 @@ function LocalesProvider(_ref) {
   var _ref$locales = _ref.locales,
     locales = _ref$locales === void 0 ? DEFAULT_LOCALES : _ref$locales,
     children = _ref.children;
-  var value = React$1.useMemo(function () {
+  var value = React.useMemo(function () {
     return {
       locales: locales
     };
   }, [locales]);
-  return /*#__PURE__*/React$1.createElement(LocalesContext, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(LocalesContext, {
+    value: value,
+    children: children
+  });
 }
 
-var ModalContext = /*#__PURE__*/React$1.createContext(null);
+var ModalContext = /*#__PURE__*/React.createContext(null);
 var useModal = function useModal() {
-  return React$1.useContext(ModalContext) || {};
+  return React.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$1.useState(initialContainer),
+  var _useState = React.useState(initialContainer),
     _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
     setContainer = _useState2[1];
-  var _useState3 = React$1.useState(DEFAULT_MODALS),
+  var _useState3 = React.useState(DEFAULT_MODALS),
     _useState4 = _slicedToArray(_useState3, 2),
     modals = _useState4[0],
     setModals = _useState4[1];
-  var modalsRef = React$1.useRef(modals);
-  var register = React$1.useCallback(function (id) {
+  var modalsRef = React.useRef(modals);
+  var register = React.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;
@@ -650,7 +664,7 @@ function ModalProvider(_ref) {
     setModals(newModals);
     modalsRef.current = newModals;
   }, [setModals]);
-  var unregister = React$1.useCallback(function () {
+  var unregister = React.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,
@@ -674,7 +688,7 @@ function ModalProvider(_ref) {
       modalsRef.current = newModals;
     }
   }, [setModals]);
-  var closeLastModal = React$1.useCallback(function () {
+  var closeLastModal = React.useCallback(function () {
     var lastModal = modals.pop() || null;
     if (lastModal !== null) {
       var _ref5 = lastModal || {},
@@ -693,12 +707,12 @@ function ModalProvider(_ref) {
       modalsRef.current = newModals;
     }
   }, [modals, setModals]);
-  var getModalById = React$1.useCallback(function (modalId) {
+  var getModalById = React.useCallback(function (modalId) {
     return (modals || []).find(function (modal) {
       return (modal === null || modal === void 0 ? void 0 : modal.id) === modalId;
     }) || null;
   }, [modals]);
-  var value = React$1.useMemo(function () {
+  var value = React.useMemo(function () {
     return {
       modals: modals,
       container: container,
@@ -709,12 +723,13 @@ function ModalProvider(_ref) {
       getModalById: getModalById
     };
   }, [modals, container, setContainer, register, unregister, closeLastModal, getModalById]);
-  return /*#__PURE__*/React$1.createElement(ModalContext, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(ModalContext, {
+    value: value,
+    children: children
+  });
 }
 
-var PanelsContext = /*#__PURE__*/React$1.createContext({
+var PanelsContext = /*#__PURE__*/React.createContext({
   panels: [],
   container: null,
   setContainer: function setContainer() {},
@@ -722,23 +737,25 @@ var PanelsContext = /*#__PURE__*/React$1.createContext({
   unregister: function unregister() {}
 });
 var usePanels = function usePanels() {
-  return React$1.useContext(PanelsContext) || {};
+  return React.useContext(PanelsContext) || {};
 };
 var withPanels = function withPanels(WrappedComponent) {
   var WithPanelsComponent = function WithPanelsComponent(props) {
-    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$1.createElement(WrappedComponent, Object.assign({
-        panelsContainer: container,
-        setPanelsContainer: setContainer,
-        panels: panels,
-        registerPanel: register,
-        unregisterPanel: unregister
-      }, props));
+    return /*#__PURE__*/jsxRuntime.jsx(PanelsContext.Consumer, {
+      children: function children(_ref) {
+        var panels = _ref.panels,
+          setContainer = _ref.setContainer,
+          container = _ref.container,
+          register = _ref.register,
+          unregister = _ref.unregister;
+        return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({
+          panelsContainer: container,
+          setPanelsContainer: setContainer,
+          panels: panels,
+          registerPanel: register,
+          unregisterPanel: unregister
+        }, props));
+      }
     });
   };
   WithPanelsComponent.displayName = "WithPanels(".concat(utils.getDisplayName(WrappedComponent), ")");
@@ -748,16 +765,16 @@ function PanelsProvider(_ref2) {
   var children = _ref2.children,
     _ref2$container = _ref2.container,
     initialContainer = _ref2$container === void 0 ? null : _ref2$container;
-  var _useState = React$1.useState(initialContainer),
+  var _useState = React.useState(initialContainer),
     _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
     setContainer = _useState2[1];
-  var _useState3 = React$1.useState([]),
+  var _useState3 = React.useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     panels = _useState4[0],
     setPanels = _useState4[1];
-  var panelsRef = React$1.useRef(panels);
-  var register = React$1.useCallback(function (id) {
+  var panelsRef = React.useRef(panels);
+  var register = React.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var currentPanels = panelsRef.current;
     var newPanels = [].concat(_toConsumableArray(currentPanels), [_objectSpread({
@@ -766,7 +783,7 @@ function PanelsProvider(_ref2) {
     setPanels(newPanels);
     panelsRef.current = newPanels;
   }, [panels, setPanels]);
-  var unregister = React$1.useCallback(function (id) {
+  var unregister = React.useCallback(function (id) {
     var currentPanels = panelsRef.current;
     var foundIndex = currentPanels.findIndex(function (_ref3) {
       var modalId = _ref3.id;
@@ -781,7 +798,7 @@ function PanelsProvider(_ref2) {
       panelsRef.current = newPanels;
     }
   }, [panels, setPanels]);
-  var value = React$1.useMemo(function () {
+  var value = React.useMemo(function () {
     return {
       panels: panels,
       setContainer: setContainer,
@@ -790,15 +807,16 @@ function PanelsProvider(_ref2) {
       unregister: unregister
     };
   }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/React$1.createElement(PanelsContext, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(PanelsContext, {
+    value: value,
+    children: children
+  });
 }
 
 var _excluded = ["component"];
-var PanneauContext = /*#__PURE__*/React$1.createContext(null);
+var PanneauContext = /*#__PURE__*/React.createContext(null);
 var usePanneau = function usePanneau() {
-  return React$1.useContext(PanneauContext);
+  return React.useContext(PanneauContext);
 };
 var DEFAULT_RESOURCES = [];
 var usePanneauResources = function usePanneauResources() {
@@ -816,7 +834,7 @@ var usePanneauResource = function usePanneauResource(id) {
 var usePanneauColorScheme = function usePanneauColorScheme() {
   var _ref2 = usePanneau() || {},
     _ref2$theme = _ref2.theme,
-    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
+    theme = _ref2$theme === void 0 ? null : _ref2$theme;
   var _ref3 = theme || {},
     _ref3$colorScheme = _ref3.colorScheme,
     colorScheme = _ref3$colorScheme === void 0 ? 'light' : _ref3$colorScheme;
@@ -875,21 +893,23 @@ var usePanneauSettings = function usePanneauSettings() {
 function PanneauProvider(_ref8) {
   var definition = _ref8.definition,
     children = _ref8.children;
-  return /*#__PURE__*/React$1.createElement(PanneauContext, {
-    value: definition
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(PanneauContext, {
+    value: definition,
+    children: children
+  });
 }
 
-var ResourceContext = /*#__PURE__*/React$1.createContext(null);
+var ResourceContext = /*#__PURE__*/React.createContext(null);
 var useResource = function useResource() {
-  return React$1.useContext(ResourceContext);
+  return React.useContext(ResourceContext);
 };
 function ResourceProvider(_ref) {
   var resource = _ref.resource,
     children = _ref.children;
-  return /*#__PURE__*/React$1.createElement(ResourceContext, {
-    value: resource
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(ResourceContext, {
+    value: resource,
+    children: children
+  });
 }
 
 // React.useInsertionEffect is not available in React <18
@@ -1083,11 +1103,11 @@ var defaultRouter = {
     return x;
   }
 };
-var RouterCtx = React$1.createContext(defaultRouter);
+var RouterCtx = React.createContext(defaultRouter);
 
 // gets the closest parent router from the context
 var useRouter = function useRouter() {
-  return React$1.useContext(RouterCtx);
+  return React.useContext(RouterCtx);
 };
 
 /**
@@ -1096,7 +1116,7 @@ var useRouter = function useRouter() {
  */
 
 var Params0 = {};
-  React$1.createContext(Params0);
+  React.createContext(Params0);
 
 /*
  * Part 1, Hooks API: useRoute and useLocation
@@ -1120,7 +1140,7 @@ var useLocationFromRouter = function useLocationFromRouter(router) {
 var useLocation = function useLocation() {
   return useLocationFromRouter(useRouter());
 };
-React$1.forwardRef(function (props, ref) {
+React.forwardRef(function (props, ref) {
   var router = useRouter();
   var _useLocationFromRoute3 = useLocationFromRouter(router),
     _useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
@@ -1151,10 +1171,10 @@ React$1.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$1.isValidElement(children) ? React$1.cloneElement(children, {
+  return asChild && React.isValidElement(children) ? React.cloneElement(children, {
     onClick: onClick,
     href: href
-  }) : React$1.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
+  }) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
     onClick: onClick,
     href: href,
     // `className` can be a function to apply the class if this link is active
@@ -1165,9 +1185,9 @@ React$1.forwardRef(function (props, ref) {
 });
 
 /* eslint-disable react/jsx-props-no-spreading */
-var RoutesContext = /*#__PURE__*/React$1.createContext(null);
+var RoutesContext = /*#__PURE__*/React.createContext(null);
 var useRoutesContext = function useRoutesContext() {
-  return React$1.useContext(RoutesContext);
+  return React.useContext(RoutesContext);
 };
 var propTypes$1 = {
   children: PropTypes.node.isRequired,
@@ -1181,7 +1201,7 @@ function RoutesProvider(_ref) {
   var routes = _ref.routes,
     basePath = _ref.basePath,
     children = _ref.children;
-  var value = React$1.useMemo(function () {
+  var value = React.useMemo(function () {
     return {
       routes: routes,
       basePath: basePath
@@ -1210,7 +1230,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$1.useCallback(function (key, data, opts) {
+  var urlGenerator = React.useCallback(function (key, data, opts) {
     var path = routes !== null ? routes[key] || null : null;
     if (path === null) {
       return null;
@@ -1236,7 +1256,7 @@ var useRoutePush = function useRoutePush() {
   var _useLocation = useLocation(),
     _useLocation2 = _slicedToArray(_useLocation, 2),
     navigate = _useLocation2[1];
-  var push = React$1.useCallback(function (route, data) {
+  var push = React.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];
     }
@@ -1258,21 +1278,21 @@ var useRouteBack = function useRouteBack() {
   var _useLocation3 = useLocation(),
     _useLocation4 = _slicedToArray(_useLocation3, 2),
     navigate = _useLocation4[1];
-  var back = React$1.useCallback(function () {
+  var back = React.useCallback(function () {
     return navigate(-1);
   }, [navigate, url]);
   return back;
 };
 
 var useTracking = function useTracking() {
-  return React$1.useContext(tracking.TrackingContext);
+  return React.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$1.useMemo(function () {
+  var tracking$1 = React.useMemo(function () {
     if (contextTracking !== null) {
       contextTracking.setVariables(variables);
       return contextTracking;
@@ -1281,9 +1301,10 @@ function TrackingProvider(_ref) {
       variables: variables
     });
   }, [contextTracking, variables]);
-  return /*#__PURE__*/React.createElement(tracking.TrackingContainer, {
-    tracking: tracking$1
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(tracking.TrackingContainer, {
+    tracking: tracking$1,
+    children: children
+  });
 }
 
 Object.defineProperty(exports, "TrackingContext", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "4.0.2",
+    "version": "4.0.4",
     "description": "",
     "keywords": [
         "javascript"
@@ -22,14 +22,6 @@
         {
             "name": "Nicolas Roy-Bourdages",
             "email": "nrb@folklore.email"
-        },
-        {
-            "name": "Julien Carignan",
-            "email": "jc@folklore.email"
-        },
-        {
-            "name": "Théo Gjini",
-            "email": "tg@folklore.email"
         }
     ],
     "license": "ISC",
@@ -120,5 +112,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "53ad0f27e467992c23158732e0f7d39d8615780b"
+    "gitHead": "e854451a718c6bc7dcde2b804c9913d8ac0297ff"
 }