@micromag/core 0.3.572 → 0.3.578

package/es/hooks.js

@@ -1,21 +1,21 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { EventsManager, MediasParser, StoryParser, ThemeParser } from '@micromag/core';
+import { createUseEvent, getMediaFilesAsArray } from '@micromag/core/utils';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { useSpring, useSprings } from '@react-spring/core';
 import { useDrag } from '@use-gesture/react';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import raf from 'raf';
-import isObject from 'lodash/isObject';
-import { createUseEvent, getMediaFilesAsArray } from '@micromag/core/utils';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { EventsManager, MediasParser, StoryParser, ThemeParser } from '@micromag/core';
-import { useForm as useForm$2 } from '@folklore/forms';
+import { useForm as useForm$1 } from '@folklore/forms';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
 import screenfull from 'screenfull';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import isArray from 'lodash/isArray';
+import isObject from 'lodash/isObject';
 import createDebug from 'debug';
 import isString from 'lodash/isString';
+import raf from 'raf';
 import { useScreensManager, useFieldsManager, useTracking, useScreen } from '@micromag/core/contexts';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
@@ -97,17 +97,17 @@ var useAnimationFrame = function useAnimationFrame(onFrame) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var requestRef = useRef(null);
   var startTimeRef = useRef(null);
-  var callback = function callback(time) {
+  var _callback = function callback(time) {
     if (!startTimeRef.current) {
       startTimeRef.current = time;
     }
     var progress = time - startTimeRef.current;
     onFrame(progress);
-    requestRef.current = requestAnimationFrame(callback);
+    requestRef.current = requestAnimationFrame(_callback);
   };
   useEffect(function () {
     if (!disabled) {
-      requestRef.current = requestAnimationFrame(callback);
+      requestRef.current = requestAnimationFrame(_callback);
     }
     return function () {
       if (requestRef.current !== null) {
@@ -116,7 +116,6 @@ var useAnimationFrame = function useAnimationFrame(onFrame) {
     };
   }, [disabled]);
 };
-var useAnimationFrame$1 = useAnimationFrame;
 
 var useFormattedDate = function useFormattedDate() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -185,11 +184,9 @@ var useDebounced = function useDebounced(handler, watchedValue) {
     };
   }, [watchedValue, delay]);
 };
-var useDebounced$1 = useDebounced;
 
 var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
 var useDocumentEvent = createUseEvent(eventsManager$1);
-var useDocumentEvent$1 = useDocumentEvent;
 
 function useDragProgress() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -290,7 +287,7 @@ var useForm = function useForm() {
       return name;
     }) : [];
   }, [providedFields]);
-  var _useBaseForm = useForm$2(_objectSpread({
+  var _useBaseForm = useForm$1(_objectSpread({
       fields: fieldsNames
     }, opts)),
     fields = _useBaseForm.fields,
@@ -301,7 +298,6 @@ var useForm = function useForm() {
     }) : providedFields
   });
 };
-var useForm$1 = useForm;
 
 var useFormTransition = function useFormTransition() {
   var paths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -330,7 +326,6 @@ var useFormTransition = function useFormTransition() {
     timeout: direction === 'left' || direction === 'right' ? 300 : 10
   };
 };
-var useFormTransition$1 = useFormTransition;
 
 var useFullscreen = function useFullscreen(element) {
   var enabled = screenfull.isEnabled;
@@ -380,7 +375,6 @@ var useFullscreen = function useFullscreen(element) {
     enabled: enabled
   };
 };
-var useFullscreen$1 = useFullscreen;
 
 var _excluded$2 = ["entry"];
 var buildThresholdArray = function buildThresholdArray() {
@@ -638,7 +632,6 @@ var useIsVisible = function useIsVisible() {
     visible: isVisible
   };
 };
-var useIsVisible$1 = useIsVisible;
 
 var fontsMap = {
   loading: [],
@@ -739,7 +732,6 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
     loaded: loaded
   };
 };
-var useLoadedFonts$1 = useLoadedFonts;
 
 var isTouchEvent = function isTouchEvent(event) {
   return 'touches' in event;
@@ -862,7 +854,6 @@ var useLongPress = function useLongPress() {
     triggered: triggered
   };
 };
-var useLongPress$1 = useLongPress;
 
 var progressSteps = [0.1, 0.25, 0.5, 0.75, 0.9];
 var useMediaApi = function useMediaApi() {
@@ -1198,7 +1189,6 @@ var useMediaApi = function useMediaApi() {
     suspended: suspended
   };
 };
-var useMediaApi$1 = useMediaApi;
 
 var useMediaBuffering = function useMediaBuffering() {
   var mediaElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1298,7 +1288,6 @@ var useMediaBuffering = function useMediaBuffering() {
     buffering: buffering
   };
 };
-var useMediaBuffering$1 = useMediaBuffering;
 
 var useMediaState = function useMediaState() {
   var mediaElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1424,7 +1413,6 @@ var useMediaState = function useMediaState() {
     buffering: buffering
   };
 };
-var useMediaState$1 = useMediaState;
 
 function useMediaCurrentTime(element) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -1733,7 +1721,6 @@ var useMediasParser = function useMediasParser() {
     parser: parser
   };
 };
-var useMediasParser$1 = useMediasParser;
 
 function useMediaThumbnail(media) {
   var file = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -1872,7 +1859,6 @@ var useParsedStory = function useParsedStory(story) {
   }, [parser, disabled, withMedias, withTheme, withFonts, story]);
   return newStory;
 };
-var useParsedStory$1 = useParsedStory;
 
 function useProgressSteps() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -1943,7 +1929,8 @@ var useScreenSize = function useScreenSize(_ref) {
       height: height,
       landscape: landscape,
       menuOverScreen: menuOverScreen,
-      resolution: scale !== null ? scale * devicePixelRatio : devicePixelRatio
+      resolution: scale !== null ? scale * devicePixelRatio : devicePixelRatio,
+      imageResolution: scale !== null ? Math.max(scale, devicePixelRatio) : devicePixelRatio
     };
   }, [screens, providedMedia, mediaType, width, height, landscape, menuOverScreen]);
   return screenSize;
@@ -2245,7 +2232,6 @@ var useThemeParser = function useThemeParser() {
   }, [parser]);
   return parse;
 };
-var useThemeParser$1 = useThemeParser;
 
 var getScreenOptions = function getScreenOptions(screenContext, opts) {
   var _ref = screenContext || {},
@@ -2354,6 +2340,5 @@ var useTrackMedia = function useTrackMedia() {
 
 var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
 var useWindowEvent = createUseEvent(eventsManager);
-var useWindowEvent$1 = useWindowEvent;
 
-export { getObserver, useActivityDetector, useAnimationFrame$1 as useAnimationFrame, useDebounced$1 as useDebounce, useDimensionObserver, useDocumentEvent$1 as useDocumentEvent, useDragProgress, useForm$1 as useForm, useFormTransition$1 as useFormTransition, useFormattedDate, useFormattedTime, useFullscreen$1 as useFullscreen, useIntersectionObserver, useIsVisible$1 as useIsVisible, useLoadedFonts$1 as useLoadedFonts, useLongPress$1 as useLongPress, useMediaApi$1 as useMediaApi, useMediaBuffering$1 as useMediaBuffering, useMediaCurrentTime, useMediaDuration, useMediaLoad, useMediaProgress, useMediaReady, useMediaState$1 as useMediaState, useMediaThumbnail, useMediaWaveform, useMediasParser$1 as useMediasParser, useObserver, useParsedStory$1 as useParsedStory, useProgressSteps, useResizeObserver, useScreenSizeFromElement, useScreenSizeFromWindow, useSpringValue, useSwipe, useThemeParser$1 as useThemeParser, useTrackEvent, useTrackMedia, useTrackScreenEvent, useTrackScreenMedia, useTrackScreenView, useWindowEvent$1 as useWindowEvent };
+export { getObserver, useActivityDetector, useAnimationFrame, useDebounced as useDebounce, useDimensionObserver, useDocumentEvent, useDragProgress, useForm, useFormTransition, useFormattedDate, useFormattedTime, useFullscreen, useIntersectionObserver, useIsVisible, useLoadedFonts, useLongPress, useMediaApi, useMediaBuffering, useMediaCurrentTime, useMediaDuration, useMediaLoad, useMediaProgress, useMediaReady, useMediaState, useMediaThumbnail, useMediaWaveform, useMediasParser, useObserver, useParsedStory, useProgressSteps, useResizeObserver, useScreenSizeFromElement, useScreenSizeFromWindow, useSpringValue, useSwipe, useThemeParser, useTrackEvent, useTrackMedia, useTrackScreenEvent, useTrackScreenMedia, useTrackScreenView, useWindowEvent };

package/es/index.js

@@ -18,7 +18,7 @@ import isString from 'lodash/isString';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import uniq from 'lodash/uniq';
 import isEmpty from 'lodash/isEmpty';
-import { Tracking as Tracking$2 } from '@folklore/tracking';
+import { Tracking as Tracking$1 } from '@folklore/tracking';
 import PropTypes$1 from 'prop-types';
 
 /**
@@ -914,7 +914,6 @@ var ColorsParser = /*#__PURE__*/function () {
     }
   }]);
 }();
-var ColorsParser$1 = ColorsParser;
 
 var getComponentFromName = function getComponentFromName() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1044,7 +1043,6 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
     }
   }]);
 }(EventEmitter);
-var ComponentsManager$1 = ComponentsManager;
 
 var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
   function DefinitionsManager() {
@@ -1123,7 +1121,6 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
     }
   }]);
 }(EventEmitter);
-var DefinitionsManager$1 = DefinitionsManager;
 
 var EventsManager = /*#__PURE__*/function (_EventEmitter) {
   function EventsManager(element) {
@@ -1184,7 +1181,6 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
     }
   }]);
 }(EventEmitter);
-var EventsManager$1 = EventsManager;
 
 var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
   function FieldsManager() {
@@ -1200,8 +1196,7 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
       // return this;
     }
   }]);
-}(DefinitionsManager$1);
-var FieldsManager$1 = FieldsManager;
+}(DefinitionsManager);
 
 var _excluded$4 = ["medias"],
   _excluded2$2 = ["medias"];
@@ -1473,7 +1468,6 @@ var MediasParser = /*#__PURE__*/function () {
     }
   }]);
 }();
-var MediasParser$1 = MediasParser;
 
 var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
   function ScreensManager() {
@@ -1528,8 +1522,7 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
       return this.addDefinitions(manager.getDefinitions());
     }
   }]);
-}(DefinitionsManager$1);
-var ScreensManager$1 = ScreensManager;
+}(DefinitionsManager);
 
 var _excluded$3 = ["fonts"];
 var FontsParser = /*#__PURE__*/function () {
@@ -1655,7 +1648,6 @@ var FontsParser = /*#__PURE__*/function () {
     }
   }]);
 }();
-var FontsParser$1 = FontsParser;
 
 var _excluded$2 = ["components"],
   _excluded2$1 = ["shareIncentive", "callToAction"];
@@ -2070,7 +2062,6 @@ var ThemeParser = /*#__PURE__*/function () {
     }
   }]);
 }();
-var ThemeParser$1 = ThemeParser;
 
 var StoryParser = /*#__PURE__*/function () {
   function StoryParser(_ref) {
@@ -2083,15 +2074,15 @@ var StoryParser = /*#__PURE__*/function () {
       mediasPattern = _ref2$medias === void 0 ? null : _ref2$medias,
       _ref2$fonts = _ref2.fonts,
       fontsPattern = _ref2$fonts === void 0 ? null : _ref2$fonts;
-    this.themeParser = new ThemeParser$1({
+    this.themeParser = new ThemeParser({
       screensManager: screensManager
     });
-    this.mediasParser = new MediasParser$1({
+    this.mediasParser = new MediasParser({
       screensManager: screensManager,
       fieldsManager: fieldsManager,
       fieldsPattern: mediasPattern
     });
-    this.fontsParser = new FontsParser$1({
+    this.fontsParser = new FontsParser({
       screensManager: screensManager,
       fieldsManager: fieldsManager,
       fieldsPattern: fontsPattern
@@ -2134,7 +2125,6 @@ var StoryParser = /*#__PURE__*/function () {
     }
   }]);
 }();
-var StoryParser$1 = StoryParser;
 
 var _excluded = ["value"],
   _excluded2 = ["value", "currentTime"];
@@ -2231,7 +2221,6 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
       this.push(data);
     }
   }]);
-}(Tracking$2);
-var Tracking$1 = Tracking;
+}(Tracking$1);
 
-export { ColorsParser$1 as ColorsParser, ComponentsManager$1 as ComponentsManager, DefinitionsManager$1 as DefinitionsManager, EventsManager$1 as EventsManager, FieldsManager$1 as FieldsManager, FontsParser$1 as FontsParser, MediasParser$1 as MediasParser, PropTypes, ScreensManager$1 as ScreensManager, StoryParser$1 as StoryParser, ThemeParser$1 as ThemeParser, Tracking$1 as Tracking };
+export { ColorsParser, ComponentsManager, DefinitionsManager, EventsManager, FieldsManager, FontsParser, MediasParser, PropTypes, ScreensManager, StoryParser, ThemeParser, Tracking };