@mw-kit/mw-ui 1.7.75 → 1.7.77

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,32 @@ var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef)
       ref = _useState[0],
       setRef = _useState[1];
 
-  var getPosition = function getPosition() {
+  var getPosition = useCallback(function () {
+    if (props.position) return props.position;
     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 ? function () {
+      var rect = boundRef.getBoundingClientRect();
+      return {
+        offsetTop: rect.top,
+        offsetLeft: rect.left,
+        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,9 +695,9 @@ var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef)
 
       return _newPosition;
     }
-  };
+  }, [ref, boundRef, props.position]);
 
-  var _useState2 = useState(props.position || getPosition),
+  var _useState2 = useState(getPosition),
       position = _useState2[0],
       setPosition = _useState2[1];
 
@@ -687,9 +705,8 @@ var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef)
     return ref;
   });
   useEffect(function () {
-    if (props.position) return;
     setPosition(getPosition);
-  }, [ref]);
+  }, [getPosition]);
   var htmlProps = filterObject(props, ['center', 'position', 'children', 'content']);
   var cssKeys = {
     width: 'width',