@micromag/core 0.3.188 → 0.3.194

package/es/contexts.js

@@ -1920,10 +1920,20 @@ var ViewerContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread
 var useViewerContext = function useViewerContext() {
   return useContext(ViewerContext);
 };
-var useViewerNavigation = function useViewerNavigation() {
+var useViewerSize = function useViewerSize() {
   var _useViewerContext = useViewerContext(),
-      gotoNextScreen = _useViewerContext.gotoNextScreen,
-      gotoPreviousScreen = _useViewerContext.gotoPreviousScreen;
+      width = _useViewerContext.width,
+      height = _useViewerContext.height;
+
+  return {
+    width: width,
+    height: height
+  };
+};
+var useViewerNavigation = function useViewerNavigation() {
+  var _useViewerContext2 = useViewerContext(),
+      gotoNextScreen = _useViewerContext2.gotoNextScreen,
+      gotoPreviousScreen = _useViewerContext2.gotoPreviousScreen;
 
   return {
     gotoNextScreen: gotoNextScreen,
@@ -1931,22 +1941,22 @@ var useViewerNavigation = function useViewerNavigation() {
   };
 };
 var useViewerEvents = function useViewerEvents() {
-  var _useViewerContext2 = useViewerContext(),
-      events = _useViewerContext2.events;
+  var _useViewerContext3 = useViewerContext(),
+      events = _useViewerContext3.events;
 
   return events;
 };
 var useViewerContainer = function useViewerContainer() {
-  var _useViewerContext3 = useViewerContext(),
-      _useViewerContext3$co = _useViewerContext3.containerRef,
-      containerRef = _useViewerContext3$co === void 0 ? null : _useViewerContext3$co;
+  var _useViewerContext4 = useViewerContext(),
+      _useViewerContext4$co = _useViewerContext4.containerRef,
+      containerRef = _useViewerContext4$co === void 0 ? null : _useViewerContext4$co;
 
   return containerRef !== null ? containerRef.current : null;
 };
 var useViewerInteraction = function useViewerInteraction() {
-  var _useViewerContext4 = useViewerContext(),
-      disableInteraction = _useViewerContext4.disableInteraction,
-      enableInteraction = _useViewerContext4.enableInteraction;
+  var _useViewerContext5 = useViewerContext(),
+      disableInteraction = _useViewerContext5.disableInteraction,
+      enableInteraction = _useViewerContext5.enableInteraction;
 
   return {
     disableInteraction: disableInteraction,
@@ -1954,9 +1964,9 @@ var useViewerInteraction = function useViewerInteraction() {
   };
 };
 var useViewerWebView = function useViewerWebView() {
-  var _useViewerContext5 = useViewerContext(),
-      webView = _useViewerContext5.webView,
-      setWebView = _useViewerContext5.setWebView;
+  var _useViewerContext6 = useViewerContext(),
+      webView = _useViewerContext6.webView,
+      setWebView = _useViewerContext6.setWebView;
 
   var value = useMemo(function () {
     return _objectSpread(_objectSpread({}, webView), {}, {
@@ -2002,6 +2012,8 @@ var ViewerProvider = function ViewerProvider(_ref) {
       events = _ref.events,
       menuVisible = _ref.menuVisible,
       menuOverScreen = _ref.menuOverScreen,
+      width = _ref.width,
+      height = _ref.height,
       topHeight = _ref.topHeight,
       bottomHeight = _ref.bottomHeight,
       bottomSidesWidth = _ref.bottomSidesWidth,
@@ -2021,6 +2033,8 @@ var ViewerProvider = function ViewerProvider(_ref) {
       events: events,
       menuVisible: menuVisible,
       menuOverScreen: menuOverScreen,
+      width: width,
+      height: height,
       topHeight: topHeight,
       bottomHeight: bottomHeight,
       bottomSidesWidth: bottomSidesWidth,
@@ -2031,7 +2045,7 @@ var ViewerProvider = function ViewerProvider(_ref) {
       webView: webView,
       setWebView: setWebView
     };
-  }, [containerRef, events, menuVisible, menuOverScreen, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
+  }, [containerRef, events, menuVisible, menuOverScreen, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
   return /*#__PURE__*/React.createElement(ViewerContext.Provider, {
     value: value
   }, children);
@@ -2103,4 +2117,4 @@ var VisitorProvider = function VisitorProvider(_ref) {
 VisitorProvider.propTypes = propTypes;
 VisitorProvider.defaultProps = defaultProps;
 
-export { ComponentsContext, ComponentsProvider, 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, RoutesContext, RoutesProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, UppyContext, UppyProvider, UserInteractionContext, UserInteractionProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, 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, useRoutes, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useUppy, useUrlGenerator, useUserInteracted, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
+export { ComponentsContext, ComponentsProvider, 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, RoutesContext, RoutesProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, UppyContext, UppyProvider, UserInteractionContext, UserInteractionProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, 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, useRoutes, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useUppy, useUrlGenerator, useUserInteracted, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };

package/es/hooks.js

@@ -1969,6 +1969,8 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
   }, opts));
   return {
     ref: ref,
+    fullWidth: fullWidth,
+    fullHeight: fullHeight,
     screenSize: screenSize,
     scale: !withoutScale ? scale : null,
     resolution: !withoutScale ? scale * devicePixelRatio : devicePixelRatio

package/lib/contexts.js

@@ -1955,10 +1955,20 @@ var ViewerContext = /*#__PURE__*/React__default["default"].createContext(_object
 var useViewerContext = function useViewerContext() {
   return React.useContext(ViewerContext);
 };
-var useViewerNavigation = function useViewerNavigation() {
+var useViewerSize = function useViewerSize() {
   var _useViewerContext = useViewerContext(),
-      gotoNextScreen = _useViewerContext.gotoNextScreen,
-      gotoPreviousScreen = _useViewerContext.gotoPreviousScreen;
+      width = _useViewerContext.width,
+      height = _useViewerContext.height;
+
+  return {
+    width: width,
+    height: height
+  };
+};
+var useViewerNavigation = function useViewerNavigation() {
+  var _useViewerContext2 = useViewerContext(),
+      gotoNextScreen = _useViewerContext2.gotoNextScreen,
+      gotoPreviousScreen = _useViewerContext2.gotoPreviousScreen;
 
   return {
     gotoNextScreen: gotoNextScreen,
@@ -1966,22 +1976,22 @@ var useViewerNavigation = function useViewerNavigation() {
   };
 };
 var useViewerEvents = function useViewerEvents() {
-  var _useViewerContext2 = useViewerContext(),
-      events = _useViewerContext2.events;
+  var _useViewerContext3 = useViewerContext(),
+      events = _useViewerContext3.events;
 
   return events;
 };
 var useViewerContainer = function useViewerContainer() {
-  var _useViewerContext3 = useViewerContext(),
-      _useViewerContext3$co = _useViewerContext3.containerRef,
-      containerRef = _useViewerContext3$co === void 0 ? null : _useViewerContext3$co;
+  var _useViewerContext4 = useViewerContext(),
+      _useViewerContext4$co = _useViewerContext4.containerRef,
+      containerRef = _useViewerContext4$co === void 0 ? null : _useViewerContext4$co;
 
   return containerRef !== null ? containerRef.current : null;
 };
 var useViewerInteraction = function useViewerInteraction() {
-  var _useViewerContext4 = useViewerContext(),
-      disableInteraction = _useViewerContext4.disableInteraction,
-      enableInteraction = _useViewerContext4.enableInteraction;
+  var _useViewerContext5 = useViewerContext(),
+      disableInteraction = _useViewerContext5.disableInteraction,
+      enableInteraction = _useViewerContext5.enableInteraction;
 
   return {
     disableInteraction: disableInteraction,
@@ -1989,9 +1999,9 @@ var useViewerInteraction = function useViewerInteraction() {
   };
 };
 var useViewerWebView = function useViewerWebView() {
-  var _useViewerContext5 = useViewerContext(),
-      webView = _useViewerContext5.webView,
-      setWebView = _useViewerContext5.setWebView;
+  var _useViewerContext6 = useViewerContext(),
+      webView = _useViewerContext6.webView,
+      setWebView = _useViewerContext6.setWebView;
 
   var value = React.useMemo(function () {
     return _objectSpread__default["default"](_objectSpread__default["default"]({}, webView), {}, {
@@ -2037,6 +2047,8 @@ var ViewerProvider = function ViewerProvider(_ref) {
       events = _ref.events,
       menuVisible = _ref.menuVisible,
       menuOverScreen = _ref.menuOverScreen,
+      width = _ref.width,
+      height = _ref.height,
       topHeight = _ref.topHeight,
       bottomHeight = _ref.bottomHeight,
       bottomSidesWidth = _ref.bottomSidesWidth,
@@ -2056,6 +2068,8 @@ var ViewerProvider = function ViewerProvider(_ref) {
       events: events,
       menuVisible: menuVisible,
       menuOverScreen: menuOverScreen,
+      width: width,
+      height: height,
       topHeight: topHeight,
       bottomHeight: bottomHeight,
       bottomSidesWidth: bottomSidesWidth,
@@ -2066,7 +2080,7 @@ var ViewerProvider = function ViewerProvider(_ref) {
       webView: webView,
       setWebView: setWebView
     };
-  }, [containerRef, events, menuVisible, menuOverScreen, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
+  }, [containerRef, events, menuVisible, menuOverScreen, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
   return /*#__PURE__*/React__default["default"].createElement(ViewerContext.Provider, {
     value: value
   }, children);
@@ -2245,6 +2259,7 @@ exports.useViewerContext = useViewerContext;
 exports.useViewerEvents = useViewerEvents;
 exports.useViewerInteraction = useViewerInteraction;
 exports.useViewerNavigation = useViewerNavigation;
+exports.useViewerSize = useViewerSize;
 exports.useViewerWebView = useViewerWebView;
 exports.useVisitor = useVisitor;
 exports.useVisitorContext = useVisitorContext;

package/lib/hooks.js

@@ -2007,6 +2007,8 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
   }, opts));
   return {
     ref: ref,
+    fullWidth: fullWidth,
+    fullHeight: fullHeight,
     screenSize: screenSize,
     scale: !withoutScale ? scale : null,
     resolution: !withoutScale ? scale * devicePixelRatio : devicePixelRatio

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.188",
+    "version": "0.3.194",
     "description": "",
     "keywords": [
         "javascript"
@@ -133,5 +133,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a83f637b8d1d51397281c924acf04bef768f4b8f"
+    "gitHead": "b873f7d8957f26dcfbe27d1ad78f2102810e8c4d"
 }