@tanstack/react-query-devtools 5.0.0-alpha.25 → 5.0.0-alpha.27

package/build/lib/CachePanel/QueryRow.esm.js

@@ -1,98 +0,0 @@
-import React__default from 'react';
-import { Code } from '../styledComponents.esm.js';
-import useSubscribeToQueryCache from '../useSubscribeToQueryCache.esm.js';
-import { getQueryStatusColor } from '../utils.esm.js';
-import { defaultTheme } from '../theme.esm.js';
-
-/**
- * Row for a query in the query list
- */
-const QueryRow = /*#__PURE__*/React__default.memo(({
-  queryKey,
-  setActiveQueryHash,
-  activeQueryHash,
-  queryCache
-}) => {
-  var _useSubscribeToQueryC, _useSubscribeToQueryC2, _useSubscribeToQueryC3, _useSubscribeToQueryC4;
-  const queryHash = (_useSubscribeToQueryC = useSubscribeToQueryCache(queryCache, () => {
-    var _queryCache$find;
-    return (_queryCache$find = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find.queryHash;
-  })) != null ? _useSubscribeToQueryC : '';
-  const queryState = useSubscribeToQueryCache(queryCache, () => {
-    var _queryCache$find2;
-    return (_queryCache$find2 = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find2.state;
-  });
-  const isStale = (_useSubscribeToQueryC2 = useSubscribeToQueryCache(queryCache, () => {
-    var _queryCache$find3;
-    return (_queryCache$find3 = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find3.isStale();
-  })) != null ? _useSubscribeToQueryC2 : false;
-  const isDisabled = (_useSubscribeToQueryC3 = useSubscribeToQueryCache(queryCache, () => {
-    var _queryCache$find4;
-    return (_queryCache$find4 = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find4.isDisabled();
-  })) != null ? _useSubscribeToQueryC3 : false;
-  const observerCount = (_useSubscribeToQueryC4 = useSubscribeToQueryCache(queryCache, () => {
-    var _queryCache$find5;
-    return (_queryCache$find5 = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find5.getObserversCount();
-  })) != null ? _useSubscribeToQueryC4 : 0;
-  if (!queryState) {
-    return null;
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    role: "button",
-    "aria-label": `Open query details for ${queryHash}`,
-    onClick: () => setActiveQueryHash(activeQueryHash === queryHash ? '' : queryHash),
-    style: {
-      display: 'flex',
-      borderBottom: `solid 1px ${defaultTheme.grayAlt}`,
-      cursor: 'pointer',
-      background: queryHash === activeQueryHash ? 'rgba(255,255,255,.1)' : undefined
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      flex: '0 0 auto',
-      width: '2em',
-      height: '2em',
-      background: getQueryStatusColor({
-        queryState,
-        isStale,
-        observerCount,
-        theme: defaultTheme
-      }),
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      fontWeight: 'bold',
-      textShadow: isStale ? '0' : '0 0 10px black',
-      color: isStale ? 'black' : 'white'
-    }
-  }, observerCount), isDisabled ? /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      flex: '0 0 auto',
-      height: '2em',
-      background: defaultTheme.gray,
-      display: 'flex',
-      alignItems: 'center',
-      fontWeight: 'bold',
-      padding: '0 0.5em'
-    }
-  }, "disabled") : null, /*#__PURE__*/React__default.createElement(Code, {
-    style: {
-      padding: '.5em'
-    }
-  }, `${queryHash}`));
-});
-QueryRow.displayName = 'QueryRow';
-var QueryRow$1 = QueryRow;
-
-export { QueryRow$1 as default };
-//# sourceMappingURL=QueryRow.esm.js.map

package/build/lib/CachePanel/QueryRow.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryRow.esm.js","sources":["../../../src/CachePanel/QueryRow.tsx"],"sourcesContent":["import React from 'react'\nimport type {\n  QueryCache,\n  QueryKey as QueryKeyType,\n} from '@tanstack/react-query'\n\nimport { Code } from '../styledComponents'\n\nimport useSubscribeToQueryCache from '../useSubscribeToQueryCache'\nimport { getQueryStatusColor } from '../utils'\nimport { defaultTheme as theme } from '../theme'\n\ninterface QueryRowProps {\n  queryKey: QueryKeyType\n  setActiveQueryHash: (hash: string) => void\n  activeQueryHash?: string\n  queryCache: QueryCache\n}\n\n/**\n * Row for a query in the query list\n */\nconst QueryRow = React.memo(\n  ({\n    queryKey,\n    setActiveQueryHash,\n    activeQueryHash,\n    queryCache,\n  }: QueryRowProps) => {\n    const queryHash =\n      useSubscribeToQueryCache(\n        queryCache,\n        () => queryCache.find({ queryKey })?.queryHash,\n      ) ?? ''\n\n    const queryState = useSubscribeToQueryCache(\n      queryCache,\n      () => queryCache.find({ queryKey })?.state,\n    )\n\n    const isStale =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.isStale(),\n      ) ?? false\n\n    const isDisabled =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.isDisabled(),\n      ) ?? false\n\n    const observerCount =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.getObserversCount(),\n      ) ?? 0\n\n    if (!queryState) {\n      return null\n    }\n\n    return (\n      <div\n        role=\"button\"\n        aria-label={`Open query details for ${queryHash}`}\n        onClick={() =>\n          setActiveQueryHash(activeQueryHash === queryHash ? '' : queryHash)\n        }\n        style={{\n          display: 'flex',\n          borderBottom: `solid 1px ${theme.grayAlt}`,\n          cursor: 'pointer',\n          background:\n            queryHash === activeQueryHash ? 'rgba(255,255,255,.1)' : undefined,\n        }}\n      >\n        <div\n          style={{\n            flex: '0 0 auto',\n            width: '2em',\n            height: '2em',\n            background: getQueryStatusColor({\n              queryState,\n              isStale,\n              observerCount,\n              theme,\n            }),\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontWeight: 'bold',\n            textShadow: isStale ? '0' : '0 0 10px black',\n            color: isStale ? 'black' : 'white',\n          }}\n        >\n          {observerCount}\n        </div>\n        {isDisabled ? (\n          <div\n            style={{\n              flex: '0 0 auto',\n              height: '2em',\n              background: theme.gray,\n              display: 'flex',\n              alignItems: 'center',\n              fontWeight: 'bold',\n              padding: '0 0.5em',\n            }}\n          >\n            disabled\n          </div>\n        ) : null}\n        <Code\n          style={{\n            padding: '.5em',\n          }}\n        >\n          {`${queryHash}`}\n        </Code>\n      </div>\n    )\n  },\n)\n\nQueryRow.displayName = 'QueryRow'\n\nexport default QueryRow\n"],"names":["QueryRow","React","memo","queryKey","setActiveQueryHash","activeQueryHash","queryCache","queryHash","useSubscribeToQueryCache","find","queryState","state","isStale","isDisabled","observerCount","getObserversCount","display","borderBottom","theme","grayAlt","cursor","background","undefined","flex","width","height","getQueryStatusColor","alignItems","justifyContent","fontWeight","textShadow","color","gray","padding","displayName"],"mappings":"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"}

package/build/lib/CachePanel/QueryRow.js

@@ -1,102 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var styledComponents = require('../styledComponents.js');
-var useSubscribeToQueryCache = require('../useSubscribeToQueryCache.js');
-var utils = require('../utils.js');
-var theme = require('../theme.js');
-
-/**
- * Row for a query in the query list
- */
-const QueryRow = /*#__PURE__*/React.memo(({
-  queryKey,
-  setActiveQueryHash,
-  activeQueryHash,
-  queryCache
-}) => {
-  var _useSubscribeToQueryC, _useSubscribeToQueryC2, _useSubscribeToQueryC3, _useSubscribeToQueryC4;
-  const queryHash = (_useSubscribeToQueryC = useSubscribeToQueryCache.default(queryCache, () => {
-    var _queryCache$find;
-    return (_queryCache$find = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find.queryHash;
-  })) != null ? _useSubscribeToQueryC : '';
-  const queryState = useSubscribeToQueryCache.default(queryCache, () => {
-    var _queryCache$find2;
-    return (_queryCache$find2 = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find2.state;
-  });
-  const isStale = (_useSubscribeToQueryC2 = useSubscribeToQueryCache.default(queryCache, () => {
-    var _queryCache$find3;
-    return (_queryCache$find3 = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find3.isStale();
-  })) != null ? _useSubscribeToQueryC2 : false;
-  const isDisabled = (_useSubscribeToQueryC3 = useSubscribeToQueryCache.default(queryCache, () => {
-    var _queryCache$find4;
-    return (_queryCache$find4 = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find4.isDisabled();
-  })) != null ? _useSubscribeToQueryC3 : false;
-  const observerCount = (_useSubscribeToQueryC4 = useSubscribeToQueryCache.default(queryCache, () => {
-    var _queryCache$find5;
-    return (_queryCache$find5 = queryCache.find({
-      queryKey
-    })) == null ? void 0 : _queryCache$find5.getObserversCount();
-  })) != null ? _useSubscribeToQueryC4 : 0;
-  if (!queryState) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    role: "button",
-    "aria-label": `Open query details for ${queryHash}`,
-    onClick: () => setActiveQueryHash(activeQueryHash === queryHash ? '' : queryHash),
-    style: {
-      display: 'flex',
-      borderBottom: `solid 1px ${theme.defaultTheme.grayAlt}`,
-      cursor: 'pointer',
-      background: queryHash === activeQueryHash ? 'rgba(255,255,255,.1)' : undefined
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: '0 0 auto',
-      width: '2em',
-      height: '2em',
-      background: utils.getQueryStatusColor({
-        queryState,
-        isStale,
-        observerCount,
-        theme: theme.defaultTheme
-      }),
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      fontWeight: 'bold',
-      textShadow: isStale ? '0' : '0 0 10px black',
-      color: isStale ? 'black' : 'white'
-    }
-  }, observerCount), isDisabled ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: '0 0 auto',
-      height: '2em',
-      background: theme.defaultTheme.gray,
-      display: 'flex',
-      alignItems: 'center',
-      fontWeight: 'bold',
-      padding: '0 0.5em'
-    }
-  }, "disabled") : null, /*#__PURE__*/React.createElement(styledComponents.Code, {
-    style: {
-      padding: '.5em'
-    }
-  }, `${queryHash}`));
-});
-QueryRow.displayName = 'QueryRow';
-var QueryRow$1 = QueryRow;
-
-exports.default = QueryRow$1;
-//# sourceMappingURL=QueryRow.js.map

package/build/lib/CachePanel/QueryRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryRow.js","sources":["../../../src/CachePanel/QueryRow.tsx"],"sourcesContent":["import React from 'react'\nimport type {\n  QueryCache,\n  QueryKey as QueryKeyType,\n} from '@tanstack/react-query'\n\nimport { Code } from '../styledComponents'\n\nimport useSubscribeToQueryCache from '../useSubscribeToQueryCache'\nimport { getQueryStatusColor } from '../utils'\nimport { defaultTheme as theme } from '../theme'\n\ninterface QueryRowProps {\n  queryKey: QueryKeyType\n  setActiveQueryHash: (hash: string) => void\n  activeQueryHash?: string\n  queryCache: QueryCache\n}\n\n/**\n * Row for a query in the query list\n */\nconst QueryRow = React.memo(\n  ({\n    queryKey,\n    setActiveQueryHash,\n    activeQueryHash,\n    queryCache,\n  }: QueryRowProps) => {\n    const queryHash =\n      useSubscribeToQueryCache(\n        queryCache,\n        () => queryCache.find({ queryKey })?.queryHash,\n      ) ?? ''\n\n    const queryState = useSubscribeToQueryCache(\n      queryCache,\n      () => queryCache.find({ queryKey })?.state,\n    )\n\n    const isStale =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.isStale(),\n      ) ?? false\n\n    const isDisabled =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.isDisabled(),\n      ) ?? false\n\n    const observerCount =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.getObserversCount(),\n      ) ?? 0\n\n    if (!queryState) {\n      return null\n    }\n\n    return (\n      <div\n        role=\"button\"\n        aria-label={`Open query details for ${queryHash}`}\n        onClick={() =>\n          setActiveQueryHash(activeQueryHash === queryHash ? '' : queryHash)\n        }\n        style={{\n          display: 'flex',\n          borderBottom: `solid 1px ${theme.grayAlt}`,\n          cursor: 'pointer',\n          background:\n            queryHash === activeQueryHash ? 'rgba(255,255,255,.1)' : undefined,\n        }}\n      >\n        <div\n          style={{\n            flex: '0 0 auto',\n            width: '2em',\n            height: '2em',\n            background: getQueryStatusColor({\n              queryState,\n              isStale,\n              observerCount,\n              theme,\n            }),\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontWeight: 'bold',\n            textShadow: isStale ? '0' : '0 0 10px black',\n            color: isStale ? 'black' : 'white',\n          }}\n        >\n          {observerCount}\n        </div>\n        {isDisabled ? (\n          <div\n            style={{\n              flex: '0 0 auto',\n              height: '2em',\n              background: theme.gray,\n              display: 'flex',\n              alignItems: 'center',\n              fontWeight: 'bold',\n              padding: '0 0.5em',\n            }}\n          >\n            disabled\n          </div>\n        ) : null}\n        <Code\n          style={{\n            padding: '.5em',\n          }}\n        >\n          {`${queryHash}`}\n        </Code>\n      </div>\n    )\n  },\n)\n\nQueryRow.displayName = 'QueryRow'\n\nexport default QueryRow\n"],"names":["QueryRow","React","memo","queryKey","setActiveQueryHash","activeQueryHash","queryCache","queryHash","useSubscribeToQueryCache","find","queryState","state","isStale","isDisabled","observerCount","getObserversCount","display","borderBottom","theme","grayAlt","cursor","background","undefined","flex","width","height","getQueryStatusColor","alignItems","justifyContent","fontWeight","textShadow","color","gray","padding","Code","displayName"],"mappings":";;;;;;;;;;AAmBA;AACA;AACA;AACA,MAAMA,QAAQ,gBAAGC,KAAK,CAACC,IAAI,CACzB,CAAC;EACCC,QAAQ;EACRC,kBAAkB;EAClBC,eAAe;AACfC,EAAAA,UAAAA;AACa,CAAC,KAAK;AAAA,EAAA,IAAA,qBAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,sBAAA,CAAA;AACnB,EAAA,MAAMC,SAAS,GAAA,CAAA,qBAAA,GACbC,gCAAwB,CACtBF,UAAU,EACV,MAAA;AAAA,IAAA,IAAA,gBAAA,CAAA;IAAA,OAAMA,CAAAA,gBAAAA,GAAAA,UAAU,CAACG,IAAI,CAAC;AAAEN,MAAAA,QAAAA;KAAU,CAAC,KAA7B,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAA+BI,SAAS,CAAA;AAAA,GAAA,CAC/C,oCAAI,EAAE,CAAA;AAET,EAAA,MAAMG,UAAU,GAAGF,gCAAwB,CACzCF,UAAU,EACV,MAAA;AAAA,IAAA,IAAA,iBAAA,CAAA;IAAA,OAAMA,CAAAA,iBAAAA,GAAAA,UAAU,CAACG,IAAI,CAAC;AAAEN,MAAAA,QAAAA;KAAU,CAAC,KAA7B,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAA+BQ,KAAK,CAAA;GAC3C,CAAA,CAAA;AAED,EAAA,MAAMC,OAAO,GAAA,CAAA,sBAAA,GACXJ,gCAAwB,CAACF,UAAU,EAAE,MAAA;AAAA,IAAA,IAAA,iBAAA,CAAA;IAAA,OACnCA,CAAAA,iBAAAA,GAAAA,UAAU,CAACG,IAAI,CAAC;AAAEN,MAAAA,QAAAA;AAAS,KAAC,CAAC,KAAA,IAAA,GAAA,KAAA,CAAA,GAA7B,iBAA+BS,CAAAA,OAAO,EAAE,CAAA;AAAA,GAAA,CACzC,qCAAI,KAAK,CAAA;AAEZ,EAAA,MAAMC,UAAU,GAAA,CAAA,sBAAA,GACdL,gCAAwB,CAACF,UAAU,EAAE,MAAA;AAAA,IAAA,IAAA,iBAAA,CAAA;IAAA,OACnCA,CAAAA,iBAAAA,GAAAA,UAAU,CAACG,IAAI,CAAC;AAAEN,MAAAA,QAAAA;AAAS,KAAC,CAAC,KAAA,IAAA,GAAA,KAAA,CAAA,GAA7B,iBAA+BU,CAAAA,UAAU,EAAE,CAAA;AAAA,GAAA,CAC5C,qCAAI,KAAK,CAAA;AAEZ,EAAA,MAAMC,aAAa,GAAA,CAAA,sBAAA,GACjBN,gCAAwB,CAACF,UAAU,EAAE,MAAA;AAAA,IAAA,IAAA,iBAAA,CAAA;IAAA,OACnCA,CAAAA,iBAAAA,GAAAA,UAAU,CAACG,IAAI,CAAC;AAAEN,MAAAA,QAAAA;AAAS,KAAC,CAAC,KAAA,IAAA,GAAA,KAAA,CAAA,GAA7B,iBAA+BY,CAAAA,iBAAiB,EAAE,CAAA;AAAA,GAAA,CACnD,qCAAI,CAAC,CAAA;EAER,IAAI,CAACL,UAAU,EAAE;AACf,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,oBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,IAAI,EAAC,QAAQ;IACb,YAAa,EAAA,CAAA,uBAAA,EAAyBH,SAAU,CAAE,CAAA;IAClD,OAAO,EAAE,MACPH,kBAAkB,CAACC,eAAe,KAAKE,SAAS,GAAG,EAAE,GAAGA,SAAS,CAClE;AACD,IAAA,KAAK,EAAE;AACLS,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,YAAY,EAAG,CAAA,UAAA,EAAYC,kBAAK,CAACC,OAAQ,CAAC,CAAA;AAC1CC,MAAAA,MAAM,EAAE,SAAS;AACjBC,MAAAA,UAAU,EACRd,SAAS,KAAKF,eAAe,GAAG,sBAAsB,GAAGiB,SAAAA;AAC7D,KAAA;GAEA,eAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE,UAAU;AAChBC,MAAAA,KAAK,EAAE,KAAK;AACZC,MAAAA,MAAM,EAAE,KAAK;MACbJ,UAAU,EAAEK,yBAAmB,CAAC;QAC9BhB,UAAU;QACVE,OAAO;QACPE,aAAa;AACbI,eAAAA,kBAAAA;AACF,OAAC,CAAC;AACFF,MAAAA,OAAO,EAAE,MAAM;AACfW,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,UAAU,EAAElB,OAAO,GAAG,GAAG,GAAG,gBAAgB;AAC5CmB,MAAAA,KAAK,EAAEnB,OAAO,GAAG,OAAO,GAAG,OAAA;AAC7B,KAAA;AAAE,GAAA,EAEDE,aAAa,CACV,EACLD,UAAU,gBACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,KAAK,EAAE;AACLU,MAAAA,IAAI,EAAE,UAAU;AAChBE,MAAAA,MAAM,EAAE,KAAK;MACbJ,UAAU,EAAEH,kBAAK,CAACc,IAAI;AACtBhB,MAAAA,OAAO,EAAE,MAAM;AACfW,MAAAA,UAAU,EAAE,QAAQ;AACpBE,MAAAA,UAAU,EAAE,MAAM;AAClBI,MAAAA,OAAO,EAAE,SAAA;AACX,KAAA;AAAE,GAAA,EACH,UAED,CAAM,GACJ,IAAI,eACR,oBAACC,qBAAI,EAAA;AACH,IAAA,KAAK,EAAE;AACLD,MAAAA,OAAO,EAAE,MAAA;AACX,KAAA;AAAE,GAAA,EAEA,CAAE1B,EAAAA,SAAU,CAAC,CAAA,CACV,CACH,CAAA;AAEV,CAAC,CACF,CAAA;AAEDP,QAAQ,CAACmC,WAAW,GAAG,UAAU,CAAA;AAEjC,iBAAenC,QAAQ;;;;"}

package/build/lib/CachePanel/QueryRow.mjs

@@ -1,82 +0,0 @@
-import React__default from 'react';
-import { Code } from '../styledComponents.mjs';
-import useSubscribeToQueryCache from '../useSubscribeToQueryCache.mjs';
-import { getQueryStatusColor } from '../utils.mjs';
-import { defaultTheme } from '../theme.mjs';
-
-/**
- * Row for a query in the query list
- */
-const QueryRow = /*#__PURE__*/React__default.memo(({
-  queryKey,
-  setActiveQueryHash,
-  activeQueryHash,
-  queryCache
-}) => {
-  const queryHash = useSubscribeToQueryCache(queryCache, () => queryCache.find({
-    queryKey
-  })?.queryHash) ?? '';
-  const queryState = useSubscribeToQueryCache(queryCache, () => queryCache.find({
-    queryKey
-  })?.state);
-  const isStale = useSubscribeToQueryCache(queryCache, () => queryCache.find({
-    queryKey
-  })?.isStale()) ?? false;
-  const isDisabled = useSubscribeToQueryCache(queryCache, () => queryCache.find({
-    queryKey
-  })?.isDisabled()) ?? false;
-  const observerCount = useSubscribeToQueryCache(queryCache, () => queryCache.find({
-    queryKey
-  })?.getObserversCount()) ?? 0;
-  if (!queryState) {
-    return null;
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    role: "button",
-    "aria-label": `Open query details for ${queryHash}`,
-    onClick: () => setActiveQueryHash(activeQueryHash === queryHash ? '' : queryHash),
-    style: {
-      display: 'flex',
-      borderBottom: `solid 1px ${defaultTheme.grayAlt}`,
-      cursor: 'pointer',
-      background: queryHash === activeQueryHash ? 'rgba(255,255,255,.1)' : undefined
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      flex: '0 0 auto',
-      width: '2em',
-      height: '2em',
-      background: getQueryStatusColor({
-        queryState,
-        isStale,
-        observerCount,
-        theme: defaultTheme
-      }),
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      fontWeight: 'bold',
-      textShadow: isStale ? '0' : '0 0 10px black',
-      color: isStale ? 'black' : 'white'
-    }
-  }, observerCount), isDisabled ? /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      flex: '0 0 auto',
-      height: '2em',
-      background: defaultTheme.gray,
-      display: 'flex',
-      alignItems: 'center',
-      fontWeight: 'bold',
-      padding: '0 0.5em'
-    }
-  }, "disabled") : null, /*#__PURE__*/React__default.createElement(Code, {
-    style: {
-      padding: '.5em'
-    }
-  }, `${queryHash}`));
-});
-QueryRow.displayName = 'QueryRow';
-var QueryRow$1 = QueryRow;
-
-export { QueryRow$1 as default };
-//# sourceMappingURL=QueryRow.mjs.map

package/build/lib/CachePanel/QueryRow.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryRow.mjs","sources":["../../../src/CachePanel/QueryRow.tsx"],"sourcesContent":["import React from 'react'\nimport type {\n  QueryCache,\n  QueryKey as QueryKeyType,\n} from '@tanstack/react-query'\n\nimport { Code } from '../styledComponents'\n\nimport useSubscribeToQueryCache from '../useSubscribeToQueryCache'\nimport { getQueryStatusColor } from '../utils'\nimport { defaultTheme as theme } from '../theme'\n\ninterface QueryRowProps {\n  queryKey: QueryKeyType\n  setActiveQueryHash: (hash: string) => void\n  activeQueryHash?: string\n  queryCache: QueryCache\n}\n\n/**\n * Row for a query in the query list\n */\nconst QueryRow = React.memo(\n  ({\n    queryKey,\n    setActiveQueryHash,\n    activeQueryHash,\n    queryCache,\n  }: QueryRowProps) => {\n    const queryHash =\n      useSubscribeToQueryCache(\n        queryCache,\n        () => queryCache.find({ queryKey })?.queryHash,\n      ) ?? ''\n\n    const queryState = useSubscribeToQueryCache(\n      queryCache,\n      () => queryCache.find({ queryKey })?.state,\n    )\n\n    const isStale =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.isStale(),\n      ) ?? false\n\n    const isDisabled =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.isDisabled(),\n      ) ?? false\n\n    const observerCount =\n      useSubscribeToQueryCache(queryCache, () =>\n        queryCache.find({ queryKey })?.getObserversCount(),\n      ) ?? 0\n\n    if (!queryState) {\n      return null\n    }\n\n    return (\n      <div\n        role=\"button\"\n        aria-label={`Open query details for ${queryHash}`}\n        onClick={() =>\n          setActiveQueryHash(activeQueryHash === queryHash ? '' : queryHash)\n        }\n        style={{\n          display: 'flex',\n          borderBottom: `solid 1px ${theme.grayAlt}`,\n          cursor: 'pointer',\n          background:\n            queryHash === activeQueryHash ? 'rgba(255,255,255,.1)' : undefined,\n        }}\n      >\n        <div\n          style={{\n            flex: '0 0 auto',\n            width: '2em',\n            height: '2em',\n            background: getQueryStatusColor({\n              queryState,\n              isStale,\n              observerCount,\n              theme,\n            }),\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontWeight: 'bold',\n            textShadow: isStale ? '0' : '0 0 10px black',\n            color: isStale ? 'black' : 'white',\n          }}\n        >\n          {observerCount}\n        </div>\n        {isDisabled ? (\n          <div\n            style={{\n              flex: '0 0 auto',\n              height: '2em',\n              background: theme.gray,\n              display: 'flex',\n              alignItems: 'center',\n              fontWeight: 'bold',\n              padding: '0 0.5em',\n            }}\n          >\n            disabled\n          </div>\n        ) : null}\n        <Code\n          style={{\n            padding: '.5em',\n          }}\n        >\n          {`${queryHash}`}\n        </Code>\n      </div>\n    )\n  },\n)\n\nQueryRow.displayName = 'QueryRow'\n\nexport default QueryRow\n"],"names":["QueryRow","React","memo","queryKey","setActiveQueryHash","activeQueryHash","queryCache","queryHash","useSubscribeToQueryCache","find","queryState","state","isStale","isDisabled","observerCount","getObserversCount","display","borderBottom","theme","grayAlt","cursor","background","undefined","flex","width","height","getQueryStatusColor","alignItems","justifyContent","fontWeight","textShadow","color","gray","padding","displayName"],"mappings":"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"}

package/build/lib/Explorer.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-export declare const Entry: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-export declare const LabelButton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;
-export declare const ExpandButton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;
-export declare const CopyButton: ({ value }: {
-    value: unknown;
-}) => JSX.Element;
-export declare const Value: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-export declare const SubEntries: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const Info: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare type ExpanderProps = {
-    expanded: boolean;
-    style?: React.CSSProperties;
-};
-export declare const Expander: ({ expanded, style }: ExpanderProps) => JSX.Element;
-declare type EntryType = {
-    label: string;
-};
-declare type RendererProps = {
-    handleEntry: (entry: EntryType) => JSX.Element;
-    label?: string;
-    value: unknown;
-    subEntries: EntryType[];
-    subEntryPages: EntryType[][];
-    type: string;
-    expanded: boolean;
-    copyable: boolean;
-    toggleExpanded: () => void;
-    pageSize: number;
-};
-/**
- * Chunk elements in the array by size
- *
- * when the array cannot be chunked evenly by size, the last chunk will be
- * filled with the remaining elements
- *
- * @example
- * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]
- */
-export declare function chunkArray<T>(array: T[], size: number): T[][];
-declare type Renderer = (props: RendererProps) => JSX.Element;
-export declare const DefaultRenderer: Renderer;
-declare type ExplorerProps = Partial<RendererProps> & {
-    renderer?: Renderer;
-    defaultExpanded?: true | Record<string, boolean>;
-    copyable?: boolean;
-};
-export default function Explorer({ value, defaultExpanded, renderer, pageSize, copyable, ...rest }: ExplorerProps): JSX.Element;
-export {};
-//# sourceMappingURL=Explorer.d.ts.map

package/build/lib/Explorer.esm.js

@@ -1,254 +0,0 @@
-'use client';
-import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.esm.js';
-import * as React from 'react';
-import { displayValue, styled } from './utils.esm.js';
-import SuperJSON from 'superjson';
-
-const Entry = styled('div', {
-  fontFamily: 'Menlo, monospace',
-  fontSize: '1em',
-  lineHeight: '1.7',
-  outline: 'none',
-  wordBreak: 'break-word'
-});
-const Label = styled('span', {
-  color: 'white'
-});
-const LabelButton = styled('button', {
-  cursor: 'pointer',
-  color: 'white'
-});
-const ExpandButton = styled('button', {
-  cursor: 'pointer',
-  color: 'inherit',
-  font: 'inherit',
-  outline: 'inherit',
-  background: 'transparent',
-  border: 'none',
-  padding: 0
-});
-const CopyButton = ({
-  value
-}) => {
-  const [copyState, setCopyState] = React.useState('NoCopy');
-  return /*#__PURE__*/React.createElement("button", {
-    onClick: copyState === 'NoCopy' ? () => {
-      navigator.clipboard.writeText(SuperJSON.stringify(value)).then(() => {
-        setCopyState('SuccessCopy');
-        setTimeout(() => {
-          setCopyState('NoCopy');
-        }, 1500);
-      }, err => {
-        console.error('Failed to copy: ', err);
-        setCopyState('ErrorCopy');
-        setTimeout(() => {
-          setCopyState('NoCopy');
-        }, 1500);
-      });
-    } : undefined,
-    style: {
-      cursor: 'pointer',
-      color: 'inherit',
-      font: 'inherit',
-      outline: 'inherit',
-      background: 'transparent',
-      border: 'none',
-      padding: 0
-    }
-  }, copyState === 'NoCopy' ? /*#__PURE__*/React.createElement(Copier, null) : copyState === 'SuccessCopy' ? /*#__PURE__*/React.createElement(CopiedCopier, null) : /*#__PURE__*/React.createElement(ErrorCopier, null));
-};
-const Value = styled('span', (_props, theme) => ({
-  color: theme.danger
-}));
-const SubEntries = styled('div', {
-  marginLeft: '.1em',
-  paddingLeft: '1em',
-  borderLeft: '2px solid rgba(0,0,0,.15)'
-});
-const Info = styled('span', {
-  color: 'grey',
-  fontSize: '.7em'
-});
-const Expander = ({
-  expanded,
-  style = {}
-}) => /*#__PURE__*/React.createElement("span", {
-  style: {
-    display: 'inline-block',
-    transition: 'all .1s ease',
-    transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,
-    ...style
-  }
-}, "\u25B6");
-const Copier = () => /*#__PURE__*/React.createElement("span", {
-  "aria-label": "Copy object to clipboard",
-  title: "Copy object to clipboard",
-  style: {
-    paddingLeft: '1em'
-  }
-}, /*#__PURE__*/React.createElement("svg", {
-  height: "12",
-  viewBox: "0 0 16 12",
-  width: "10"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  d: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  d: "M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"
-})));
-const ErrorCopier = () => /*#__PURE__*/React.createElement("span", {
-  "aria-label": "Failed copying to clipboard",
-  title: "Failed copying to clipboard",
-  style: {
-    paddingLeft: '1em',
-    display: 'flex',
-    alignItems: 'center'
-  }
-}, /*#__PURE__*/React.createElement("svg", {
-  height: "12",
-  viewBox: "0 0 16 12",
-  width: "10",
-  display: "block"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "red",
-  d: "M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"
-})), /*#__PURE__*/React.createElement("span", {
-  style: {
-    color: 'red',
-    fontSize: '12px',
-    paddingLeft: '4px',
-    position: 'relative',
-    top: '2px'
-  }
-}, "See console"));
-const CopiedCopier = () => /*#__PURE__*/React.createElement("span", {
-  "aria-label": "Object copied to clipboard",
-  title: "Object copied to clipboard",
-  style: {
-    paddingLeft: '1em',
-    display: 'inline-block',
-    verticalAlign: 'middle'
-  }
-}, /*#__PURE__*/React.createElement("svg", {
-  height: "16",
-  viewBox: "0 0 16 16",
-  width: "16",
-  display: "block"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "green",
-  d: "M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"
-})));
-/**
- * Chunk elements in the array by size
- *
- * when the array cannot be chunked evenly by size, the last chunk will be
- * filled with the remaining elements
- *
- * @example
- * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]
- */
-function chunkArray(array, size) {
-  if (size < 1) return [];
-  let i = 0;
-  const result = [];
-  while (i < array.length) {
-    result.push(array.slice(i, i + size));
-    i = i + size;
-  }
-  return result;
-}
-const DefaultRenderer = ({
-  handleEntry,
-  label,
-  value,
-  subEntries = [],
-  subEntryPages = [],
-  type,
-  expanded = false,
-  copyable = false,
-  toggleExpanded,
-  pageSize
-}) => {
-  const [expandedPages, setExpandedPages] = React.useState([]);
-  return /*#__PURE__*/React.createElement(Entry, {
-    key: label
-  }, subEntryPages.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ExpandButton, {
-    onClick: () => toggleExpanded()
-  }, /*#__PURE__*/React.createElement(Expander, {
-    expanded: expanded
-  }), " ", label, ' ', /*#__PURE__*/React.createElement(Info, null, String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : '', subEntries.length, " ", subEntries.length > 1 ? `items` : `item`)), copyable ? /*#__PURE__*/React.createElement(CopyButton, {
-    value: value
-  }) : null, expanded ? subEntryPages.length === 1 ? /*#__PURE__*/React.createElement(SubEntries, null, subEntries.map(handleEntry)) : /*#__PURE__*/React.createElement(SubEntries, null, subEntryPages.map((entries, index) => /*#__PURE__*/React.createElement("div", {
-    key: index
-  }, /*#__PURE__*/React.createElement(Entry, null, /*#__PURE__*/React.createElement(LabelButton, {
-    onClick: () => setExpandedPages(old => old.includes(index) ? old.filter(d => d !== index) : [...old, index])
-  }, /*#__PURE__*/React.createElement(Expander, {
-    expanded: expanded
-  }), " [", index * pageSize, " ...", ' ', index * pageSize + pageSize - 1, "]"), expandedPages.includes(index) ? /*#__PURE__*/React.createElement(SubEntries, null, entries.map(handleEntry)) : null)))) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, label, ":"), " ", /*#__PURE__*/React.createElement(Value, null, displayValue(value))));
-};
-function isIterable(x) {
-  return Symbol.iterator in x;
-}
-function Explorer({
-  value,
-  defaultExpanded,
-  renderer = DefaultRenderer,
-  pageSize = 100,
-  copyable = false,
-  ...rest
-}) {
-  const [expanded, setExpanded] = React.useState(Boolean(defaultExpanded));
-  const toggleExpanded = React.useCallback(() => setExpanded(old => !old), []);
-  let type = typeof value;
-  let subEntries = [];
-  const makeProperty = sub => {
-    const subDefaultExpanded = defaultExpanded === true ? {
-      [sub.label]: true
-    } : defaultExpanded == null ? void 0 : defaultExpanded[sub.label];
-    return {
-      ...sub,
-      defaultExpanded: subDefaultExpanded
-    };
-  };
-  if (Array.isArray(value)) {
-    type = 'array';
-    subEntries = value.map((d, i) => makeProperty({
-      label: i.toString(),
-      value: d
-    }));
-  } else if (value !== null && typeof value === 'object' && isIterable(value) && typeof value[Symbol.iterator] === 'function') {
-    type = 'Iterable';
-    subEntries = Array.from(value, (val, i) => makeProperty({
-      label: i.toString(),
-      value: val
-    }));
-  } else if (typeof value === 'object' && value !== null) {
-    type = 'object';
-    subEntries = Object.entries(value).map(([key, val]) => makeProperty({
-      label: key,
-      value: val
-    }));
-  }
-  const subEntryPages = chunkArray(subEntries, pageSize);
-  return renderer({
-    handleEntry: entry => /*#__PURE__*/React.createElement(Explorer, _extends({
-      key: entry.label,
-      value: value,
-      renderer: renderer,
-      copyable: copyable
-    }, rest, entry)),
-    type,
-    subEntries,
-    subEntryPages,
-    value,
-    expanded,
-    copyable,
-    toggleExpanded,
-    pageSize,
-    ...rest
-  });
-}
-
-export { CopyButton, DefaultRenderer, Entry, ExpandButton, Expander, Info, Label, LabelButton, SubEntries, Value, chunkArray, Explorer as default };
-//# sourceMappingURL=Explorer.esm.js.map