@buoy-gg/react-query 1.7.7 → 1.7.8

package/lib/commonjs/react-query/components/modals/MutationBrowserModal.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MutationBrowserModal = MutationBrowserModal;
+var _reactQuery = require("@tanstack/react-query");
 var _react = require("react");
 var _useSelectedMutation = require("../../hooks/useSelectedMutation");
 var _MutationBrowserMode = require("../MutationBrowserMode");
@@ -30,11 +31,17 @@ function MutationBrowserModal({
   searchText = "",
   onSearchChange
 }) {
+  const queryClient = (0, _reactQuery.useQueryClient)();
   const selectedMutation = (0, _useSelectedMutation.useGetMutationById)(selectedMutationId);
   const [internalActiveFilter, setInternalActiveFilter] = (0, _react.useState)(null);
   const activeFilter = externalActiveFilter ?? internalActiveFilter;
   const setActiveFilter = externalOnFilterChange ?? setInternalActiveFilter;
 
+  // Clear mutation cache handler
+  const handleClearCache = (0, _react.useCallback)(() => {
+    queryClient.getMutationCache().clear();
+  }, [queryClient]);
+
   // Track modal mode for conditional styling
   // Initialize with bottomSheet but it will be updated from persisted state if available
   const [modalMode, setModalMode] = (0, _react.useState)("bottomSheet");
@@ -98,7 +105,8 @@ function MutationBrowserModal({
     onTabChange: onTabChange,
     onBack: () => onMutationSelect(undefined),
     searchText: searchText,
-    onSearchChange: onSearchChange
+    onSearchChange: onSearchChange,
+    onClearCache: handleClearCache
   });
   const footerNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationBrowserFooter.MutationBrowserFooter, {
     activeFilter: activeFilter,

package/lib/commonjs/react-query/components/modals/QueryBrowserModal.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.QueryBrowserModal = QueryBrowserModal;
+var _reactQuery = require("@tanstack/react-query");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _useSelectedQuery = require("../../hooks/useSelectedQuery");
 var _ReactQueryModalHeader = require("./ReactQueryModalHeader");
@@ -32,9 +33,15 @@ function QueryBrowserModal({
   searchText = "",
   onSearchChange
 }) {
+  const queryClient = (0, _reactQuery.useQueryClient)();
   const selectedQuery = (0, _useSelectedQuery.useGetQueryByQueryKey)(selectedQueryKey);
   const allQueries = (0, _useAllQueries.default)();
 
+  // Clear query cache handler
+  const handleClearCache = (0, _react.useCallback)(() => {
+    queryClient.getQueryCache().clear();
+  }, [queryClient]);
+
   // Use external filter state if provided (for persistence), otherwise use internal state
   const [internalActiveFilter, setInternalActiveFilter] = (0, _react.useState)(null);
   const activeFilter = externalActiveFilter ?? internalActiveFilter;
@@ -177,7 +184,8 @@ function QueryBrowserModal({
       searchText: searchText,
       onSearchChange: onSearchChange,
       onFilterPress: () => setShowFilterView(true),
-      hasActiveFilters: activeFilter !== null || ignoredPatterns.size > 0 || includedPatterns.size > 0
+      hasActiveFilters: activeFilter !== null || ignoredPatterns.size > 0 || includedPatterns.size > 0,
+      onClearCache: handleClearCache
     });
   };
   const footerNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryBrowserFooter.QueryBrowserFooter, {

package/lib/commonjs/react-query/components/modals/ReactQueryModalHeader.js

@@ -21,7 +21,8 @@ function ReactQueryModalHeader({
   searchText = "",
   onSearchChange,
   onFilterPress,
-  hasActiveFilters = false
+  hasActiveFilters = false,
+  onClearCache
 }) {
   const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
   const searchInputRef = (0, _react.useRef)(null);
@@ -133,6 +134,15 @@ function ReactQueryModalHeader({
           size: 14,
           color: hasActiveFilters ? _sharedUi.buoyColors.primary : _sharedUi.buoyColors.textSecondary
         })
+      }), onClearCache && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        "sentry-label": "ignore clear cache",
+        onPress: onClearCache,
+        style: [styles.headerActionButton, styles.clearCacheButton],
+        accessibilityLabel: `Clear ${activeTab} cache`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash, {
+          size: 14,
+          color: _sharedUi.buoyColors.warning
+        })
       })]
     })]
   });
@@ -167,5 +177,8 @@ const styles = _reactNative.StyleSheet.create({
   },
   activeFilterButton: {
     backgroundColor: _sharedUi.buoyColors.primary + "33"
+  },
+  clearCacheButton: {
+    backgroundColor: _sharedUi.buoyColors.warning + "20"
   }
 });

package/lib/module/react-query/components/modals/MutationBrowserModal.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { useQueryClient } from "@tanstack/react-query";
 import { useCallback, useState, useRef } from "react";
 import { useGetMutationById } from "../../hooks/useSelectedMutation";
 import { MutationBrowserMode } from "../MutationBrowserMode";
@@ -27,11 +28,17 @@ export function MutationBrowserModal({
   searchText = "",
   onSearchChange
 }) {
+  const queryClient = useQueryClient();
   const selectedMutation = useGetMutationById(selectedMutationId);
   const [internalActiveFilter, setInternalActiveFilter] = useState(null);
   const activeFilter = externalActiveFilter ?? internalActiveFilter;
   const setActiveFilter = externalOnFilterChange ?? setInternalActiveFilter;
 
+  // Clear mutation cache handler
+  const handleClearCache = useCallback(() => {
+    queryClient.getMutationCache().clear();
+  }, [queryClient]);
+
   // Track modal mode for conditional styling
   // Initialize with bottomSheet but it will be updated from persisted state if available
   const [modalMode, setModalMode] = useState("bottomSheet");
@@ -95,7 +102,8 @@ export function MutationBrowserModal({
     onTabChange: onTabChange,
     onBack: () => onMutationSelect(undefined),
     searchText: searchText,
-    onSearchChange: onSearchChange
+    onSearchChange: onSearchChange,
+    onClearCache: handleClearCache
   });
   const footerNode = /*#__PURE__*/_jsx(MutationBrowserFooter, {
     activeFilter: activeFilter,

package/lib/module/react-query/components/modals/QueryBrowserModal.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { useQueryClient } from "@tanstack/react-query";
 import { JsModal, ModalHeader, TabSelector } from "@buoy-gg/shared-ui";
 import { useGetQueryByQueryKey } from "../../hooks/useSelectedQuery";
 import { ReactQueryModalHeader } from "./ReactQueryModalHeader";
@@ -28,9 +29,15 @@ export function QueryBrowserModal({
   searchText = "",
   onSearchChange
 }) {
+  const queryClient = useQueryClient();
   const selectedQuery = useGetQueryByQueryKey(selectedQueryKey);
   const allQueries = useAllQueries();
 
+  // Clear query cache handler
+  const handleClearCache = useCallback(() => {
+    queryClient.getQueryCache().clear();
+  }, [queryClient]);
+
   // Use external filter state if provided (for persistence), otherwise use internal state
   const [internalActiveFilter, setInternalActiveFilter] = useState(null);
   const activeFilter = externalActiveFilter ?? internalActiveFilter;
@@ -173,7 +180,8 @@ export function QueryBrowserModal({
       searchText: searchText,
       onSearchChange: onSearchChange,
       onFilterPress: () => setShowFilterView(true),
-      hasActiveFilters: activeFilter !== null || ignoredPatterns.size > 0 || includedPatterns.size > 0
+      hasActiveFilters: activeFilter !== null || ignoredPatterns.size > 0 || includedPatterns.size > 0,
+      onClearCache: handleClearCache
     });
   };
   const footerNode = /*#__PURE__*/_jsx(QueryBrowserFooter, {

package/lib/module/react-query/components/modals/ReactQueryModalHeader.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { ModalHeader, TabSelector, Search, X, Filter, buoyColors } from "@buoy-gg/shared-ui";
+import { ModalHeader, TabSelector, Search, X, Filter, Trash, buoyColors } from "@buoy-gg/shared-ui";
 import { useState, useRef, useEffect } from "react";
 import { View, TextInput, TouchableOpacity, StyleSheet } from "react-native";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -17,7 +17,8 @@ export function ReactQueryModalHeader({
   searchText = "",
   onSearchChange,
   onFilterPress,
-  hasActiveFilters = false
+  hasActiveFilters = false,
+  onClearCache
 }) {
   const [isSearchActive, setIsSearchActive] = useState(false);
   const searchInputRef = useRef(null);
@@ -129,6 +130,15 @@ export function ReactQueryModalHeader({
           size: 14,
           color: hasActiveFilters ? buoyColors.primary : buoyColors.textSecondary
         })
+      }), onClearCache && /*#__PURE__*/_jsx(TouchableOpacity, {
+        "sentry-label": "ignore clear cache",
+        onPress: onClearCache,
+        style: [styles.headerActionButton, styles.clearCacheButton],
+        accessibilityLabel: `Clear ${activeTab} cache`,
+        children: /*#__PURE__*/_jsx(Trash, {
+          size: 14,
+          color: buoyColors.warning
+        })
       })]
     })]
   });
@@ -163,5 +173,8 @@ const styles = StyleSheet.create({
   },
   activeFilterButton: {
     backgroundColor: buoyColors.primary + "33"
+  },
+  clearCacheButton: {
+    backgroundColor: buoyColors.warning + "20"
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"MutationBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAcjD,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,WAAW,EACX,2BAAmC,EACnC,UAAe,EACf,cAAc,GACf,EAAE,yBAAyB,sCAmI3B"}
+{"version":3,"file":"MutationBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAcjE,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,WAAW,EACX,2BAAmC,EACnC,UAAe,EACf,cAAc,GACf,EAAE,yBAAyB,sCA0I3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiBxD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,2BAAmC,EACnC,WAAW,EACX,UAAe,EACf,cAAc,GACf,EAAE,sBAAsB,sCAwNxB"}
+{"version":3,"file":"QueryBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAiBxE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,2BAAmC,EACnC,WAAW,EACX,UAAe,EACf,cAAc,GACf,EAAE,sBAAsB,sCA+NxB"}

package/lib/typescript/react-query/components/modals/ReactQueryModalHeader.d.ts

@@ -9,11 +9,12 @@ interface ReactQueryModalHeaderProps {
     onSearchChange?: (text: string) => void;
     onFilterPress?: () => void;
     hasActiveFilters?: boolean;
+    onClearCache?: () => void;
 }
 /**
  * Shared header for all React Query modals. Handles tab switching when browsing and presents
  * breadcrumbs when a specific query or mutation is selected.
  */
-export declare function ReactQueryModalHeader({ selectedQuery, selectedMutation, activeTab, onTabChange, onBack, searchText, onSearchChange, onFilterPress, hasActiveFilters, }: ReactQueryModalHeaderProps): import("react").JSX.Element;
+export declare function ReactQueryModalHeader({ selectedQuery, selectedMutation, activeTab, onTabChange, onBack, searchText, onSearchChange, onFilterPress, hasActiveFilters, onClearCache, }: ReactQueryModalHeaderProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ReactQueryModalHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReactQueryModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/ReactQueryModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKxD,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,MAAM,EACN,UAAe,EACf,cAAc,EACd,aAAa,EACb,gBAAwB,GACzB,EAAE,0BAA0B,+BA+I5B"}
+{"version":3,"file":"ReactQueryModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/ReactQueryModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKxD,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,MAAM,EACN,UAAe,EACf,cAAc,EACd,aAAa,EACb,gBAAwB,EACxB,YAAY,GACb,EAAE,0BAA0B,+BAyJ5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/react-query",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "description": "react-query package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -12,8 +12,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "1.7.7",
-    "@buoy-gg/shared-ui": "1.7.7"
+    "@buoy-gg/floating-tools-core": "1.7.8",
+    "@buoy-gg/shared-ui": "1.7.8"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",