@micromag/core 0.3.147 → 0.3.152

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,
@@ -3727,19 +3712,19 @@ var Screen = function Screen(_ref) {
     data: screen,
     renderContext: renderContext,
     screenState: screenState
+  }, /*#__PURE__*/React__default["default"].createElement(contexts.VisitorProvider, {
+    visitor: {
+      id: 'editor'
+    }
   }, ScreenComponent !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles$7.container, _defineProperty__default["default"]({}, className, className !== null)])
   }, /*#__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));
+  }, component)));
 };
 
 Screen.propTypes = propTypes$9;