@micromag/core 0.3.150 → 0.3.156

package/es/index.js

@@ -1358,7 +1358,7 @@ var MediasParser = /*#__PURE__*/function () {
         var newValue;
 
         if (patternMatch) {
-          newValue = isObject(value) ? value : medias[value] || null;
+          newValue = isObject(value) ? value : medias[value] || value;
         } else {
           newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
         }

package/lib/components.js

@@ -3574,15 +3574,12 @@ var ScreenSizer = function ScreenSizer(_ref) {
       children = _ref.children;
   var hasSize = width !== null || height !== null;
 
-  var _useResizeObserver = hooks.useResizeObserver(),
-      refContainer = _useResizeObserver.ref,
-      contentRect = _useResizeObserver.entry.contentRect;
-
-  var _ref2 = contentRect || {},
-      _ref2$width = _ref2.width,
-      calculatedWidth = _ref2$width === void 0 ? 0 : _ref2$width,
-      _ref2$height = _ref2.height,
-      calculatedHeight = _ref2$height === void 0 ? 0 : _ref2$height;
+  var _useDimensionObserver = hooks.useDimensionObserver(),
+      refContainer = _useDimensionObserver.ref,
+      _useDimensionObserver2 = _useDimensionObserver.width,
+      calculatedWidth = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2,
+      _useDimensionObserver3 = _useDimensionObserver.height,
+      calculatedHeight = _useDimensionObserver3 === void 0 ? 0 : _useDimensionObserver3;
 
   var _useMemo = React.useMemo(function () {
     var containerWidth = width || calculatedWidth || null;
@@ -3680,11 +3677,7 @@ var propTypes$9 = {
   component: PropTypes__default["default"].node,
   components: core.PropTypes.components,
   className: PropTypes__default["default"].string,
-  onPrevious: PropTypes__default["default"].func,
-  onNext: PropTypes__default["default"].func,
-  enableInteraction: PropTypes__default["default"].func,
-  disableInteraction: PropTypes__default["default"].func,
-  getMediaRef: PropTypes__default["default"].func
+  mediaRef: PropTypes__default["default"].func
 };
 var defaultProps$9 = {
   active: true,
@@ -3694,11 +3687,7 @@ var defaultProps$9 = {
   component: null,
   components: null,
   className: null,
-  onPrevious: null,
-  onNext: null,
-  enableInteraction: null,
-  disableInteraction: null,
-  getMediaRef: null
+  mediaRef: null
 };
 
 var Screen = function Screen(_ref) {
@@ -3710,11 +3699,7 @@ var Screen = function Screen(_ref) {
       components = _ref.components,
       component = _ref.component,
       className = _ref.className,
-      onPrevious = _ref.onPrevious,
-      onNext = _ref.onNext,
-      enableInteraction = _ref.enableInteraction,
-      disableInteraction = _ref.disableInteraction,
-      getMediaRef = _ref.getMediaRef;
+      mediaRef = _ref.mediaRef;
 
   var _ref2 = screen || {},
       _ref2$type = _ref2.type,
@@ -3736,11 +3721,7 @@ var Screen = function Screen(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(ScreenComponent, Object.assign({}, screen, {
     active: active,
     current: current,
-    onPrevious: onPrevious,
-    onNext: onNext,
-    enableInteraction: enableInteraction,
-    disableInteraction: disableInteraction,
-    getMediaRef: getMediaRef
+    mediaRef: mediaRef
   }))) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
   }, component)));