@buoy-gg/react-query 1.7.2

package/lib/module/react-query/utils/storageQueryUtils.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import { buoyColors } from "@buoy-gg/shared-ui";
+
+/**
+ * Centralized storage query keys for all storage hooks
+ * This ensures consistency across MMKV, AsyncStorage, and SecureStorage hooks
+ * and allows easy modification of the base storage key in one place
+ */
+export const storageQueryKeys = {
+  /**
+   * Base storage key - change this to update all storage-related queries
+   */
+  base: () => ["#storage"],
+  /**
+   * MMKV storage query keys
+   */
+  mmkv: {
+    root: () => [...storageQueryKeys.base(), "mmkv"],
+    key: key => [...storageQueryKeys.mmkv.root(), key],
+    all: () => [...storageQueryKeys.mmkv.root(), "all"]
+  },
+  /**
+   * AsyncStorage query keys
+   */
+  async: {
+    root: () => [...storageQueryKeys.base(), "async"],
+    key: key => [...storageQueryKeys.async.root(), key],
+    all: () => [...storageQueryKeys.async.root(), "all"]
+  },
+  /**
+   * SecureStorage query keys
+   */
+  secure: {
+    root: () => [...storageQueryKeys.base(), "secure"],
+    key: key => [...storageQueryKeys.secure.root(), key],
+    all: () => [...storageQueryKeys.secure.root(), "all"]
+  }
+};
+
+/**
+ * Storage types that can be enabled/disabled
+ */
+
+/**
+ * Check if a query key matches any of the storage patterns
+ */
+export function isStorageQuery(queryKey) {
+  if (!Array.isArray(queryKey) || queryKey.length === 0) {
+    return false;
+  }
+  return queryKey[0] === "#storage";
+}
+
+/**
+ * Get the storage type from a query key
+ */
+export function getStorageType(queryKey) {
+  if (!isStorageQuery(queryKey) || queryKey.length < 2) {
+    return null;
+  }
+  const storageType = queryKey[1];
+  if (storageType === "mmkv" || storageType === "async" || storageType === "secure") {
+    return storageType;
+  }
+  return null;
+}
+
+/**
+ * Get display label for storage type
+ */
+export function getStorageTypeLabel(storageType) {
+  switch (storageType) {
+    case "mmkv":
+      return "MMKV";
+    case "async":
+      return "Async";
+    case "secure":
+      return "Secure";
+    default:
+      return storageType;
+  }
+}
+
+/**
+ * Get storage type color class for styling
+ */
+export function getStorageTypeColor(storageType) {
+  switch (storageType) {
+    case "mmkv":
+      return "purple";
+    // Premium, high-performance
+    case "async":
+      return "blue";
+    // Standard, reliable
+    case "secure":
+      return "green";
+    // Security, safety
+    default:
+      return "gray";
+  }
+}
+
+/**
+ * Get storage type hex color for UI components
+ * Design rationale:
+ * - MMKV: Primary teal - Premium, high-performance, sophisticated
+ * - Async: Warning color - Standard, reliable, default
+ * - Secure: Success color - Security, safety, protection
+ */
+export function getStorageTypeHexColor(storageType) {
+  switch (storageType) {
+    case "mmkv":
+      return buoyColors.primary;
+    // Premium, high-performance
+    case "async":
+      return buoyColors.warning;
+    // Standard, reliable
+    case "secure":
+      return buoyColors.success;
+    // Security, safety
+    default:
+      return buoyColors.textMuted;
+    // Gray
+  }
+}
+
+/**
+ * Extract clean storage key from storage query key
+ * Example: ["#storage", "async", "@dev_tools_modal_state"] → "@dev_tools_modal_state"
+ */
+export function getCleanStorageKey(queryKey) {
+  if (!isStorageQuery(queryKey) || queryKey.length < 3) {
+    return "Unknown Storage Key";
+  }
+
+  // Return everything after the storage type (index 2 and beyond)
+  const cleanKeys = queryKey.slice(2);
+  return cleanKeys.filter(k => k != null).map(k => String(k)).join(" › ") || "Unknown Storage Key";
+}

package/lib/module/react-query/utils/updateNestedDataByPath.js

@@ -0,0 +1,56 @@
+"use strict";
+
+/**
+ * updates nested data by path
+ *
+ * @param {JsonValue} oldData Data to be updated
+ * @param {Array<string>} updatePath Path to the data to be updated
+ * @param {JsonValue} value New value
+ */
+export const updateNestedDataByPath = (oldData, updatePath, value) => {
+  if (updatePath.length === 0) {
+    return value;
+  }
+  if (oldData instanceof Map) {
+    const newData = new Map(oldData);
+    if (updatePath.length === 1) {
+      newData.set(updatePath[0], value);
+      return newData;
+    }
+    const [head, ...tail] = updatePath;
+    const currentValue = newData.get(head);
+    newData.set(head, updateNestedDataByPath(currentValue ?? null, tail, value));
+    return newData;
+  }
+  if (oldData instanceof Set) {
+    const setAsArray = updateNestedDataByPath(Array.from(oldData), updatePath, value);
+    return new Set(Array.isArray(setAsArray) ? setAsArray : []);
+  }
+  if (Array.isArray(oldData)) {
+    const newData = [...oldData];
+    if (updatePath.length === 1) {
+      // @ts-expect-error NAS
+      newData[updatePath[0]] = value;
+      return newData;
+    }
+    const [head, ...tail] = updatePath;
+    // @ts-expect-error NAS
+    newData[head] = updateNestedDataByPath(newData[head], tail, value);
+    return newData;
+  }
+  if (oldData instanceof Object) {
+    const newData = {
+      ...oldData
+    };
+    if (updatePath.length === 1) {
+      // @ts-expect-error NAS
+      newData[updatePath[0]] = value;
+      return newData;
+    }
+    const [head, ...tail] = updatePath;
+    // @ts-expect-error NAS
+    newData[head] = updateNestedDataByPath(newData[head], tail, value);
+    return newData;
+  }
+  return oldData;
+};

package/lib/typescript/index.d.ts

@@ -0,0 +1,7 @@
+export { reactQueryToolPreset, createReactQueryTool, wifiTogglePreset, createWifiToggleTool, } from "./preset";
+export * from "./react-query";
+export * from "./react-query/components";
+export * from "./react-query/hooks";
+export * from "./react-query/utils";
+export * from "./react-query/types";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAIlB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/lib/typescript/preset.d.ts

@@ -0,0 +1,160 @@
+/**
+ * Pre-configured React Query devtools for FloatingDevTools
+ *
+ * This preset provides a zero-config way to add React Query inspection to your dev tools.
+ * Just import and add it to your apps array!
+ *
+ * @example
+ * ```tsx
+ * import { reactQueryToolPreset } from '@buoy-gg/react-query';
+ *
+ * const installedApps = [
+ *   reactQueryToolPreset, // That's it!
+ *   // ...other tools
+ * ];
+ * ```
+ */
+import { ReactQueryDevToolsModal } from "./react-query/components/ReactQueryDevToolsModal";
+/**
+ * WiFi icon component - uses hooks to subscribe to onlineManager changes.
+ *
+ * ⚠️ IMPORTANT - DO NOT MODIFY THIS COMPONENT ⚠️
+ * This component MUST use useState and useEffect hooks to subscribe to onlineManager.
+ * It is rendered as a JSX component (<IconComponent />) in FloatingMenu and DialIcon,
+ * which allows hooks to work properly.
+ *
+ * If you remove the hooks or change this to read onlineManager.isOnline() directly,
+ * the icon color will NOT update when the WiFi toggle is pressed.
+ *
+ * See: FloatingMenu.tsx (renders as <IconComponent />)
+ * See: DialIcon.tsx (renders as <icon.iconComponent />)
+ */
+declare function WifiIcon({ size }: {
+    size: number;
+}): import("react").JSX.Element;
+/**
+ * Pre-configured React Query devtools for FloatingDevTools.
+ * Includes:
+ * - Query browser and inspector
+ * - Mutation tracking
+ * - Cache inspection
+ * - Query invalidation
+ * - Performance monitoring
+ */
+export declare const reactQueryToolPreset: {
+    id: string;
+    name: string;
+    description: string;
+    slot: "both";
+    icon: ({ size }: {
+        size: number;
+    }) => import("react").JSX.Element;
+    component: typeof ReactQueryDevToolsModal;
+    props: {
+        enableSharedModalDimensions: boolean;
+    };
+};
+/**
+ * Create a custom React Query devtools configuration.
+ * Use this if you want to override default settings.
+ *
+ * @example
+ * ```tsx
+ * import { createReactQueryTool } from '@buoy-gg/react-query';
+ *
+ * const myQueryTool = createReactQueryTool({
+ *   name: "TANSTACK",
+ *   colorPreset: "purple",
+ *   enableSharedModalDimensions: true,
+ * });
+ * ```
+ */
+export declare function createReactQueryTool(options?: {
+    /** Tool name (default: "QUERY") */
+    name?: string;
+    /** Tool description */
+    description?: string;
+    /** Custom tool ID (default: "query") */
+    id?: string;
+    /** Enable shared modal dimensions */
+    enableSharedModalDimensions?: boolean;
+}): {
+    id: string;
+    name: string;
+    description: string;
+    slot: "both";
+    icon: ({ size }: {
+        size: number;
+    }) => import("react").JSX.Element;
+    component: typeof ReactQueryDevToolsModal;
+    props: {
+        enableSharedModalDimensions: boolean;
+    };
+};
+/**
+ * Pre-configured WiFi toggle tool for FloatingDevTools.
+ * Allows toggling React Query's online state to simulate offline scenarios.
+ * Simple toggle - no modal needed!
+ *
+ * @example
+ * ```tsx
+ * import { wifiTogglePreset } from '@buoy-gg/react-query';
+ *
+ * const installedApps = [
+ *   wifiTogglePreset, // That's it!
+ *   // ...other tools
+ * ];
+ * ```
+ */
+export declare const wifiTogglePreset: {
+    id: string;
+    name: string;
+    description: string;
+    slot: "row";
+    icon: typeof WifiIcon;
+    component: () => null;
+    props: {};
+    launchMode: "toggle-only";
+    onPress: () => void;
+};
+/**
+ * Create a custom WiFi toggle tool configuration.
+ * Use this if you want to override default settings.
+ *
+ * @example
+ * ```tsx
+ * import { createWifiToggleTool } from '@buoy-gg/react-query';
+ *
+ * const myWifiTool = createWifiToggleTool({
+ *   name: "OFFLINE",
+ *   onColor: "#10B981",
+ *   offColor: "#DC2626",
+ * });
+ * ```
+ */
+export declare function createWifiToggleTool(options?: {
+    /** Tool name (default: "WIFI") */
+    name?: string;
+    /** Tool description */
+    description?: string;
+    /** Icon color when online (default: "#10B981" - green) */
+    onColor?: string;
+    /** Icon color when offline (default: "#DC2626" - red) */
+    offColor?: string;
+    /** Custom tool ID (default: "query-wifi-toggle") */
+    id?: string;
+}): {
+    id: string;
+    name: string;
+    description: string;
+    slot: "row";
+    icon: ({ size }: {
+        size: number;
+    }) => import("react").JSX.Element;
+    component: () => null;
+    props: {};
+    launchMode: "toggle-only";
+    onPress: () => void;
+};
+export {};
+//# sourceMappingURL=preset.d.ts.map

package/lib/typescript/preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/preset.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAqB3F;;;;;;;;;;;;;GAaG;AACH,iBAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,+BAY3C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB;;;;;qBAKd;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;CAKlC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE;IAC7C,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;;;;;qBAMoB;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;EASpC;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;CAc5B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE;IAC7C,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;;;;;qBAWmC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;EA6BnD"}

package/lib/typescript/react-query/ReactQueryDevTools.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Main entry point for the React Query Dev Tools feature
+ * This component orchestrates all React Query dev tools functionality
+ */
+export { ReactQueryModal } from "./components/modals/ReactQueryModal";
+export { ReactQueryModalHeader } from "./components/modals/ReactQueryModalHeader";
+export { QueryBrowserModal } from "./components/modals/QueryBrowserModal";
+export { MutationBrowserModal } from "./components/modals/MutationBrowserModal";
+export { MutationEditorModal } from "./components/modals/MutationEditorModal";
+export { DataEditorModal } from "./components/modals/DataEditorModal";
+export { QueryBrowserFooter } from "./components/modals/QueryBrowserFooter";
+export { MutationBrowserFooter } from "./components/modals/MutationBrowserFooter";
+export { SwipeIndicator } from "./components/modals/SwipeIndicator";
+export { Explorer } from "./components/query-browser";
+export { QueryBrowser } from "./components/query-browser";
+export { QueryDetails } from "./components/query-browser";
+export { QueryInformation } from "./components/query-browser";
+export { QueryActions } from "./components/query-browser";
+export { QueryRow } from "./components/query-browser";
+export { QueryStatus } from "./components/query-browser";
+export { QueryStatusCount } from "./components/query-browser";
+export { QueryDetailsChip } from "./components/query-browser";
+export { MutationsList } from "./components/query-browser";
+export { MutationDetails } from "./components/query-browser";
+export { MutationInformation } from "./components/query-browser";
+export { MutationButton } from "./components/query-browser";
+export { MutationStatusCount } from "./components/query-browser";
+export { MutationDetailsChips } from "./components/query-browser";
+export { ActionButton } from "./components/query-browser";
+export { ClearCacheButton } from "./components/query-browser";
+export { NetworkToggleButton } from "./components/query-browser";
+export { StorageStatusCount } from "./components/query-browser";
+export { VirtualizedDataExplorer, DataViewer, TypeLegend, } from "@buoy-gg/shared-ui/dataViewer";
+export { QueryBrowserMode } from "./components/QueryBrowserMode";
+export { MutationBrowserMode } from "./components/MutationBrowserMode";
+export { MutationEditorMode } from "./components/MutationEditorMode";
+export { DataEditorMode } from "./components/DataEditorMode";
+export { QuerySelector } from "./components/QuerySelector";
+export { QueryDebugInfo } from "./components/QueryDebugInfo";
+export { WifiToggle } from "./components/WifiToggle";
+export { ReactQuerySection } from "./components/ReactQuerySection";
+export * from "./hooks";
+export * from "./utils";
+export * from "./types";
+//# sourceMappingURL=ReactQueryDevTools.d.ts.map

package/lib/typescript/react-query/ReactQueryDevTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactQueryDevTools.d.ts","sourceRoot":"","sources":["../../../src/react-query/ReactQueryDevTools.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAGlF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGlE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,OAAO,EACL,uBAAuB,EACvB,UAAU,EACV,UAAU,GACX,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC"}

package/lib/typescript/react-query/components/DataEditorMode.d.ts

@@ -0,0 +1,25 @@
+import { Query } from "@tanstack/react-query";
+interface DataEditorModeProps {
+    selectedQuery: Query;
+    isFloatingMode: boolean;
+    disableInternalFooter?: boolean;
+    /** Version number that increments when query state changes, used to force re-renders */
+    queryVersion?: number;
+}
+/**
+ * Primary data editing surface displayed inside the React Query modal. Couples the editable
+ * explorer, read-only insight panels, and action footer for the selected query.
+ */
+export declare function DataEditorMode({ selectedQuery, isFloatingMode, disableInternalFooter, queryVersion, }: DataEditorModeProps): import("react").JSX.Element;
+/**
+ * Standalone footer variant that can be composed into sticky modal layouts while reusing the
+ * standard action button arrangement.
+ */
+export declare function DataEditorActionsFooter({ selectedQuery, isFloatingMode, queryVersion, }: {
+    selectedQuery: Query;
+    isFloatingMode: boolean;
+    /** Version number that increments when query state changes, used to force re-renders */
+    queryVersion?: number;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DataEditorMode.d.ts.map

package/lib/typescript/react-query/components/DataEditorMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataEditorMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/DataEditorMode.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAkB,MAAM,uBAAuB,CAAC;AAyB9D,UAAU,mBAAmB;IAC3B,aAAa,EAAE,KAAK,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,cAAc,EACd,qBAA6B,EAC7B,YAAY,GACb,EAAE,mBAAmB,+BA8ErB;AAGD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,aAAa,EACb,cAAc,EACd,YAAY,GACb,EAAE;IACD,aAAa,EAAE,KAAK,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,+BA2BA"}

package/lib/typescript/react-query/components/FilterStatusBadge.d.ts

@@ -0,0 +1,12 @@
+interface FilterStatusBadgeProps {
+    totalCount: number;
+    filteredCount: number;
+    onPress?: () => void;
+}
+/**
+ * Compact badge showing filter status (e.g., "Showing 5 of 12")
+ * Displayed below the header when filters are active
+ */
+export declare function FilterStatusBadge({ totalCount, filteredCount, onPress, }: FilterStatusBadgeProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=FilterStatusBadge.d.ts.map

package/lib/typescript/react-query/components/FilterStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterStatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/FilterStatusBadge.tsx"],"names":[],"mappings":"AAGA,UAAU,sBAAsB;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,aAAa,EACb,OAAO,GACR,EAAE,sBAAsB,sCAuBxB"}

package/lib/typescript/react-query/components/MutationBrowserMode.d.ts

@@ -0,0 +1,14 @@
+import { Mutation } from "@tanstack/react-query";
+interface MutationBrowserModeProps {
+    selectedMutation: Mutation | undefined;
+    onMutationSelect: (mutation: Mutation | undefined) => void;
+    activeFilter: string | null;
+    searchText?: string;
+}
+/**
+ * Layout wrapper that renders the mutation list alongside selection handling glue logic used by
+ * the React Query modal.
+ */
+export declare function MutationBrowserMode({ selectedMutation, onMutationSelect, activeFilter, searchText, }: MutationBrowserModeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MutationBrowserMode.d.ts.map

package/lib/typescript/react-query/components/MutationBrowserMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MutationBrowserMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/MutationBrowserMode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,QAAQ,GAAG,SAAS,CAAC;IACvC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,UAAe,GAChB,EAAE,wBAAwB,+BAwB1B"}

package/lib/typescript/react-query/components/MutationEditorMode.d.ts

@@ -0,0 +1,12 @@
+import { Mutation } from "@tanstack/react-query";
+interface MutationEditorModeProps {
+    selectedMutation: Mutation;
+    isFloatingMode: boolean;
+}
+/**
+ * Mutation-focused editing experience mirroring the query editor layout. Provides mutation detail
+ * panels, data inspector, and action buttons for the selected mutation entry.
+ */
+export declare function MutationEditorMode({ selectedMutation, isFloatingMode, }: MutationEditorModeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MutationEditorMode.d.ts.map

package/lib/typescript/react-query/components/MutationEditorMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MutationEditorMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/MutationEditorMode.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjD,UAAU,uBAAuB;IAC/B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,gBAAgB,EAChB,cAAc,GACf,EAAE,uBAAuB,+BAuEzB"}

package/lib/typescript/react-query/components/QueryBrowserMode.d.ts

@@ -0,0 +1,14 @@
+import { Query } from "@tanstack/react-query";
+interface QueryBrowserModeProps {
+    selectedQuery: Query | undefined;
+    onQuerySelect: (query: Query | undefined) => void;
+    activeFilter: string | null;
+    searchText?: string;
+    ignoredPatterns?: Set<string>;
+    includedPatterns?: Set<string>;
+    onFilterPress?: () => void;
+}
+/** Wrapper around the query list experience used inside the modal view. */
+export declare function QueryBrowserMode({ selectedQuery, onQuerySelect, activeFilter, searchText, ignoredPatterns, includedPatterns, onFilterPress, }: QueryBrowserModeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=QueryBrowserMode.d.ts.map

package/lib/typescript/react-query/components/QueryBrowserMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBrowserMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QueryBrowserMode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAM9C,UAAU,qBAAqB;IAC7B,aAAa,EAAE,KAAK,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAe,EACf,eAA2B,EAC3B,gBAA4B,EAC5B,aAAa,GACd,EAAE,qBAAqB,+BAoEvB"}

package/lib/typescript/react-query/components/QueryDebugInfo.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Lightweight debug panel that surfaces high-level QueryClient information and recently seen
+ * query keys. Intended primarily for the React Query dev tools modal.
+ */
+export declare function QueryDebugInfo(): import("react").JSX.Element;
+//# sourceMappingURL=QueryDebugInfo.d.ts.map

package/lib/typescript/react-query/components/QueryDebugInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryDebugInfo.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QueryDebugInfo.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,cAAc,gCAsC7B"}

package/lib/typescript/react-query/components/QueryFilterViewV3.d.ts

@@ -0,0 +1,17 @@
+import { Query } from "@tanstack/react-query";
+interface QueryFilterViewV3Props {
+    queries: Query[];
+    activeFilter: string | null;
+    onFilterChange: (filter: string | null) => void;
+    ignoredPatterns: Set<string>;
+    onPatternToggle: (pattern: string) => void;
+    includedPatterns: Set<string>;
+    onIncludedPatternToggle: (pattern: string) => void;
+}
+/**
+ * Comprehensive filter control panel for React Query DevTools matching the Network DevTools
+ * filter UI pattern. Provides status filtering and query key pattern-based filtering.
+ */
+export declare function QueryFilterViewV3({ queries, activeFilter, onFilterChange, ignoredPatterns, onPatternToggle, includedPatterns, onIncludedPatternToggle, }: QueryFilterViewV3Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=QueryFilterViewV3.d.ts.map

package/lib/typescript/react-query/components/QueryFilterViewV3.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryFilterViewV3.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QueryFilterViewV3.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAkB9C,UAAU,sBAAsB;IAC9B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,uBAAuB,GACxB,EAAE,sBAAsB,+BAgPxB"}

package/lib/typescript/react-query/components/QuerySelector.d.ts

@@ -0,0 +1,15 @@
+import { Query } from "@tanstack/react-query";
+interface QuerySelectorProps {
+    queries: Query[];
+    selectedQuery?: Query;
+    isOpen: boolean;
+    onClose: () => void;
+    onSelect: (query: Query) => void;
+}
+/**
+ * Modal selector that lists all known queries, highlighting status and enabling the user to focus
+ * a specific query within the dev tools experience.
+ */
+export declare function QuerySelector({ queries, selectedQuery, isOpen, onClose, onSelect, }: QuerySelectorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=QuerySelector.d.ts.map

package/lib/typescript/react-query/components/QuerySelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuerySelector.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QuerySelector.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAM9C,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,+BAmHpB"}

package/lib/typescript/react-query/components/ReactQueryDevToolsModal.d.ts

@@ -0,0 +1,19 @@
+/** Configuration options for the high-level React Query dev tools modal wrapper. */
+export interface ReactQueryDevToolsModalProps {
+    /** Controls whether the modal is rendered. */
+    visible: boolean;
+    /** Fired when the modal should dismiss (after internal state resets). */
+    onClose: () => void;
+    /** Callback when minimize is requested - receives current modal state for restoration */
+    onMinimize?: (modalState: any) => void;
+    /**
+     * If true, reuse the shared modal dimension keys so sizing is consistent with other dev tools.
+     */
+    enableSharedModalDimensions?: boolean;
+}
+/**
+ * Opinionated wrapper around `ReactQueryModal` that manages selection state and filters so
+ * consumers can drop in the full dev tools experience with a single component.
+ */
+export declare function ReactQueryDevToolsModal({ visible, onClose, onMinimize, enableSharedModalDimensions, }: ReactQueryDevToolsModalProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ReactQueryDevToolsModal.d.ts.map

package/lib/typescript/react-query/components/ReactQueryDevToolsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactQueryDevToolsModal.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/ReactQueryDevToolsModal.tsx"],"names":[],"mappings":"AAIA,oFAAoF;AACpF,MAAM,WAAW,4BAA4B;IAC3C,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAQD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,UAAU,EACV,2BAAkC,GACnC,EAAE,4BAA4B,sCAwE9B"}

package/lib/typescript/react-query/components/ReactQuerySection.d.ts

@@ -0,0 +1,11 @@
+interface ReactQuerySectionProps {
+    onPress: () => void;
+    getReactBuoySubtitle: () => string;
+}
+/**
+ * React Query section component following composition principles.
+ * Encapsulates React Query specific business logic and UI.
+ */
+export declare function ReactQuerySection({ onPress, getReactBuoySubtitle, }: ReactQuerySectionProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ReactQuerySection.d.ts.map

package/lib/typescript/react-query/components/ReactQuerySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactQuerySection.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/ReactQuerySection.tsx"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oBAAoB,EAAE,MAAM,MAAM,CAAC;CACpC;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,oBAAoB,GACrB,EAAE,sBAAsB,+BAuBxB"}

package/lib/typescript/react-query/components/WifiToggle.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Small icon button that toggles React Query’s online manager, allowing developers to simulate
+ * offline scenarios directly from the modal header.
+ */
+export declare function WifiToggle({ size }: {
+    size?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=WifiToggle.d.ts.map

package/lib/typescript/react-query/components/WifiToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WifiToggle.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/WifiToggle.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BA2B1D"}