@micromag/core 0.2.373 → 0.2.386

package/es/components.js

@@ -3332,7 +3332,8 @@ var propTypes$9 = {
   onPrevious: PropTypes$1.func,
   onNext: PropTypes$1.func,
   onEnableInteraction: PropTypes$1.func,
-  onDisableInteraction: PropTypes$1.func
+  onDisableInteraction: PropTypes$1.func,
+  getMediaRef: PropTypes$1.func
 };
 var defaultProps$9 = {
   active: false,
@@ -3344,7 +3345,8 @@ var defaultProps$9 = {
   onPrevious: null,
   onNext: null,
   onEnableInteraction: null,
-  onDisableInteraction: null
+  onDisableInteraction: null,
+  getMediaRef: null
 };
 
 var Screen = function Screen(_ref) {
@@ -3358,7 +3360,8 @@ var Screen = function Screen(_ref) {
       onPrevious = _ref.onPrevious,
       onNext = _ref.onNext,
       onEnableInteraction = _ref.onEnableInteraction,
-      onDisableInteraction = _ref.onDisableInteraction;
+      onDisableInteraction = _ref.onDisableInteraction,
+      getMediaRef = _ref.getMediaRef;
   var type = screen.type;
   var CustomScreenComponent = components !== null ? getComponentFromName(type, components) || null : null;
   var ContextScreenComponent = useScreenComponent(type);
@@ -3374,7 +3377,8 @@ var Screen = function Screen(_ref) {
     onPrevious: onPrevious,
     onNext: onNext,
     onEnableInteraction: onEnableInteraction,
-    onDisableInteraction: onDisableInteraction
+    onDisableInteraction: onDisableInteraction,
+    getMediaRef: getMediaRef
   }))) : /*#__PURE__*/React.createElement("div", {
     className: className
   }, component));

package/es/hooks.js

@@ -599,6 +599,16 @@ var preventDefault = function preventDefault(event) {
   return false;
 };
 
+var preventClickDefault = function preventClickDefault(e) {
+  if (e.preventDefault) {
+    e.preventDefault();
+  }
+
+  if (e.stopPropagation) {
+    e.stopPropagation();
+  }
+};
+
 var useLongPress = function useLongPress() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref$onLongPress = _ref.onLongPress,
@@ -608,7 +618,7 @@ var useLongPress = function useLongPress() {
       _ref$shouldPreventDef = _ref.shouldPreventDefault,
       shouldPreventDefault = _ref$shouldPreventDef === void 0 ? true : _ref$shouldPreventDef,
       _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 300 : _ref$delay;
+      delay = _ref$delay === void 0 ? 350 : _ref$delay;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -627,6 +637,9 @@ var useLongPress = function useLongPress() {
         target.current.addEventListener('touchend', preventDefault, {
           passive: false
         });
+        target.current.addEventListener('click', preventClickDefault, {
+          passive: false
+        });
       }
 
       if (onLongPress !== null) {
@@ -645,6 +658,9 @@ var useLongPress = function useLongPress() {
     } else if (shouldPreventDefault && target.current !== null) {
       preventDefault(event);
       target.current.removeEventListener('touchend', preventDefault);
+      setTimeout(function () {
+        target.current.removeEventListener('click', preventClickDefault);
+      }, 10);
     }
 
     if (shouldTriggerClick && !longPressTriggered && onClick !== null) {
@@ -1109,21 +1125,30 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
   var fullWidth = width !== null ? width : calculatedWidth;
   var fullHeight = height !== null ? height : calculatedHeight;
   var landscape = fullHeight > 0 && fullWidth > fullHeight;
-  var _opts$withoutMaxSize = opts.withoutMaxSize,
-      withoutMaxSize = _opts$withoutMaxSize === void 0 ? false : _opts$withoutMaxSize;
+
+  var _ref6 = opts || {},
+      _ref6$withoutMaxSize = _ref6.withoutMaxSize,
+      withoutMaxSize = _ref6$withoutMaxSize === void 0 ? false : _ref6$withoutMaxSize,
+      _ref6$desktopHeightTh = _ref6.desktopHeightThreshold,
+      desktopHeightThreshold = _ref6$desktopHeightTh === void 0 ? 600 : _ref6$desktopHeightTh,
+      _ref6$desktopHeightRa = _ref6.desktopHeightRatio,
+      desktopHeightRatio = _ref6$desktopHeightRa === void 0 ? 3 / 4 : _ref6$desktopHeightRa,
+      _ref6$screenRatio = _ref6.screenRatio,
+      screenRatio = _ref6$screenRatio === void 0 ? 2 / 3 : _ref6$screenRatio;
+
   var landscapeWithMaxSize = landscape && !withoutMaxSize;
   var finalWidth = fullWidth;
   var finalHeight = fullHeight;
   var menuOverScreen = !landscape;
 
   if (landscapeWithMaxSize) {
-    if (fullHeight < 600) {
+    if (fullHeight < desktopHeightThreshold) {
       menuOverScreen = true;
     } else {
-      finalHeight = Math.round(fullHeight * 3 / 4);
+      finalHeight = Math.round(fullHeight * desktopHeightRatio);
     }
 
-    finalWidth = Math.round(finalHeight * 2 / 3);
+    finalWidth = Math.round(finalHeight * screenRatio);
   }
 
   if (finalWidth % 2 === 1) {

package/lib/components.js

@@ -3355,7 +3355,8 @@ var propTypes$9 = {
   onPrevious: PropTypes__default["default"].func,
   onNext: PropTypes__default["default"].func,
   onEnableInteraction: PropTypes__default["default"].func,
-  onDisableInteraction: PropTypes__default["default"].func
+  onDisableInteraction: PropTypes__default["default"].func,
+  getMediaRef: PropTypes__default["default"].func
 };
 var defaultProps$9 = {
   active: false,
@@ -3367,7 +3368,8 @@ var defaultProps$9 = {
   onPrevious: null,
   onNext: null,
   onEnableInteraction: null,
-  onDisableInteraction: null
+  onDisableInteraction: null,
+  getMediaRef: null
 };
 
 var Screen = function Screen(_ref) {
@@ -3381,7 +3383,8 @@ var Screen = function Screen(_ref) {
       onPrevious = _ref.onPrevious,
       onNext = _ref.onNext,
       onEnableInteraction = _ref.onEnableInteraction,
-      onDisableInteraction = _ref.onDisableInteraction;
+      onDisableInteraction = _ref.onDisableInteraction,
+      getMediaRef = _ref.getMediaRef;
   var type = screen.type;
   var CustomScreenComponent = components !== null ? utils.getComponentFromName(type, components) || null : null;
   var ContextScreenComponent = contexts.useScreenComponent(type);
@@ -3397,7 +3400,8 @@ var Screen = function Screen(_ref) {
     onPrevious: onPrevious,
     onNext: onNext,
     onEnableInteraction: onEnableInteraction,
-    onDisableInteraction: onDisableInteraction
+    onDisableInteraction: onDisableInteraction,
+    getMediaRef: getMediaRef
   }))) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
   }, component));

package/lib/hooks.js

@@ -635,6 +635,16 @@ var preventDefault = function preventDefault(event) {
   return false;
 };
 
+var preventClickDefault = function preventClickDefault(e) {
+  if (e.preventDefault) {
+    e.preventDefault();
+  }
+
+  if (e.stopPropagation) {
+    e.stopPropagation();
+  }
+};
+
 var useLongPress = function useLongPress() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref$onLongPress = _ref.onLongPress,
@@ -644,7 +654,7 @@ var useLongPress = function useLongPress() {
       _ref$shouldPreventDef = _ref.shouldPreventDefault,
       shouldPreventDefault = _ref$shouldPreventDef === void 0 ? true : _ref$shouldPreventDef,
       _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 300 : _ref$delay;
+      delay = _ref$delay === void 0 ? 350 : _ref$delay;
 
   var _useState = react.useState(false),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -663,6 +673,9 @@ var useLongPress = function useLongPress() {
         target.current.addEventListener('touchend', preventDefault, {
           passive: false
         });
+        target.current.addEventListener('click', preventClickDefault, {
+          passive: false
+        });
       }
 
       if (onLongPress !== null) {
@@ -681,6 +694,9 @@ var useLongPress = function useLongPress() {
     } else if (shouldPreventDefault && target.current !== null) {
       preventDefault(event);
       target.current.removeEventListener('touchend', preventDefault);
+      setTimeout(function () {
+        target.current.removeEventListener('click', preventClickDefault);
+      }, 10);
     }
 
     if (shouldTriggerClick && !longPressTriggered && onClick !== null) {
@@ -1145,21 +1161,30 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
   var fullWidth = width !== null ? width : calculatedWidth;
   var fullHeight = height !== null ? height : calculatedHeight;
   var landscape = fullHeight > 0 && fullWidth > fullHeight;
-  var _opts$withoutMaxSize = opts.withoutMaxSize,
-      withoutMaxSize = _opts$withoutMaxSize === void 0 ? false : _opts$withoutMaxSize;
+
+  var _ref6 = opts || {},
+      _ref6$withoutMaxSize = _ref6.withoutMaxSize,
+      withoutMaxSize = _ref6$withoutMaxSize === void 0 ? false : _ref6$withoutMaxSize,
+      _ref6$desktopHeightTh = _ref6.desktopHeightThreshold,
+      desktopHeightThreshold = _ref6$desktopHeightTh === void 0 ? 600 : _ref6$desktopHeightTh,
+      _ref6$desktopHeightRa = _ref6.desktopHeightRatio,
+      desktopHeightRatio = _ref6$desktopHeightRa === void 0 ? 3 / 4 : _ref6$desktopHeightRa,
+      _ref6$screenRatio = _ref6.screenRatio,
+      screenRatio = _ref6$screenRatio === void 0 ? 2 / 3 : _ref6$screenRatio;
+
   var landscapeWithMaxSize = landscape && !withoutMaxSize;
   var finalWidth = fullWidth;
   var finalHeight = fullHeight;
   var menuOverScreen = !landscape;
 
   if (landscapeWithMaxSize) {
-    if (fullHeight < 600) {
+    if (fullHeight < desktopHeightThreshold) {
       menuOverScreen = true;
     } else {
-      finalHeight = Math.round(fullHeight * 3 / 4);
+      finalHeight = Math.round(fullHeight * desktopHeightRatio);
     }
 
-    finalWidth = Math.round(finalHeight * 2 / 3);
+    finalWidth = Math.round(finalHeight * screenRatio);
   }
 
   if (finalWidth % 2 === 1) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.2.373",
+    "version": "0.2.386",
     "description": "",
     "keywords": [
         "javascript"
@@ -43,7 +43,8 @@
         "./scss/variables": "./scss/_variables.scss",
         "./scss/styles": "./scss/styles.scss",
         "./scss/upload": "./scss/upload.scss",
-        "./scss/vendor": "./scss/vendor.scss"
+        "./scss/vendor": "./scss/vendor.scss",
+        "./assets/css/styles.css": "./assets/css/styles.css"
     },
     "browser": {
         ".": "./es/index.js",
@@ -124,5 +125,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "613451a824d273954763eaf3a739ec16ac6feb9b"
+    "gitHead": "ea1fb37b6e8b421e8df78c50d392187420cadc70"
 }