@micromag/core 0.4.49 → 0.4.51

package/es/contexts.js

@@ -1,7 +1,8 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import isString from 'lodash/isString';
-import React$1, { useContext, useMemo, useState, useCallback, useEffect, createContext, useRef } from 'react';
+import React, { useContext, useMemo, useState, useCallback, useEffect, createContext, useRef } from 'react';
 import { ComponentsManager, FieldsManager, ScreensManager, ColorsParser, Tracking } from '@micromag/core';
+import { jsx } from 'react/jsx-runtime';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import JSCookie from 'js-cookie';
 import { defineMessages, useIntl } from 'react-intl';
@@ -24,7 +25,7 @@ var FIELDS_NAMESPACE = 'fields';
 var FORMS_NAMESPACE = 'forms';
 var SCREENS_NAMESPACE = 'screens';
 var ELEMENTS_NAMESPACE = 'elements';
-var ComponentsContext = /*#__PURE__*/React$1.createContext(null);
+var ComponentsContext = /*#__PURE__*/React.createContext(null);
 var emptyComponents = {};
 
 /**
@@ -147,9 +148,10 @@ 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.Provider, {
-    value: finalManager
-  }, children);
+  return /*#__PURE__*/jsx(ComponentsContext.Provider, {
+    value: finalManager,
+    children: children
+  });
 }
 
 var messages = defineMessages({
@@ -289,7 +291,7 @@ var consentStates = [{
   description: messages.ad_user_data_description,
   value: false
 }];
-var ConsentContext = /*#__PURE__*/React$1.createContext({
+var ConsentContext = /*#__PURE__*/React.createContext({
   consent: null,
   setConsent: function setConsent() {}
 });
@@ -392,12 +394,13 @@ function ConsentProvider(_ref) {
       setConsented: setConsented
     };
   }, [consent, setConsent, consented, setConsented]);
-  return /*#__PURE__*/React$1.createElement(ConsentContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ConsentContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
-var FieldsContext = /*#__PURE__*/React$1.createContext(null);
+var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
   return useContext(FieldsContext);
 };
@@ -426,15 +429,17 @@ function FieldsProvider(_ref) {
       return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
     }, {});
   }, [finalManager]);
-  return /*#__PURE__*/React$1.createElement(FieldsContext.Provider, {
-    value: finalManager
-  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
-    namespace: FIELDS_NAMESPACE,
-    components: components
-  }, children));
+  return /*#__PURE__*/jsx(FieldsContext.Provider, {
+    value: finalManager,
+    children: /*#__PURE__*/jsx(ComponentsProvider, {
+      namespace: FIELDS_NAMESPACE,
+      components: components,
+      children: children
+    })
+  });
 }
 
-var ScreensContext = /*#__PURE__*/React$1.createContext(new ScreensManager());
+var ScreensContext = /*#__PURE__*/React.createContext(new ScreensManager());
 var useScreensManager = function useScreensManager() {
   return useContext(ScreensContext);
 };
@@ -481,12 +486,14 @@ function ScreensProvider(_ref) {
       finalManager.off('change', onChange);
     };
   }, [finalManager, setComponents]);
-  return /*#__PURE__*/React$1.createElement(ScreensContext.Provider, {
-    value: finalManager
-  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
-    namespace: SCREENS_NAMESPACE,
-    components: components
-  }, children));
+  return /*#__PURE__*/jsx(ScreensContext.Provider, {
+    value: finalManager,
+    children: /*#__PURE__*/jsx(ComponentsProvider, {
+      namespace: SCREENS_NAMESPACE,
+      components: components,
+      children: children
+    })
+  });
 }
 
 var StoryContext = /*#__PURE__*/createContext(null);
@@ -501,12 +508,13 @@ function StoryProvider(_ref) {
   var _ref$story = _ref.story,
     story = _ref$story === void 0 ? null : _ref$story,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(StoryContext.Provider, {
-    value: story
-  }, children);
+  return /*#__PURE__*/jsx(StoryContext.Provider, {
+    value: story,
+    children: children
+  });
 }
 
-var EditorContext = /*#__PURE__*/React$1.createContext(null);
+var EditorContext = /*#__PURE__*/React.createContext(null);
 var useEditor = function useEditor() {
   return useContext(EditorContext);
 };
@@ -537,15 +545,16 @@ function EditorProvider(_ref2) {
   }, [parse, story]);
 
   // eslint-disable-next-line react/jsx-no-constructed-context-values
-  return /*#__PURE__*/React$1.createElement(EditorContext.Provider, {
+  return /*#__PURE__*/jsx(EditorContext.Provider, {
     value: {
       getColors: getColors
-    }
-  }, children);
+    },
+    children: children
+  });
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var FieldsValueContext = /*#__PURE__*/React$1.createContext(null);
+var FieldsValueContext = /*#__PURE__*/React.createContext(null);
 var useFieldsValue = function useFieldsValue() {
   return useContext(FieldsValueContext);
 };
@@ -553,13 +562,14 @@ function FieldsValueContextProvider(_ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
     children = _ref.children;
-  return /*#__PURE__*/React$1.createElement(FieldsValueContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(FieldsValueContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var FieldContext = /*#__PURE__*/React$1.createContext(null);
+var FieldContext = /*#__PURE__*/React.createContext(null);
 var useFieldContext = function useFieldContext() {
   return useContext(FieldContext);
 };
@@ -567,12 +577,13 @@ function FieldContextProvider(_ref) {
   var _ref$context = _ref.context,
     context = _ref$context === void 0 ? null : _ref$context,
     children = _ref.children;
-  return /*#__PURE__*/React$1.createElement(FieldContext.Provider, {
-    value: context
-  }, children);
+  return /*#__PURE__*/jsx(FieldContext.Provider, {
+    value: context,
+    children: children
+  });
 }
 
-var SettingsContext = /*#__PURE__*/React$1.createContext({});
+var SettingsContext = /*#__PURE__*/React.createContext({});
 var useSettings = function useSettings() {
   return useContext(SettingsContext);
 };
@@ -592,13 +603,14 @@ function SettingsProvider(_ref2) {
   var value = useMemo(function () {
     return _objectSpread(_objectSpread({}, previousSettings), settings);
   }, [settings, previousSettings]);
-  return /*#__PURE__*/React$1.createElement(SettingsContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(SettingsContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
+var GoogleKeysContext = /*#__PURE__*/React.createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
@@ -616,12 +628,13 @@ function GoogleKeysProvider(_ref) {
       apiKey: apiKey || previousApiKey || settingApiKey
     };
   }, [apiKey, previousApiKey, settingApiKey]);
-  return /*#__PURE__*/React$1.createElement(GoogleKeysContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(GoogleKeysContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
-var FontsContext = /*#__PURE__*/React$1.createContext({
+var FontsContext = /*#__PURE__*/React.createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -722,12 +735,13 @@ function FontsProvider(_ref4) {
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React$1.createElement(FontsContext.Provider, {
-    value: fonts
-  }, children);
+  return /*#__PURE__*/jsx(FontsContext.Provider, {
+    value: fonts,
+    children: children
+  });
 }
 
-var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
   return useContext(GoogleApiClientContext);
 };
@@ -740,10 +754,12 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   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), ")");
@@ -768,12 +784,13 @@ function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Provider, {
-    value: client
-  }, children);
+  return /*#__PURE__*/jsx(GoogleApiClientContext.Provider, {
+    value: client,
+    children: children
+  });
 }
 
-var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
   return useContext(GoogleMapsClientContext);
 };
@@ -786,10 +803,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   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), ")");
@@ -819,12 +838,13 @@ function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Provider, {
-    value: client
-  }, children);
+  return /*#__PURE__*/jsx(GoogleMapsClientContext.Provider, {
+    value: client,
+    children: children
+  });
 }
 
-var ModalsContext = /*#__PURE__*/React$1.createContext({
+var ModalsContext = /*#__PURE__*/React.createContext({
   container: null
 });
 var useModals = function useModals() {
@@ -832,19 +852,21 @@ var useModals = function useModals() {
 };
 var withModals = function withModals(WrappedComponent) {
   function WithModalsComponent(props) {
-    return /*#__PURE__*/React$1.createElement(ModalsContext.Consumer, null, function (_ref) {
-      var modals = _ref.modals,
-        container = _ref.container,
-        setContainer = _ref.setContainer,
-        register = _ref.register,
-        unregister = _ref.unregister;
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        modalsContainer: container,
-        setModalsContainer: setContainer,
-        modals: modals,
-        registerModal: register,
-        unregisterModal: unregister
-      }, props));
+    return /*#__PURE__*/jsx(ModalsContext.Consumer, {
+      children: function children(_ref) {
+        var modals = _ref.modals,
+          container = _ref.container,
+          setContainer = _ref.setContainer,
+          register = _ref.register,
+          unregister = _ref.unregister;
+        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
+          modalsContainer: container,
+          setModalsContainer: setContainer,
+          modals: modals,
+          registerModal: register,
+          unregisterModal: unregister
+        }, props));
+      }
     });
   }
   WithModalsComponent.displayName = "WithModals(".concat(getDisplayName(WrappedComponent), ")");
@@ -896,12 +918,13 @@ function ModalsProvider(_ref2) {
       unregister: unregister
     };
   }, [modals, container, setContainer, register, unregister]);
-  return /*#__PURE__*/React$1.createElement(ModalsContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ModalsContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
-var PanelsContext = /*#__PURE__*/React$1.createContext({
+var PanelsContext = /*#__PURE__*/React.createContext({
   container: null
 });
 var usePanels = function usePanels() {
@@ -909,19 +932,21 @@ var usePanels = function usePanels() {
 };
 var withPanels = function withPanels(WrappedComponent) {
   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), ")");
@@ -973,9 +998,10 @@ function PanelsProvider(_ref2) {
       unregister: unregister
     };
   }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/React$1.createElement(PanelsContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(PanelsContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 var defaultControlsThemeValue = {
@@ -995,7 +1021,7 @@ var defaultValue$1 = {
   controlsTheme: defaultControlsThemeValue,
   currentQualityLevel: null
 };
-var PlaybackContext = /*#__PURE__*/React$1.createContext(_objectSpread(_objectSpread({}, defaultValue$1), {}, {
+var PlaybackContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread({}, defaultValue$1), {}, {
   setMuted: function setMuted() {},
   setPlaying: function setPlaying() {},
   setControls: function setControls() {},
@@ -1194,9 +1220,10 @@ function PlaybackProvider(_ref) {
       setCurrentQualityLevel: finalSetCurrentQualityLevel
     };
   }, [muted, playing, completed, paused, controls, controlsSuggestPlay, controlsVisible, controlsTheme, media, hasAudio, currentQualityLevel, setMuted, setIsBackground, isBackground, finalSetPlaying, finalSetControls, finalSetControlsTheme, setControlsSuggestPlay, setControlsVisible, showControls, hideControls, setMedia, finalSetCurrentQualityLevel]);
-  return /*#__PURE__*/React$1.createElement(PlaybackContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(PlaybackContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 var useRoutePush = function useRoutePush() {
@@ -1232,7 +1259,7 @@ var useRouteBack = function useRouteBack() {
   return back;
 };
 
-var ScreenContext = /*#__PURE__*/React$1.createContext({
+var ScreenContext = /*#__PURE__*/React.createContext({
   data: null,
   definition: null,
   renderContext: null
@@ -1321,13 +1348,14 @@ function ScreenProvider(_ref6) {
       screenState: finalScreenState
     };
   }, [finalData, finalDefinition, finalRenderContext, finalScreenState]);
-  return /*#__PURE__*/React$1.createElement(ScreenContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ScreenContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var ScreenSizeContext = /*#__PURE__*/React$1.createContext({
+var ScreenSizeContext = /*#__PURE__*/React.createContext({
   screen: null,
   screens: [],
   width: 0,
@@ -1352,9 +1380,10 @@ function ScreenSizeProvider(_ref) {
   var currentSize = useMemo(function () {
     return size;
   }, [nextScreen, nextWidth, nextHeight, nextResolution]);
-  return /*#__PURE__*/React$1.createElement(ScreenSizeContext.Provider, {
-    value: currentSize
-  }, children);
+  return /*#__PURE__*/jsx(ScreenSizeContext.Provider, {
+    value: currentSize,
+    children: children
+  });
 }
 
 var useTracking = function useTracking() {
@@ -1384,9 +1413,10 @@ function TrackingProvider(_ref) {
     }
     return refTracking.current;
   }, [contextTracking, variables, disabled, paused]);
-  return /*#__PURE__*/React$1.createElement(TrackingContainer, {
-    tracking: tracking
-  }, children);
+  return /*#__PURE__*/jsx(TrackingContainer, {
+    tracking: tracking,
+    children: children
+  });
 }
 
 var defaultValue = {
@@ -1401,7 +1431,7 @@ var defaultValue = {
   disableInteraction: function disableInteraction() {},
   enableInteraction: function enableInteraction() {}
 };
-var ViewerContext = /*#__PURE__*/React$1.createContext(_objectSpread(_objectSpread({}, defaultValue), {}, {
+var ViewerContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread({}, defaultValue), {}, {
   webView: null,
   setWebView: function setWebView() {}
 }));
@@ -1516,9 +1546,10 @@ function ViewerProvider(_ref) {
       setWebView: setWebView
     };
   }, [containerRef, events, menuVisible, menuOverScreen, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
-  return /*#__PURE__*/React$1.createElement(ViewerContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ViewerContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 var VisitorContext = /*#__PURE__*/createContext({
@@ -1571,9 +1602,10 @@ function VisitorProvider(_ref) {
       }
     };
   }, [visitor, _setVisitor]);
-  return /*#__PURE__*/React$1.createElement(VisitorContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(VisitorContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, SettingsContext, SettingsProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useSetting, useSettings, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };