@rocket.chat/fuselage 0.32.0-dev.322 → 0.32.0-dev.324

package/dist/components/Position/Position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../src/components/Position/Position.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAC;AAE9B,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC7C,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;AAE5D,QAAA,MAAM,QAAQ,6EAOX,aAAa,KAAG,WAoClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../src/components/Position/Position.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAC;AAE9B,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC7C,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;AAE5D,QAAA,MAAM,QAAQ,6EAOX,aAAa,KAAG,WAmClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/fuselage.development.js

@@ -12423,6 +12423,22 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
+var __read = (undefined && undefined.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 
 
 
@@ -12431,16 +12447,16 @@ var Position = function (_a) {
     var target = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
     var _b = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.usePosition)(anchor, target, (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () { return ({ placement: placement, margin: margin }); }, [placement, margin])) || {}, positionStyle = _b.style, positionPlacement = _b.placement;
     var style = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () { return (__assign({ position: 'fixed' }, positionStyle)); }, [positionStyle]);
-    var portalContainer = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var _c = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(function () {
+        var prev = document.getElementById('position-container');
+        if (prev) {
+            return prev;
+        }
         var element = document.createElement('div');
+        element.id = 'position-container';
         document.body.appendChild(element);
         return element;
-    }, []);
-    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-        return function () {
-            document.body.removeChild(portalContainer);
-        };
-    }, [portalContainer]);
+    }), 1), portalContainer = _c[0];
     return (0,react_dom__WEBPACK_IMPORTED_MODULE_2__.createPortal)((0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(children, __assign(__assign({ ref: target, style: style }, props), { placement: positionPlacement })), portalContainer);
 };
 /* harmony default export */ __webpack_exports__["default"] = (Position);