@micromag/core 0.3.190 → 0.3.202

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

@@ -254,6 +254,8 @@ function useDragProgress() {
       _ref$springParams = _ref.springParams,
       springParams = _ref$springParams === void 0 ? undefined : _ref$springParams;
 
+  var refDragging = useRef(false);
+
   var _useState = useState({
     dragging: false,
     progress: wantedProgress
@@ -282,6 +284,7 @@ function useDragProgress() {
     }
 
     var newProgress = computeProgress(gestureState);
+    refDragging.current = active;
     setDragState({
       dragging: active,
       progress: newProgress
@@ -297,9 +300,9 @@ function useDragProgress() {
   });
   var springedProgress = useSpringValue(progress, dragging || disabled, springParams);
   useEffect(function () {
-    if (wantedProgress !== progress && !dragging) {
+    if (wantedProgress !== progress && !refDragging.current) {
       setDragState({
-        dragging: dragging,
+        dragging: refDragging.current,
         progress: wantedProgress
       });
     }
@@ -1969,6 +1972,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

@@ -292,6 +292,8 @@ function useDragProgress() {
       _ref$springParams = _ref.springParams,
       springParams = _ref$springParams === void 0 ? undefined : _ref$springParams;
 
+  var refDragging = react.useRef(false);
+
   var _useState = react.useState({
     dragging: false,
     progress: wantedProgress
@@ -320,6 +322,7 @@ function useDragProgress() {
     }
 
     var newProgress = computeProgress(gestureState);
+    refDragging.current = active;
     setDragState({
       dragging: active,
       progress: newProgress
@@ -335,9 +338,9 @@ function useDragProgress() {
   });
   var springedProgress = useSpringValue(progress, dragging || disabled, springParams);
   react.useEffect(function () {
-    if (wantedProgress !== progress && !dragging) {
+    if (wantedProgress !== progress && !refDragging.current) {
       setDragState({
-        dragging: dragging,
+        dragging: refDragging.current,
         progress: wantedProgress
       });
     }
@@ -2007,6 +2010,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.190",
+    "version": "0.3.202",
     "description": "",
     "keywords": [
         "javascript"
@@ -133,5 +133,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "36be7dcf459e109654b406147cc723a52cb784cd"
+    "gitHead": "2bde6156abc5306b3303a3c860f81e2446696e79"
 }