@buoy-gg/react-query 7.0.41 → 7.0.42

package/lib/module/react-query/components/query-browser/QueryRow.js

@@ -1,92 +1 @@
-"use strict";
-
-import { memo } from "react";
-import { getQueryStatusLabel } from "../../utils/getQueryStatusLabel";
-import { CompactRow, buoyColors, useRelativeTime } from "@buoy-gg/shared-ui";
-import { queryRowTestID } from "../../utils/testIDs";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getQueryText = query => {
-  if (!query?.queryKey) return "Unknown Query";
-  const keys = Array.isArray(query.queryKey) ? query.queryKey : [query.queryKey];
-  return keys.filter(k => k != null).map(k => String(k)).join(" › ") || "Unknown Query";
-};
-/**
- * Single row representation of a query for the list view, showing status and observer count.
- */
-// Memo justified by profiling (tool-bench 2026-07-06): 546 row renders in
-// a 5s idle dwell at 300 queries. `stateSig` exists ONLY for this memo —
-// Query objects are mutable with stable identity, so shallow-comparing
-// `query` alone would never re-render (see QueryBrowser).
-const QueryRow = /*#__PURE__*/memo(function QueryRow({
-  query,
-  isSelected,
-  onSelect
-}) {
-  // Buoy theme status color mapping
-  const getStatusHexColor = status => {
-    switch (status) {
-      case "disabled":
-        return buoyColors.textMuted + "80";
-      // More muted for disabled
-      case "error":
-        return buoyColors.error;
-      // red — failed with no cached data
-      case "fresh":
-        return buoyColors.success;
-      case "stale":
-        return buoyColors.warning;
-      case "inactive":
-        return buoyColors.textMuted;
-      case "fetching":
-        return buoyColors.primary;
-      // teal instead of blue
-      case "paused":
-        return buoyColors.textMuted;
-      // muted instead of purple
-      default:
-        return buoyColors.textSecondary;
-    }
-  };
-  const status = getQueryStatusLabel(query);
-  const observerCount = query.getObserversCount();
-  const isDisabled = query.isDisabled();
-  const queryHash = getQueryText(query);
-
-  // Get the best available timestamp for this query
-  const bestTimestamp = (() => {
-    if (isDisabled) return null;
-    if (query.state.dataUpdatedAt && query.state.dataUpdatedAt > 0) {
-      return query.state.dataUpdatedAt;
-    }
-    // @ts-ignore - exploring state fields for debugging
-    const stateAny = query.state;
-    if (stateAny.fetchedAt && stateAny.fetchedAt > 0) {
-      return stateAny.fetchedAt;
-    }
-    return null;
-  })();
-  const relativeTime = useRelativeTime(bestTimestamp);
-  const lastUpdated = isDisabled ? "Disabled" : relativeTime || (query.state.dataUpdatedAt === 0 ? "Not fetched" : `N/A (${query.state.dataUpdatedAt || 0})`);
-  const testID = queryRowTestID(query.queryKey);
-  const observerText = `${observerCount} observer${observerCount !== 1 ? "s" : ""}`;
-  return /*#__PURE__*/_jsx(CompactRow, {
-    testID: testID,
-    statusTestID: `${testID}-status`,
-    statusSublabelTestID: `${testID}-observers`
-    // Spelled out for assistive tech: on Fabric the dot + two words merge
-    // into the row's own accessibility container, so without this the row
-    // announces as a control VoiceOver cannot name.
-    ,
-    accessibilityLabel: `${queryHash}, ${status}, ${observerText}`,
-    statusDotColor: getStatusHexColor(status),
-    statusLabel: status.charAt(0).toUpperCase() + status.slice(1),
-    statusSublabel: observerText,
-    primaryText: queryHash,
-    bottomRightText: lastUpdated,
-    badgeText: observerCount,
-    badgeColor: getStatusHexColor(status),
-    isSelected: isSelected,
-    onPress: () => onSelect(query)
-  });
-});
-export default QueryRow;
+"use strict";import{memo as x}from"react";import{getQueryStatusLabel as y}from"../../utils/getQueryStatusLabel";import{CompactRow as A,buoyColors as e,useRelativeTime as T}from"@buoy-gg/shared-ui";import{queryRowTestID as g}from"../../utils/testIDs";import{jsx as h}from"react/jsx-runtime";const D=s=>{if(!s?.queryKey)return"Unknown Query";const t=Array.isArray(s.queryKey)?s.queryKey:[s.queryKey];return t.filter(r=>r!=null).map(r=>String(r)).join(" \u203A ")||"Unknown Query"};const U=x(function s({query:t,isSelected:r,onSelect:b}){const c=o=>{switch(o){case"disabled":return e.textMuted+"80";case"error":return e.error;case"fresh":return e.success;case"stale":return e.warning;case"inactive":return e.textMuted;case"fetching":return e.primary;case"paused":return e.textMuted;default:return e.textSecondary}};const a=y(t);const n=t.getObserversCount();const i=t.isDisabled();const d=D(t);const m=(()=>{if(i)return null;if(t.state.dataUpdatedAt&&t.state.dataUpdatedAt>0){return t.state.dataUpdatedAt}const o=t.state;if(o.fetchedAt&&o.fetchedAt>0){return o.fetchedAt}return null})();const p=T(m);const f=i?"Disabled":p||(t.state.dataUpdatedAt===0?"Not fetched":`N/A (${t.state.dataUpdatedAt||0})`);const u=g(t.queryKey);const l=`${n} observer${n!==1?"s":""}`;return h(A,{testID:u,statusTestID:`${u}-status`,statusSublabelTestID:`${u}-observers`,accessibilityLabel:`${d}, ${a}, ${l}`,statusDotColor:c(a),statusLabel:a.charAt(0).toUpperCase()+a.slice(1),statusSublabel:l,primaryText:d,bottomRightText:f,badgeText:n,badgeColor:c(a),isSelected:r,onPress:()=>b(t)})});export default U;

package/lib/module/react-query/components/query-browser/QueryStatus.js

@@ -1,163 +1 @@
-"use strict";
-
-import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { buoyColors, night } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Pill-like status badge used within status filter rows. Displays label, dot, and count.
- */
-const QueryStatus = ({
-  label,
-  color,
-  count,
-  showLabel = true,
-  isActive = false,
-  onPress,
-  onTouchStart,
-  size = "default",
-  testID
-}) => {
-  const isLarge = size === "large";
-  // Buoy theme color mapping for status indicators
-  const getStatusColors = colorName => {
-    const colorMap = {
-      green: {
-        bg: buoyColors.success + "15",
-        border: buoyColors.success + "40",
-        dot: buoyColors.success,
-        text: buoyColors.success
-      },
-      yellow: {
-        bg: buoyColors.warning + "15",
-        border: buoyColors.warning + "40",
-        dot: buoyColors.warning,
-        text: buoyColors.warning
-      },
-      blue: {
-        bg: buoyColors.primary + "15",
-        border: buoyColors.primary + "40",
-        dot: buoyColors.primary,
-        text: buoyColors.primary
-      },
-      purple: {
-        bg: night.color.fillSecondary,
-        border: night.color.fillTertiary,
-        dot: night.color.textTertiary,
-        text: night.color.textTertiary
-      },
-      red: {
-        bg: buoyColors.error + "15",
-        border: buoyColors.error + "40",
-        dot: buoyColors.error,
-        text: buoyColors.error
-      },
-      gray: {
-        bg: night.color.fillSecondary,
-        border: night.color.fillTertiary,
-        dot: night.color.textTertiary,
-        text: night.color.textTertiary
-      }
-    };
-    return colorMap[colorName] || colorMap.gray;
-  };
-  const statusColors = getStatusColors(color);
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    "sentry-label": "ignore devtools query status",
-    testID: testID,
-    accessibilityRole: "button"
-    // The dot, the word and the number merge into one container on Fabric,
-    // so the chip is announced without any of them unless it is spelled out.
-    ,
-    accessibilityLabel: `${label}, ${count}${isActive ? ", selected" : ""}`,
-    accessibilityState: {
-      selected: isActive
-    },
-    style: [styles.queryStatusTag, isLarge && styles.queryStatusTagLarge,
-    // The night chip contract (see NightChip): resting fill never changes;
-    // selection is signaled by the tinted border and label.
-    isActive && {
-      backgroundColor: statusColors.bg,
-      borderColor: statusColors.border
-    }],
-    disabled: !onPress,
-    onPress: onPress,
-    onPressIn: onTouchStart,
-    activeOpacity: 0.7,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.dot, isLarge && styles.dotLarge, {
-        backgroundColor: statusColors.dot
-      }]
-    }), showLabel && /*#__PURE__*/_jsx(Text, {
-      style: [styles.label, isLarge && styles.labelLarge, isActive && {
-        color: statusColors.text
-      }],
-      numberOfLines: 1,
-      ellipsizeMode: "tail",
-      children: label
-    }), count > 0 && /*#__PURE__*/_jsx(Text, {
-      testID: testID ? `${testID}-count` : undefined,
-      style: [styles.count, isLarge && styles.countLarge, {
-        color: statusColors.dot
-      }],
-      numberOfLines: 1,
-      children: count
-    })]
-  });
-};
-const styles = StyleSheet.create({
-  queryStatusTag: {
-    flexDirection: "row",
-    alignItems: "center",
-    // Night chip: dark-glass fill, fully-rounded pill, hairline border.
-    backgroundColor: night.color.buttonSurface,
-    borderRadius: 13,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    height: 26,
-    gap: 6,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  queryStatusTagLarge: {
-    borderRadius: 16,
-    paddingHorizontal: 13,
-    paddingVertical: 6,
-    height: 32,
-    gap: 7
-  },
-  dot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3
-  },
-  dotLarge: {
-    width: 8,
-    height: 8,
-    borderRadius: 4
-  },
-  label: {
-    fontSize: 11,
-    fontWeight: "500",
-    color: night.color.textSecondary,
-    fontFamily: "system"
-  },
-  labelLarge: {
-    fontSize: 13,
-    fontWeight: "600",
-    letterSpacing: 0.2,
-    fontFamily: '"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
-  },
-  count: {
-    fontSize: 11,
-    fontVariant: ["tabular-nums"],
-    fontWeight: "600",
-    marginLeft: "auto",
-    fontFamily: "system"
-  },
-  countLarge: {
-    fontSize: 13,
-    fontWeight: "700",
-    fontFamily: '"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
-  }
-});
-export default QueryStatus;
+"use strict";import{View as h,Text as u,TouchableOpacity as x,StyleSheet as L}from"react-native";import{buoyColors as e,night as r}from"@buoy-gg/shared-ui";import{jsx as n,jsxs as T}from"react/jsx-runtime";const w=({label:d,color:y,count:s,showLabel:b=true,isActive:a=false,onPress:c,onTouchStart:f,size:p="default",testID:i})=>{const l=p==="large";const m=S=>{const g={green:{bg:e.success+"15",border:e.success+"40",dot:e.success,text:e.success},yellow:{bg:e.warning+"15",border:e.warning+"40",dot:e.warning,text:e.warning},blue:{bg:e.primary+"15",border:e.primary+"40",dot:e.primary,text:e.primary},purple:{bg:r.color.fillSecondary,border:r.color.fillTertiary,dot:r.color.textTertiary,text:r.color.textTertiary},red:{bg:e.error+"15",border:e.error+"40",dot:e.error,text:e.error},gray:{bg:r.color.fillSecondary,border:r.color.fillTertiary,dot:r.color.textTertiary,text:r.color.textTertiary}};return g[S]||g.gray};const o=m(y);return T(x,{"sentry-label":"ignore devtools query status",testID:i,accessibilityRole:"button",accessibilityLabel:`${d}, ${s}${a?", selected":""}`,accessibilityState:{selected:a},style:[t.queryStatusTag,l&&t.queryStatusTagLarge,a&&{backgroundColor:o.bg,borderColor:o.border}],disabled:!c,onPress:c,onPressIn:f,activeOpacity:.7,children:[n(h,{style:[t.dot,l&&t.dotLarge,{backgroundColor:o.dot}]}),b&&n(u,{style:[t.label,l&&t.labelLarge,a&&{color:o.text}],numberOfLines:1,ellipsizeMode:"tail",children:d}),s>0&&n(u,{testID:i?`${i}-count`:void 0,style:[t.count,l&&t.countLarge,{color:o.dot}],numberOfLines:1,children:s})]})};const t=L.create({queryStatusTag:{flexDirection:"row",alignItems:"center",backgroundColor:r.color.buttonSurface,borderRadius:13,paddingHorizontal:10,paddingVertical:5,height:26,gap:6,borderWidth:1,borderColor:r.color.border},queryStatusTagLarge:{borderRadius:16,paddingHorizontal:13,paddingVertical:6,height:32,gap:7},dot:{width:6,height:6,borderRadius:3},dotLarge:{width:8,height:8,borderRadius:4},label:{fontSize:11,fontWeight:"500",color:r.color.textSecondary,fontFamily:"system"},labelLarge:{fontSize:13,fontWeight:"600",letterSpacing:.2,fontFamily:'"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'},count:{fontSize:11,fontVariant:["tabular-nums"],fontWeight:"600",marginLeft:"auto",fontFamily:"system"},countLarge:{fontSize:13,fontWeight:"700",fontFamily:'"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'}});export default w;

package/lib/module/react-query/components/query-browser/QueryStatusCount.js

@@ -1,95 +1 @@
-"use strict";
-
-import { ChipStrip, useChipTap } from "@buoy-gg/shared-ui";
-import QueryStatus from "./QueryStatus";
-import useQueryStatusCounts from "../../hooks/useQueryStatusCounts";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Horizontal status filter bar for queries with scroll-aware tap handling to prevent misfires.
- */
-const QueryStatusCount = ({
-  activeFilter,
-  onFilterChange,
-  size = "default"
-}) => {
-  const {
-    fresh,
-    stale,
-    fetching,
-    paused,
-    inactive
-  } = useQueryStatusCounts();
-  const {
-    scrollProps,
-    onTouchStart: handleTouchStart,
-    isTap
-  } = useChipTap();
-  const handleFilterClick = (filter, event) => {
-    if (!isTap(event)) return;
-    if (onFilterChange) {
-      // Toggle filter: if already active, clear it; otherwise set it
-      onFilterChange(activeFilter === filter ? null : filter);
-    }
-  };
-  return /*#__PURE__*/_jsxs(ChipStrip, {
-    scrollProps: scrollProps,
-    sentryLabel: "ignore devtools query status count scroll",
-    children: [/*#__PURE__*/_jsx(QueryStatus, {
-      label: "Fresh",
-      color: "green",
-      count: fresh,
-      isActive: activeFilter === "fresh",
-      onPress: event => handleFilterClick("fresh", event),
-      onTouchStart: handleTouchStart,
-      testID: "buoy-rq-status-fresh",
-      showLabel: true // Always show labels now
-      ,
-      size: size
-    }), /*#__PURE__*/_jsx(QueryStatus, {
-      label: "Loading",
-      color: "blue",
-      count: fetching,
-      isActive: activeFilter === "fetching",
-      onPress: event => handleFilterClick("fetching", event),
-      onTouchStart: handleTouchStart,
-      testID: "buoy-rq-status-fetching",
-      showLabel: true // Always show labels now
-      ,
-      size: size
-    }), /*#__PURE__*/_jsx(QueryStatus, {
-      label: "Paused",
-      color: "purple",
-      count: paused,
-      isActive: activeFilter === "paused",
-      onPress: event => handleFilterClick("paused", event),
-      onTouchStart: handleTouchStart,
-      testID: "buoy-rq-status-paused",
-      showLabel: true // Always show labels now
-      ,
-      size: size
-    }), /*#__PURE__*/_jsx(QueryStatus, {
-      label: "Stale",
-      color: "yellow",
-      count: stale,
-      isActive: activeFilter === "stale",
-      onPress: event => handleFilterClick("stale", event),
-      onTouchStart: handleTouchStart,
-      testID: "buoy-rq-status-stale",
-      showLabel: true // Always show labels now
-      ,
-      size: size
-    }), /*#__PURE__*/_jsx(QueryStatus, {
-      label: "Idle",
-      color: "gray",
-      count: inactive,
-      isActive: activeFilter === "inactive",
-      onPress: event => handleFilterClick("inactive", event),
-      onTouchStart: handleTouchStart,
-      testID: "buoy-rq-status-inactive",
-      showLabel: true // Always show labels now
-      ,
-      size: size
-    })]
-  });
-};
-export default QueryStatusCount;
+"use strict";import{ChipStrip as y,useChipTap as S}from"@buoy-gg/shared-ui";import u from"./QueryStatus";import T from"../../hooks/useQueryStatusCounts";import{jsx as a,jsxs as m}from"react/jsx-runtime";const P=({activeFilter:t,onFilterChange:l,size:o="default"})=>{const{fresh:n,stale:c,fetching:i,paused:h,inactive:p}=T();const{scrollProps:b,onTouchStart:e,isTap:f}=S();const r=(s,d)=>{if(!f(d))return;if(l){l(t===s?null:s)}};return m(y,{scrollProps:b,sentryLabel:"ignore devtools query status count scroll",children:[a(u,{label:"Fresh",color:"green",count:n,isActive:t==="fresh",onPress:s=>r("fresh",s),onTouchStart:e,testID:"buoy-rq-status-fresh",showLabel:true,size:o}),a(u,{label:"Loading",color:"blue",count:i,isActive:t==="fetching",onPress:s=>r("fetching",s),onTouchStart:e,testID:"buoy-rq-status-fetching",showLabel:true,size:o}),a(u,{label:"Paused",color:"purple",count:h,isActive:t==="paused",onPress:s=>r("paused",s),onTouchStart:e,testID:"buoy-rq-status-paused",showLabel:true,size:o}),a(u,{label:"Stale",color:"yellow",count:c,isActive:t==="stale",onPress:s=>r("stale",s),onTouchStart:e,testID:"buoy-rq-status-stale",showLabel:true,size:o}),a(u,{label:"Idle",color:"gray",count:p,isActive:t==="inactive",onPress:s=>r("inactive",s),onTouchStart:e,testID:"buoy-rq-status-inactive",showLabel:true,size:o})]})};export default P;

package/lib/module/react-query/components/query-browser/StorageStatusCount.js

@@ -1,56 +1 @@
-"use strict";
-
-import { ChipStrip, useChipTap } from "@buoy-gg/shared-ui";
-import QueryStatus from "./QueryStatus";
-import { getStorageTypeLabel, getStorageTypeColor } from "../../utils/storageQueryUtils";
-import { jsx as _jsx } from "react/jsx-runtime";
-const allStorageTypes = ["mmkv", "async", "secure"];
-
-/**
- * Storage type filter component following composition principles
- *
- * Applied principles:
- * - Decompose by Responsibility: Dedicated component for storage type filtering
- * - No unnecessary memoization - simple toggle state management [[memory:4875074]]
- */
-const StorageStatusCount = ({
-  activeStorageTypes = new Set(allStorageTypes),
-  onStorageTypesChange,
-  counts
-}) => {
-  const {
-    scrollProps,
-    onTouchStart: handleTouchStart,
-    isTap
-  } = useChipTap();
-  const handleStorageTypeToggle = (storageType, event) => {
-    if (!isTap(event)) return;
-    if (onStorageTypesChange) {
-      const newStorageTypes = new Set(activeStorageTypes);
-      if (newStorageTypes.has(storageType)) {
-        newStorageTypes.delete(storageType);
-      } else {
-        newStorageTypes.add(storageType);
-      }
-      onStorageTypesChange(newStorageTypes);
-    }
-  };
-  return /*#__PURE__*/_jsx(ChipStrip, {
-    scrollProps: scrollProps,
-    sentryLabel: "ignore devtools storage status count scroll",
-    children: allStorageTypes.map(storageType => {
-      const count = counts?.[storageType] ?? 0;
-      return /*#__PURE__*/_jsx(QueryStatus, {
-        label: getStorageTypeLabel(storageType),
-        color: getStorageTypeColor(storageType),
-        count: count // Show actual storage query counts
-        ,
-        isActive: activeStorageTypes.has(storageType),
-        onPress: event => handleStorageTypeToggle(storageType, event),
-        onTouchStart: handleTouchStart,
-        showLabel: true
-      }, storageType);
-    })
-  });
-};
-export default StorageStatusCount;
+"use strict";import{ChipStrip as m,useChipTap as h}from"@buoy-gg/shared-ui";import p from"./QueryStatus";import{getStorageTypeLabel as d,getStorageTypeColor as f}from"../../utils/storageQueryUtils";import{jsx as l}from"react/jsx-runtime";const n=["mmkv","async","secure"];const b=({activeStorageTypes:e=new Set(n),onStorageTypesChange:s,counts:c})=>{const{scrollProps:u,onTouchStart:a,isTap:i}=h();const S=(t,r)=>{if(!i(r))return;if(s){const o=new Set(e);if(o.has(t)){o.delete(t)}else{o.add(t)}s(o)}};return l(m,{scrollProps:u,sentryLabel:"ignore devtools storage status count scroll",children:n.map(t=>{const r=c?.[t]??0;return l(p,{label:d(t),color:f(t),count:r,isActive:e.has(t),onPress:o=>S(t,o),onTouchStart:a,showLabel:true},t)})})};export default b;

package/lib/module/react-query/components/query-browser/index.js

@@ -1,22 +1 @@
-"use strict";
-
-export { default as Explorer } from "./Explorer";
-export { default as QueryBrowser } from "./QueryBrowser";
-export { default as QueryDetails } from "./QueryDetails";
-export { default as QueryInformation } from "./QueryInformation";
-export { default as QueryActions } from "./QueryActions";
-export { default as QueryRow } from "./QueryRow";
-export { default as QueryStatus } from "./QueryStatus";
-export { default as QueryStatusCount } from "./QueryStatusCount";
-export { default as QueryDetailsChip } from "./QueryDetailsChip";
-export { default as MutationsList } from "./MutationsList";
-export { default as MutationDetails } from "./MutationDetails";
-export { default as MutationInformation } from "./MutationInformation";
-export { default as MutationButton } from "./MutationButton";
-export { default as MutationStatusCount } from "./MutationStatusCount";
-export { default as MutationDetailsChips } from "./MutationDetailsChips";
-export { default as ActionButton } from "./ActionButton";
-export { default as ClearCacheButton } from "./ClearCacheButton";
-export { default as NetworkToggleButton } from "./NetworkToggleButton";
-export { default as StorageStatusCount } from "./StorageStatusCount";
-export { TanstackLogo, CheckCircle, LoadingCircle, PauseCircle, XCircle } from "./svgs";
+"use strict";export{default as Explorer}from"./Explorer";export{default as QueryBrowser}from"./QueryBrowser";export{default as QueryDetails}from"./QueryDetails";export{default as QueryInformation}from"./QueryInformation";export{default as QueryActions}from"./QueryActions";export{default as QueryRow}from"./QueryRow";export{default as QueryStatus}from"./QueryStatus";export{default as QueryStatusCount}from"./QueryStatusCount";export{default as QueryDetailsChip}from"./QueryDetailsChip";export{default as MutationsList}from"./MutationsList";export{default as MutationDetails}from"./MutationDetails";export{default as MutationInformation}from"./MutationInformation";export{default as MutationButton}from"./MutationButton";export{default as MutationStatusCount}from"./MutationStatusCount";export{default as MutationDetailsChips}from"./MutationDetailsChips";export{default as ActionButton}from"./ActionButton";export{default as ClearCacheButton}from"./ClearCacheButton";export{default as NetworkToggleButton}from"./NetworkToggleButton";export{default as StorageStatusCount}from"./StorageStatusCount";export{TanstackLogo,CheckCircle,LoadingCircle,PauseCircle,XCircle}from"./svgs";

package/lib/module/react-query/components/query-browser/svgs.js

@@ -1,64 +1 @@
-"use strict";
-
-import { QueryIcon, CheckCircle as SharedCheckCircle, Activity as SharedActivity, Pause as SharedPause, XCircle as SharedXCircle, buoyColors } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-/** React Query brand mark used across the dev tools UI. */
-export function TanstackLogo({
-  size = 24
-}) {
-  return /*#__PURE__*/_jsx(QueryIcon, {
-    size: size
-  });
-}
-
-/** Status icon representing successful requests. */
-export function CheckCircle({
-  size = 14,
-  color = buoyColors.success,
-  strokeWidth = 2
-}) {
-  return /*#__PURE__*/_jsx(SharedCheckCircle, {
-    size: size,
-    color: color,
-    strokeWidth: strokeWidth
-  });
-}
-
-/** Status icon representing in-flight queries or mutations. */
-export function LoadingCircle({
-  size = 14,
-  color = buoyColors.warning,
-  strokeWidth = 2
-}) {
-  return /*#__PURE__*/_jsx(SharedActivity, {
-    size: size,
-    color: color,
-    strokeWidth: strokeWidth
-  });
-}
-
-/** Status icon representing paused queries. */
-export function PauseCircle({
-  size = 14,
-  color = buoyColors.textMuted,
-  strokeWidth = 2
-}) {
-  return /*#__PURE__*/_jsx(SharedPause, {
-    size: size,
-    color: color,
-    strokeWidth: strokeWidth
-  });
-}
-
-/** Status icon representing errored requests. */
-export function XCircle({
-  size = 14,
-  color = buoyColors.error,
-  strokeWidth = 2
-}) {
-  return /*#__PURE__*/_jsx(SharedXCircle, {
-    size: size,
-    color: color,
-    strokeWidth: strokeWidth
-  });
-}
+"use strict";import{QueryIcon as c,CheckCircle as s,Activity as n,Pause as u,XCircle as a,buoyColors as i}from"@buoy-gg/shared-ui";import{jsx as o}from"react/jsx-runtime";export function TanstackLogo({size:r=24}){return o(c,{size:r})}export function CheckCircle({size:r=14,color:e=i.success,strokeWidth:t=2}){return o(s,{size:r,color:e,strokeWidth:t})}export function LoadingCircle({size:r=14,color:e=i.warning,strokeWidth:t=2}){return o(n,{size:r,color:e,strokeWidth:t})}export function PauseCircle({size:r=14,color:e=i.textMuted,strokeWidth:t=2}){return o(u,{size:r,color:e,strokeWidth:t})}export function XCircle({size:r=14,color:e=i.error,strokeWidth:t=2}){return o(a,{size:r,color:e,strokeWidth:t})}

package/lib/module/react-query/hooks/useActionButtons.js

@@ -1,46 +1 @@
-"use strict";
-
-import { useMemo } from "react";
-import triggerLoading from "../utils/actions/triggerLoading";
-import refetch from "../utils/actions/refetch";
-import triggerError from "../utils/actions/triggerError";
-import { getQueryStatusLabel } from "../utils/getQueryStatusLabel";
-/**
- * Derives compact action button configuration for the footer. Returns 3 essential buttons
- * (Refetch, Loading, Error) optimized for small device footprints.
- *
- * @param selectedQuery - The query to derive actions for
- * @param queryClient - The query client for executing actions
- * @param queryVersion - Optional version number that increments on query state changes.
- */
-export function useActionButtons(selectedQuery, queryClient, queryVersion) {
-  const actionButtons = useMemo(() => {
-    const queryStatus = selectedQuery.state.status;
-    const isFetching = getQueryStatusLabel(selectedQuery) === "fetching";
-    const buttons = [{
-      label: "Refetch",
-      variant: "refetch",
-      disabled: isFetching,
-      onPress: () => refetch({
-        query: selectedQuery
-      })
-    }, {
-      label: selectedQuery.state.fetchStatus === "fetching" ? "Restore Loading" : "Trigger Loading",
-      variant: "triggerLoading",
-      disabled: false,
-      onPress: () => triggerLoading({
-        query: selectedQuery
-      })
-    }, {
-      label: queryStatus === "error" ? "Restore Error" : "Trigger Error",
-      variant: "triggerError",
-      disabled: queryStatus === "pending",
-      onPress: () => triggerError({
-        query: selectedQuery,
-        queryClient
-      })
-    }];
-    return buttons;
-  }, [selectedQuery, queryClient, queryVersion]);
-  return actionButtons;
-}
+"use strict";import{useMemo as e}from"react";import g from"../utils/actions/triggerLoading";import f from"../utils/actions/refetch";import m from"../utils/actions/triggerError";import{getQueryStatusLabel as u}from"../utils/getQueryStatusLabel";export function useActionButtons(r,t,i){const n=e(()=>{const o=r.state.status;const a=u(r)==="fetching";const s=[{label:"Refetch",variant:"refetch",disabled:a,onPress:()=>f({query:r})},{label:r.state.fetchStatus==="fetching"?"Restore Loading":"Trigger Loading",variant:"triggerLoading",disabled:false,onPress:()=>g({query:r})},{label:o==="error"?"Restore Error":"Trigger Error",variant:"triggerError",disabled:o==="pending",onPress:()=>m({query:r,queryClient:t})}];return s},[r,t,i]);return n}

package/lib/module/react-query/hooks/useAllMutations.js

@@ -1,82 +1 @@
-"use strict";
-
-import { useCallback, useEffect, useRef, useState } from "react";
-import { useQueryClient } from "@tanstack/react-query";
-
-/**
- * Tracks all active React Query mutations with lightweight change detection.
- * Mirrors the pattern used in useAllQueries for consistency.
- */
-function useAllMutations() {
-  const queryClient = useQueryClient();
-  const [mutations, setMutations] = useState(() => {
-    // Initialize with current mutations to avoid flash
-    return queryClient.getMutationCache().getAll();
-  });
-
-  // Track mutation states using a Map for O(1) lookups
-  const mutationStatesRef = useRef(new Map());
-  const updateTimerRef = useRef(undefined);
-
-  // Check if mutations have changed
-  const hasMutationsChanged = useCallback(newMutations => {
-    const statesMap = mutationStatesRef.current;
-
-    // Quick length check first
-    if (newMutations.length !== statesMap.size) {
-      return true;
-    }
-
-    // Check if any mutation state has changed
-    for (const mutation of newMutations) {
-      const prevState = statesMap.get(mutation.mutationId);
-      if (!prevState) return true;
-      if (prevState.status !== mutation.state.status || prevState.submittedAt !== mutation.state.submittedAt || prevState.isPaused !== mutation.state.isPaused) {
-        return true;
-      }
-    }
-    return false;
-  }, []);
-
-  // Update function
-  const updateMutations = useCallback(() => {
-    const allMutations = queryClient.getMutationCache().getAll();
-    if (hasMutationsChanged(allMutations)) {
-      // Update states map
-      const newStatesMap = new Map();
-      allMutations.forEach(m => {
-        newStatesMap.set(m.mutationId, m.state);
-      });
-      mutationStatesRef.current = newStatesMap;
-      setMutations(allMutations);
-    }
-  }, [queryClient, hasMutationsChanged]);
-  useEffect(() => {
-    // Initial update
-    updateMutations();
-
-    // Subscribe with event filtering (matching useAllQueries pattern)
-    const unsubscribe = queryClient.getMutationCache().subscribe(event => {
-      // Process events that affect mutation list
-      if (event.type === "added" || event.type === "removed" || event.type === "updated") {
-        // Debounce updates to batch rapid changes
-        if (updateTimerRef.current) {
-          clearTimeout(updateTimerRef.current);
-        }
-        updateTimerRef.current = setTimeout(() => {
-          updateMutations();
-        }, 10);
-      }
-    });
-    return () => {
-      unsubscribe();
-      if (updateTimerRef.current) {
-        clearTimeout(updateTimerRef.current);
-      }
-    };
-  }, [queryClient, updateMutations]);
-  return {
-    mutations
-  };
-}
-export default useAllMutations;
+"use strict";import{useCallback as c,useEffect as m,useRef as f,useState as p}from"react";import{useQueryClient as M}from"@tanstack/react-query";function g(){const s=M();const[d,l]=p(()=>{return s.getMutationCache().getAll()});const i=f(new Map);const r=f(void 0);const o=c(e=>{const t=i.current;if(e.length!==t.size){return true}for(const u of e){const n=t.get(u.mutationId);if(!n)return true;if(n.status!==u.state.status||n.submittedAt!==u.state.submittedAt||n.isPaused!==u.state.isPaused){return true}}return false},[]);const a=c(()=>{const e=s.getMutationCache().getAll();if(o(e)){const t=new Map;e.forEach(u=>{t.set(u.mutationId,u.state)});i.current=t;l(e)}},[s,o]);m(()=>{a();const e=s.getMutationCache().subscribe(t=>{if(t.type==="added"||t.type==="removed"||t.type==="updated"){if(r.current){clearTimeout(r.current)}r.current=setTimeout(()=>{a()},10)}});return()=>{e();if(r.current){clearTimeout(r.current)}}},[s,a]);return{mutations:d}}export default g;