@tanstack/react-query-devtools - npm Package Compare versions

Comparing version 4.14.6 to 4.14.8

build/lib/__tests__/utils.d.ts

@@ -1,6 +0,6 @@
-import { render } from '@testing-library/react';
+import { render, type RenderOptions } from '@testing-library/react';
 import * as React from 'react';
 import { ReactQueryDevtools } from '../devtools';
 import { QueryClient, QueryCache } from '@tanstack/react-query';
-export declare function renderWithClient(client: QueryClient, ui: React.ReactElement, devtoolsOptions?: Parameters<typeof ReactQueryDevtools>[number]): ReturnType<typeof render>;
+export declare function renderWithClient(client: QueryClient, ui: React.ReactElement, devtoolsOptions?: Parameters<typeof ReactQueryDevtools>[number], renderOptions?: RenderOptions): ReturnType<typeof render>;
 export declare function sleep(timeout: number): Promise<void>;
@@ -7,0 +7,0 @@ /**

build/lib/devtools.esm.js

@@ -112,21 +112,34 @@ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.esm.js';
   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
+        // 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
 
-          root.parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
-        }
+        parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
       };
@@ -140,6 +153,5 @@
           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;
+          });
         };
@@ -146,0 +158,0 @@ }

build/lib/devtools.js

@@ -136,21 +136,34 @@ 'use strict';
   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 = utils.getSidedProp('padding', panelPosition);
       const isVertical = utils.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
+        // 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
 
-          root.parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
-        }
+        parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
       };
@@ -164,6 +177,5 @@
           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;
+          });
         };
@@ -170,0 +182,0 @@ }

build/lib/index.prod.esm.js

@@ -685,21 +685,34 @@ import * as React from 'react';
   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
+        // 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
 
-          root.parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
-        }
+        parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
       };
@@ -713,6 +726,5 @@
           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;
+          });
         };
@@ -719,0 +731,0 @@ }

build/lib/index.prod.js

@@ -712,21 +712,34 @@ 'use strict';
   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
+        // 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
 
-          root.parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
-        }
+        parentElement.style[styleProp] = (isVertical ? devtoolsWidth : devtoolsHeight) + "px";
       };
@@ -740,6 +753,5 @@
           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;
+          });
         };
@@ -746,0 +758,0 @@ }

package.json

 {
   "name": "@tanstack/react-query-devtools",
-  "version": "4.14.6",
+  "version": "4.14.8",
   "description": "Developer tools to interact with and visualize the TanStack/react-query cache",
@@ -5,0 +5,0 @@ "author": "tannerlinsley",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1519182

increased by0.31%

Lines of code

14605

increased by0.99%

No dependency changes