@mw-kit/mw-ui 1.7.75 → 1.7.76

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import 'semantic-ui-css/semantic.min.css';
-import React__default, { useState, useEffect, useImperativeHandle, createElement, useCallback } from 'react';
+import React__default, { useState, useEffect, useCallback, useImperativeHandle, createElement } from 'react';
 import styled, { css, keyframes, createGlobalStyle, ThemeProvider as ThemeProvider$1 } from 'styled-components';
 import { Icon as Icon$1, Popup } from 'semantic-ui-react';
 export * from 'semantic-ui-react';
@@ -640,7 +640,8 @@ var Container = styled.div(_templateObject17 || (_templateObject17 = _taggedTemp
 });
 
 var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef) {
-  var open = props.open;
+  var open = props.open,
+      boundRef = props.boundRef;
   var center = props.center || {
     x: 50,
     y: 75
@@ -651,15 +652,28 @@ var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef)
       ref = _useState[0],
       setRef = _useState[1];
 
-  var getPosition = function getPosition() {
+  var getPosition = useCallback(function () {
     if (!ref) return null;
-    var width = window.innerWidth;
-    var height = window.innerHeight;
-
-    var _ref$getBoundingClien = ref.getBoundingClientRect(),
-        top = _ref$getBoundingClien.top,
-        left = _ref$getBoundingClien.left;
 
+    var _ref = boundRef ? {
+      offsetTop: boundRef.offsetTop,
+      offsetLeft: boundRef.offsetLeft,
+      width: boundRef.offsetWidth,
+      height: boundRef.offsetHeight
+    } : {
+      offsetTop: 0,
+      offsetLeft: 0,
+      width: window.innerWidth,
+      height: window.innerHeight
+    },
+        width = _ref.width,
+        height = _ref.height,
+        offsetTop = _ref.offsetTop,
+        offsetLeft = _ref.offsetLeft;
+
+    var rect = ref.getBoundingClientRect();
+    var top = rect.top - offsetTop;
+    var left = rect.left - offsetLeft;
     var x = left * 100 / width;
     var y = top * 100 / height;
 
@@ -677,7 +691,7 @@ var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef)
 
       return _newPosition;
     }
-  };
+  }, [ref, boundRef]);
 
   var _useState2 = useState(props.position || getPosition),
       position = _useState2[0],
@@ -689,7 +703,7 @@ var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef)
   useEffect(function () {
     if (props.position) return;
     setPosition(getPosition);
-  }, [ref]);
+  }, [getPosition]);
   var htmlProps = filterObject(props, ['center', 'position', 'children', 'content']);
   var cssKeys = {
     width: 'width',