@tanstack/query-devtools 5.0.0-alpha.27 → 5.0.0-alpha.30

package/build/source/Devtools.jsx

@@ -1439,7 +1439,7 @@ const getStyles = () => {
       background-color: ${colors.darkGray[400]};
       font-size: ${font.size.sm};
       color: ${colors.gray[500]};
-      z-index: 2;
+      z-index: 7;
     `,
         settingsMenuHeader: css `
       padding: ${tokens.size[1.5]} ${tokens.size[2.5]};

package/build/source/index.jsx

@@ -5,7 +5,7 @@ class TanstackQueryDevtools {
     constructor(config) {
         this.isMounted = false;
         const { client, queryFlavor, version, onlineManager, buttonPosition, position, initialIsOpen, errorTypes, } = config;
-        this.client = client;
+        this.client = createSignal(client);
         this.queryFlavor = queryFlavor;
         this.version = version;
         this.onlineManager = onlineManager;
@@ -26,6 +26,9 @@ class TanstackQueryDevtools {
     setErrorTypes(errorTypes) {
         this.errorTypes[1](errorTypes);
     }
+    setClient(client) {
+        this.client[1](client);
+    }
     mount(el) {
         if (this.isMounted) {
             throw new Error('Devtools is already mounted');
@@ -35,7 +38,11 @@ class TanstackQueryDevtools {
             const [pos] = this.position;
             const [isOpen] = this.initialIsOpen;
             const [errors] = this.errorTypes;
-            return (<DevtoolsComponent client={this.client} queryFlavor={this.queryFlavor} version={this.version} onlineManager={this.onlineManager} {...{
+            const [queryClient] = this.client;
+            return (<DevtoolsComponent queryFlavor={this.queryFlavor} version={this.version} onlineManager={this.onlineManager} {...{
+                get client() {
+                    return queryClient();
+                },
                 get buttonPosition() {
                     return btnPosition();
                 },

package/build/types/index.d.ts

@@ -5,7 +5,7 @@ export type { DevtoolsButtonPosition, DevtoolsPosition, DevToolsErrorType };
 export interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {
 }
 declare class TanstackQueryDevtools {
-    client: QueryClient;
+    client: Signal<QueryClient>;
     onlineManager: typeof TonlineManager;
     queryFlavor: string;
     version: string;
@@ -20,6 +20,7 @@ declare class TanstackQueryDevtools {
     setPosition(position: DevtoolsPosition): void;
     setInitialIsOpen(isOpen: boolean): void;
     setErrorTypes(errorTypes: DevToolsErrorType[]): void;
+    setClient(client: QueryClient): void;
     mount<T extends HTMLElement>(el: T): void;
     unmount(): void;
 }

package/build/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,IAAI,cAAc,EAChC,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,WAAW,CAAA;AAClB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGtC,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAA;AAC3E,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;CAAG;AAE1E,cAAM,qBAAqB;IACzB,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,cAAc,CAAA;IACpC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,UAAQ;IACjB,cAAc,EAAE,MAAM,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAA;IAC1D,QAAQ,EAAE,MAAM,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAA;IAC9C,aAAa,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,CAAC,iBAAiB,EAAE,GAAG,SAAS,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;gBAER,MAAM,EAAE,2BAA2B;IAqB/C,iBAAiB,CAAC,QAAQ,EAAE,sBAAsB;IAIlD,WAAW,CAAC,QAAQ,EAAE,gBAAgB;IAItC,gBAAgB,CAAC,MAAM,EAAE,OAAO;IAIhC,aAAa,CAAC,UAAU,EAAE,iBAAiB,EAAE;IAI7C,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,EAAE,EAAE,CAAC;IAoClC,OAAO;CAOR;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,IAAI,cAAc,EAChC,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,WAAW,CAAA;AAClB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGtC,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAA;AAC3E,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;CAAG;AAE1E,cAAM,qBAAqB;IACzB,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,CAAA;IAC3B,aAAa,EAAE,OAAO,cAAc,CAAA;IACpC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,UAAQ;IACjB,cAAc,EAAE,MAAM,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAA;IAC1D,QAAQ,EAAE,MAAM,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAA;IAC9C,aAAa,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,CAAC,iBAAiB,EAAE,GAAG,SAAS,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;gBAER,MAAM,EAAE,2BAA2B;IAqB/C,iBAAiB,CAAC,QAAQ,EAAE,sBAAsB;IAIlD,WAAW,CAAC,QAAQ,EAAE,gBAAgB;IAItC,gBAAgB,CAAC,MAAM,EAAE,OAAO;IAIhC,aAAa,CAAC,UAAU,EAAE,iBAAiB,EAAE;IAI7C,SAAS,CAAC,MAAM,EAAE,WAAW;IAI7B,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,EAAE,EAAE,CAAC;IAuClC,OAAO;CAOR;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/build/umd/index.js

@@ -829,7 +829,7 @@ const _e={CASE_SENSITIVE_EQUAL:7,EQUAL:6,STARTS_WITH:5,WORD_STARTS_WITH:4,CONTAI
       background-color: ${e.darkGray[400]};
       font-size: ${t.size.sm};
       color: ${e.gray[500]};
-      z-index: 2;
+      z-index: 7;
     `,settingsMenuHeader:wr`
       padding: ${Sr.size[1.5]} ${Sr.size[2.5]};
       color: ${e.gray[300]};
@@ -868,5 +868,5 @@ const _e={CASE_SENSITIVE_EQUAL:7,EQUAL:6,STARTS_WITH:5,WORD_STARTS_WITH:4,CONTAI
       & button:nth-child(3) svg {
         transform: rotate(90deg);
       }
-    `}};ce(["click","mousedown","input"]);e.TanstackQueryDevtools=class{constructor(e){ke(this,"isMounted",!1);const{client:t,queryFlavor:r,version:n,onlineManager:o,buttonPosition:i,position:s,initialIsOpen:a,errorTypes:l}=e;this.client=t,this.queryFlavor=r,this.version=n,this.onlineManager=o,this.buttonPosition=m(i),this.position=m(s),this.initialIsOpen=m(a),this.errorTypes=m(l)}setButtonPosition(e){this.buttonPosition[1](e)}setPosition(e){this.position[1](e)}setInitialIsOpen(e){this.initialIsOpen[1](e)}setErrorTypes(e){this.errorTypes[1](e)}mount(e){if(this.isMounted)throw new Error("Devtools is already mounted");const t=function(e,t,r,n={}){let o;return y((n=>{o=n,t===document?e():ge(t,e(),t.firstChild?null:void 0,r)}),n.owner),()=>{o(),t.textContent=""}}((()=>{const[e]=this.buttonPosition,[t]=this.position,[r]=this.initialIsOpen,[n]=this.errorTypes,o=this;return R(ai,K({get client(){return o.client},get queryFlavor(){return o.queryFlavor},get version(){return o.version},get onlineManager(){return o.onlineManager}},{get buttonPosition(){return e()},get position(){return t()},get initialIsOpen(){return r()},get errorTypes(){return n()}}))}),e);this.isMounted=!0,this.dispose=t}unmount(){if(!this.isMounted)throw new Error("Devtools is not mounted");this.dispose?.(),this.isMounted=!1}}}));
+    `}};ce(["click","mousedown","input"]);e.TanstackQueryDevtools=class{constructor(e){ke(this,"isMounted",!1);const{client:t,queryFlavor:r,version:n,onlineManager:o,buttonPosition:i,position:s,initialIsOpen:a,errorTypes:l}=e;this.client=m(t),this.queryFlavor=r,this.version=n,this.onlineManager=o,this.buttonPosition=m(i),this.position=m(s),this.initialIsOpen=m(a),this.errorTypes=m(l)}setButtonPosition(e){this.buttonPosition[1](e)}setPosition(e){this.position[1](e)}setInitialIsOpen(e){this.initialIsOpen[1](e)}setErrorTypes(e){this.errorTypes[1](e)}setClient(e){this.client[1](e)}mount(e){if(this.isMounted)throw new Error("Devtools is already mounted");const t=function(e,t,r,n={}){let o;return y((n=>{o=n,t===document?e():ge(t,e(),t.firstChild?null:void 0,r)}),n.owner),()=>{o(),t.textContent=""}}((()=>{const[e]=this.buttonPosition,[t]=this.position,[r]=this.initialIsOpen,[n]=this.errorTypes,[o]=this.client,i=this;return R(ai,K({get queryFlavor(){return i.queryFlavor},get version(){return i.version},get onlineManager(){return i.onlineManager}},{get client(){return o()},get buttonPosition(){return e()},get position(){return t()},get initialIsOpen(){return r()},get errorTypes(){return n()}}))}),e);this.isMounted=!0,this.dispose=t}unmount(){if(!this.isMounted)throw new Error("Devtools is not mounted");this.dispose?.(),this.isMounted=!1}}}));
 //# sourceMappingURL=index.js.map