@tanstack/react-query-devtools 4.14.5 → 4.14.8

package/build/umd/index.development.js

@@ -2635,25 +2635,38 @@
       }
     }, [isResolvedOpen]);
     React__namespace.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();
@@ -2662,10 +2675,9 @@
           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;
+            });
           };
         }
       }