@tanstack/query-devtools 5.0.0-alpha.47 → 5.0.0-alpha.49

package/build/esm/index.mjs

@@ -1106,35 +1106,6 @@ function cleanChildren(parent, current, marker, replacement) {
   return [node];
 }
 
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
 /**
  * match-sorter-utils
  *
@@ -2501,7 +2472,7 @@ function declaration(value, root, parent, length) {
  * @param {function} callback
  * @return {string}
  */
-function serialize(children, callback) {
+function serialize$1(children, callback) {
   var output = '';
   var length = sizeof(children);
   for (var i = 0; i < length; i++) output += callback(children[i], i, children, callback) || '';
@@ -2515,7 +2486,7 @@ function serialize(children, callback) {
  * @param {function} callback
  * @return {string}
  */
-function stringify(element, index, children, callback) {
+function stringify$1(element, index, children, callback) {
   switch (element.type) {
     case LAYER:
       if (element.children.length) break;
@@ -2525,11 +2496,11 @@ function stringify(element, index, children, callback) {
     case COMMENT:
       return '';
     case KEYFRAMES:
-      return element.return = element.value + '{' + serialize(element.children, callback) + '}';
+      return element.return = element.value + '{' + serialize$1(element.children, callback) + '}';
     case RULESET:
       element.value = element.props.join(',');
   }
-  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : '';
+  return strlen(children = serialize$1(element.children, callback)) ? element.return = element.value + '{' + children + '}' : '';
 }
 
 /**
@@ -2957,7 +2928,7 @@ var prefixer = function prefixer(element, index, children, callback) {
       element["return"] = prefix(element.value, element.length);
       break;
     case KEYFRAMES:
-      return serialize([copy$1(element, {
+      return serialize$1([copy$1(element, {
         value: replace(element.value, '@', '@' + WEBKIT)
       })], callback);
     case RULESET:
@@ -2966,13 +2937,13 @@ var prefixer = function prefixer(element, index, children, callback) {
           // :read-(only|write)
           case ':read-only':
           case ':read-write':
-            return serialize([copy$1(element, {
+            return serialize$1([copy$1(element, {
               props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]
             })], callback);
           // :placeholder
 
           case '::placeholder':
-            return serialize([copy$1(element, {
+            return serialize$1([copy$1(element, {
               props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]
             }), copy$1(element, {
               props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]
@@ -3055,7 +3026,7 @@ var createCache = function createCache(options) {
   }
   if (isBrowser$1) {
     var currentSheet;
-    var finalizingPlugins = [stringify, process.env.NODE_ENV !== 'production' ? function (element) {
+    var finalizingPlugins = [stringify$1, process.env.NODE_ENV !== 'production' ? function (element) {
       if (!element.root) {
         if (element["return"]) {
           currentSheet.insert(element["return"]);
@@ -3070,7 +3041,7 @@ var createCache = function createCache(options) {
     })];
     var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
     var stylis = function stylis(styles) {
-      return serialize(compile(styles), serializer);
+      return serialize$1(compile(styles), serializer);
     };
     _insert = function insert(selector, serialized, sheet, shouldCache) {
       currentSheet = sheet;
@@ -3087,10 +3058,10 @@ var createCache = function createCache(options) {
       }
     };
   } else {
-    var _finalizingPlugins = [stringify];
+    var _finalizingPlugins = [stringify$1];
     var _serializer = middleware(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
     var _stylis = function _stylis(styles) {
-      return serialize(compile(styles), _serializer);
+      return serialize$1(compile(styles), _serializer);
     }; // $FlowFixMe
 
     var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
@@ -4989,6 +4960,8 @@ var SuperJSON = /** @class */function () {
   SuperJSON.allowErrorProps = SuperJSON.defaultInstance.allowErrorProps.bind(SuperJSON.defaultInstance);
   return SuperJSON;
 }();
+var serialize = SuperJSON.serialize;
+var stringify = SuperJSON.stringify;
 
 function getQueryStatusLabel(query) {
   return query.state.fetchStatus === 'fetching' ? 'fetching' : !query.getObserversCount() ? 'inactive' : query.state.fetchStatus === 'paused' ? 'paused' : query.isStale() ? 'stale' : 'fresh';
@@ -5012,7 +4985,7 @@ function getQueryStatusColorByLabel(label) {
 const displayValue = (value, beautify = false) => {
   const {
     json
-  } = SuperJSON.serialize(value);
+  } = serialize(value);
   return JSON.stringify(json, null, beautify ? 2 : undefined);
 };
 
@@ -5218,7 +5191,7 @@ const CopyButton = props => {
   return (() => {
     const _el$2 = _tmpl$2$1.cloneNode(true);
     addEventListener(_el$2, "click", copyState() === 'NoCopy' ? () => {
-      navigator.clipboard.writeText(SuperJSON.stringify(props.value)).then(() => {
+      navigator.clipboard.writeText(stringify(props.value)).then(() => {
         setCopyState('SuccessCopy');
         setTimeout(() => {
           setCopyState('NoCopy');
@@ -7874,17 +7847,8 @@ const getStyles = () => {
 delegateEvents(["click", "mousedown", "input"]);
 
 class TanstackQueryDevtools {
+  isMounted = false;
   constructor(config) {
-    _defineProperty(this, "client", void 0);
-    _defineProperty(this, "onlineManager", void 0);
-    _defineProperty(this, "queryFlavor", void 0);
-    _defineProperty(this, "version", void 0);
-    _defineProperty(this, "isMounted", false);
-    _defineProperty(this, "buttonPosition", void 0);
-    _defineProperty(this, "position", void 0);
-    _defineProperty(this, "initialIsOpen", void 0);
-    _defineProperty(this, "errorTypes", void 0);
-    _defineProperty(this, "dispose", void 0);
     const {
       client,
       queryFlavor,