@micromag/core 0.3.150 → 0.3.152

package/es/components.js

@@ -12,7 +12,7 @@ import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, useUppy, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, VisitorProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
-import { useForm, useDocumentEvent, useIntersectionObserver, useResizeObserver } from '@micromag/core/hooks';
+import { useForm, useDocumentEvent, useIntersectionObserver, useDimensionObserver } from '@micromag/core/hooks';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import get from 'lodash/get';
 import ReactDOM from 'react-dom';
@@ -3533,15 +3533,12 @@ var ScreenSizer = function ScreenSizer(_ref) {
       children = _ref.children;
   var hasSize = width !== null || height !== null;
 
-  var _useResizeObserver = 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 = useDimensionObserver(),
+      refContainer = _useDimensionObserver.ref,
+      _useDimensionObserver2 = _useDimensionObserver.width,
+      calculatedWidth = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2,
+      _useDimensionObserver3 = _useDimensionObserver.height,
+      calculatedHeight = _useDimensionObserver3 === void 0 ? 0 : _useDimensionObserver3;
 
   var _useMemo = useMemo(function () {
     var containerWidth = width || calculatedWidth || null;
@@ -3639,11 +3636,7 @@ var propTypes$9 = {
   component: PropTypes$1.node,
   components: PropTypes.components,
   className: PropTypes$1.string,
-  onPrevious: PropTypes$1.func,
-  onNext: PropTypes$1.func,
-  enableInteraction: PropTypes$1.func,
-  disableInteraction: PropTypes$1.func,
-  getMediaRef: PropTypes$1.func
+  mediaRef: PropTypes$1.func
 };
 var defaultProps$9 = {
   active: true,
@@ -3653,11 +3646,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) {
@@ -3669,11 +3658,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,
@@ -3695,11 +3680,7 @@ var Screen = function Screen(_ref) {
   }, /*#__PURE__*/React.createElement(ScreenComponent, Object.assign({}, screen, {
     active: active,
     current: current,
-    onPrevious: onPrevious,
-    onNext: onNext,
-    enableInteraction: enableInteraction,
-    disableInteraction: disableInteraction,
-    getMediaRef: getMediaRef
+    mediaRef: mediaRef
   }))) : /*#__PURE__*/React.createElement("div", {
     className: className
   }, component)));