@tanstack/react-query-devtools 4.14.6 → 4.15.0

package/build/lib/index.prod.mjs

@@ -682,25 +682,38 @@ function ReactQueryDevtools$1({
     }
   }, [isResolvedOpen]);
   React.useEffect(() => {
-    if (isResolvedOpen) {
-      var _root$parentElement;
+    var _rootRef$current;
 
-      const root = rootRef.current;
+    if (isResolvedOpen && (_rootRef$current = rootRef.current) != null && _rootRef$current.parentElement) {
+      const {
+        parentElement
+      } = rootRef.current;
       const styleProp = getSidedProp('padding', panelPosition);
       const isVertical = isVerticalSide(panelPosition);
-      const previousValue = root == null ? void 0 : (_root$parentElement = root.parentElement) == null ? void 0 : _root$parentElement.style[styleProp];
+
+      const previousPaddings = (({
+        padding,
+        paddingTop,
+        paddingBottom,
+        paddingLeft,
+        paddingRight
+      }) => ({
+        padding,
+        paddingTop,
+        paddingBottom,
+        paddingLeft,
+        paddingRight
+      }))(parentElement.style);
 
       const run = () => {
-        if (root != null && root.parentElement) {
-          // reset the padding
-          root.parentElement.style.padding = '0px';
-          root.parentElement.style.paddingTop = '0px';
-          root.parentElement.style.paddingBottom = '0px';
-          root.parentElement.style.paddingLeft = '0px';
-          root.parentElement.style.paddingRight = '0px'; // set the new padding based on the new panel position
-
-          root.parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
-        }
+        // reset the padding
+        parentElement.style.padding = '0px';
+        parentElement.style.paddingTop = '0px';
+        parentElement.style.paddingBottom = '0px';
+        parentElement.style.paddingLeft = '0px';
+        parentElement.style.paddingRight = '0px'; // set the new padding based on the new panel position
+
+        parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
       };
 
       run();
@@ -709,10 +722,9 @@ function ReactQueryDevtools$1({
         window.addEventListener('resize', run);
         return () => {
           window.removeEventListener('resize', run);
-
-          if (root != null && root.parentElement && typeof previousValue === 'string') {
-            root.parentElement.style[styleProp] = previousValue;
-          }
+          Object.entries(previousPaddings).forEach(([property, previousValue]) => {
+            parentElement.style[property] = previousValue;
+          });
         };
       }
     }