@buoy-gg/react-query 7.0.40 → 7.0.42

package/lib/commonjs/react-query/components/query-browser/QueryInformation.js

@@ -1,95 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = QueryInformation;
-var _QueryDetails = _interopRequireDefault(require("./QueryDetails"));
-var _QueryActions = _interopRequireDefault(require("./QueryActions"));
-var _Explorer = _interopRequireDefault(require("./Explorer"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Stacked detail view combining metadata, actions, and explorers for the selected query.
- */
-function QueryInformation({
-  selectedQuery,
-  setSelectedQuery
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    "sentry-label": "ignore devtools query info scroll",
-    style: styles.flexOne,
-    contentContainerStyle: styles.scrollContent,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.section,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryDetails.default, {
-        query: selectedQuery
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.section,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryActions.default, {
-        query: selectedQuery,
-        setSelectedQuery: setSelectedQuery
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.headerText,
-        children: "Data Explorer"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.contentView,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Explorer.default, {
-          editable: true,
-          label: "Data",
-          value: selectedQuery?.state.data,
-          defaultExpanded: ["Data"],
-          activeQuery: selectedQuery
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.headerText,
-        children: "Query Explorer"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.contentView,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Explorer.default, {
-          label: "Query",
-          value: selectedQuery,
-          defaultExpanded: ["Query", "queryKey"],
-          activeQuery: selectedQuery
-        })
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  flexOne: {
-    flex: 1,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  scrollContent: {
-    paddingBottom: 16,
-    paddingHorizontal: 8
-  },
-  section: {
-    marginBottom: 16
-  },
-  headerText: {
-    fontSize: 16,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    marginBottom: 8,
-    textAlign: "left"
-  },
-  contentView: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 16
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=QueryInformation;var _QueryDetails=_interopRequireDefault(require("./QueryDetails"));var _QueryActions=_interopRequireDefault(require("./QueryActions"));var _Explorer=_interopRequireDefault(require("./Explorer"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function QueryInformation({selectedQuery:e,setSelectedQuery:t}){return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{"sentry-label":"ignore devtools query info scroll",style:styles.flexOne,contentContainerStyle:styles.scrollContent,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsx)(_QueryDetails.default,{query:e})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsx)(_QueryActions.default,{query:e,setSelectedQuery:t})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.headerText,children:"Data Explorer"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.contentView,children:(0,_jsxRuntime.jsx)(_Explorer.default,{editable:true,label:"Data",value:e?.state.data,defaultExpanded:["Data"],activeQuery:e})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.headerText,children:"Query Explorer"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.contentView,children:(0,_jsxRuntime.jsx)(_Explorer.default,{label:"Query",value:e,defaultExpanded:["Query","queryKey"],activeQuery:e})})]})]})}const styles=_reactNative.StyleSheet.create({flexOne:{flex:1,backgroundColor:"transparent"},scrollContent:{paddingBottom:16,paddingHorizontal:8},section:{marginBottom:16},headerText:{fontSize:16,fontWeight:"600",color:_sharedUi.night.color.text,marginBottom:8,textAlign:"left"},contentView:{backgroundColor:_sharedUi.night.color.surface,borderRadius:12,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:16}});

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

@@ -1,96 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _getQueryStatusLabel = require("../../utils/getQueryStatusLabel");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _testIDs = require("../../utils/testIDs");
-var _jsxRuntime = require("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__*/(0, _react.memo)(function QueryRow({
-  query,
-  isSelected,
-  onSelect
-}) {
-  // Buoy theme status color mapping
-  const getStatusHexColor = status => {
-    switch (status) {
-      case "disabled":
-        return _sharedUi.buoyColors.textMuted + "80";
-      // More muted for disabled
-      case "error":
-        return _sharedUi.buoyColors.error;
-      // red — failed with no cached data
-      case "fresh":
-        return _sharedUi.buoyColors.success;
-      case "stale":
-        return _sharedUi.buoyColors.warning;
-      case "inactive":
-        return _sharedUi.buoyColors.textMuted;
-      case "fetching":
-        return _sharedUi.buoyColors.primary;
-      // teal instead of blue
-      case "paused":
-        return _sharedUi.buoyColors.textMuted;
-      // muted instead of purple
-      default:
-        return _sharedUi.buoyColors.textSecondary;
-    }
-  };
-  const status = (0, _getQueryStatusLabel.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 = (0, _sharedUi.useRelativeTime)(bestTimestamp);
-  const lastUpdated = isDisabled ? "Disabled" : relativeTime || (query.state.dataUpdatedAt === 0 ? "Not fetched" : `N/A (${query.state.dataUpdatedAt || 0})`);
-  const testID = (0, _testIDs.queryRowTestID)(query.queryKey);
-  const observerText = `${observerCount} observer${observerCount !== 1 ? "s" : ""}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.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)
-  });
-});
-var _default = exports.default = QueryRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=require("react");var _getQueryStatusLabel=require("../../utils/getQueryStatusLabel");var _sharedUi=require("@buoy-gg/shared-ui");var _testIDs=require("../../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");const getQueryText=e=>{if(!e?.queryKey)return"Unknown Query";const t=Array.isArray(e.queryKey)?e.queryKey:[e.queryKey];return t.filter(s=>s!=null).map(s=>String(s)).join(" \u203A ")||"Unknown Query"};const QueryRow=(0,_react.memo)(function e({query:t,isSelected:s,onSelect:d}){const n=a=>{switch(a){case"disabled":return _sharedUi.buoyColors.textMuted+"80";case"error":return _sharedUi.buoyColors.error;case"fresh":return _sharedUi.buoyColors.success;case"stale":return _sharedUi.buoyColors.warning;case"inactive":return _sharedUi.buoyColors.textMuted;case"fetching":return _sharedUi.buoyColors.primary;case"paused":return _sharedUi.buoyColors.textMuted;default:return _sharedUi.buoyColors.textSecondary}};const r=(0,_getQueryStatusLabel.getQueryStatusLabel)(t);const o=t.getObserversCount();const i=t.isDisabled();const l=getQueryText(t);const b=(()=>{if(i)return null;if(t.state.dataUpdatedAt&&t.state.dataUpdatedAt>0){return t.state.dataUpdatedAt}const a=t.state;if(a.fetchedAt&&a.fetchedAt>0){return a.fetchedAt}return null})();const y=(0,_sharedUi.useRelativeTime)(b);const p=i?"Disabled":y||(t.state.dataUpdatedAt===0?"Not fetched":`N/A (${t.state.dataUpdatedAt||0})`);const u=(0,_testIDs.queryRowTestID)(t.queryKey);const c=`${o} observer${o!==1?"s":""}`;return(0,_jsxRuntime.jsx)(_sharedUi.CompactRow,{testID:u,statusTestID:`${u}-status`,statusSublabelTestID:`${u}-observers`,accessibilityLabel:`${l}, ${r}, ${c}`,statusDotColor:n(r),statusLabel:r.charAt(0).toUpperCase()+r.slice(1),statusSublabel:c,primaryText:l,bottomRightText:p,badgeText:o,badgeColor:n(r),isSelected:s,onPress:()=>d(t)})});var _default=exports.default=QueryRow;

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

@@ -1,167 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("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: _sharedUi.buoyColors.success + "15",
-        border: _sharedUi.buoyColors.success + "40",
-        dot: _sharedUi.buoyColors.success,
-        text: _sharedUi.buoyColors.success
-      },
-      yellow: {
-        bg: _sharedUi.buoyColors.warning + "15",
-        border: _sharedUi.buoyColors.warning + "40",
-        dot: _sharedUi.buoyColors.warning,
-        text: _sharedUi.buoyColors.warning
-      },
-      blue: {
-        bg: _sharedUi.buoyColors.primary + "15",
-        border: _sharedUi.buoyColors.primary + "40",
-        dot: _sharedUi.buoyColors.primary,
-        text: _sharedUi.buoyColors.primary
-      },
-      purple: {
-        bg: _sharedUi.night.color.fillSecondary,
-        border: _sharedUi.night.color.fillTertiary,
-        dot: _sharedUi.night.color.textTertiary,
-        text: _sharedUi.night.color.textTertiary
-      },
-      red: {
-        bg: _sharedUi.buoyColors.error + "15",
-        border: _sharedUi.buoyColors.error + "40",
-        dot: _sharedUi.buoyColors.error,
-        text: _sharedUi.buoyColors.error
-      },
-      gray: {
-        bg: _sharedUi.night.color.fillSecondary,
-        border: _sharedUi.night.color.fillTertiary,
-        dot: _sharedUi.night.color.textTertiary,
-        text: _sharedUi.night.color.textTertiary
-      }
-    };
-    return colorMap[colorName] || colorMap.gray;
-  };
-  const statusColors = getStatusColors(color);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.dot, isLarge && styles.dotLarge, {
-        backgroundColor: statusColors.dot
-      }]
-    }), showLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.label, isLarge && styles.labelLarge, isActive && {
-        color: statusColors.text
-      }],
-      numberOfLines: 1,
-      ellipsizeMode: "tail",
-      children: label
-    }), count > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      testID: testID ? `${testID}-count` : undefined,
-      style: [styles.count, isLarge && styles.countLarge, {
-        color: statusColors.dot
-      }],
-      numberOfLines: 1,
-      children: count
-    })]
-  });
-};
-const styles = _reactNative.StyleSheet.create({
-  queryStatusTag: {
-    flexDirection: "row",
-    alignItems: "center",
-    // Night chip: dark-glass fill, fully-rounded pill, hairline border.
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    borderRadius: 13,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    height: 26,
-    gap: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.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: _sharedUi.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'
-  }
-});
-var _default = exports.default = QueryStatus;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");const QueryStatus=({label:l,color:n,count:t,showLabel:u=true,isActive:r=false,onPress:s,onTouchStart:d,size:g="default",testID:a})=>{const o=g==="large";const c=y=>{const i={green:{bg:_sharedUi.buoyColors.success+"15",border:_sharedUi.buoyColors.success+"40",dot:_sharedUi.buoyColors.success,text:_sharedUi.buoyColors.success},yellow:{bg:_sharedUi.buoyColors.warning+"15",border:_sharedUi.buoyColors.warning+"40",dot:_sharedUi.buoyColors.warning,text:_sharedUi.buoyColors.warning},blue:{bg:_sharedUi.buoyColors.primary+"15",border:_sharedUi.buoyColors.primary+"40",dot:_sharedUi.buoyColors.primary,text:_sharedUi.buoyColors.primary},purple:{bg:_sharedUi.night.color.fillSecondary,border:_sharedUi.night.color.fillTertiary,dot:_sharedUi.night.color.textTertiary,text:_sharedUi.night.color.textTertiary},red:{bg:_sharedUi.buoyColors.error+"15",border:_sharedUi.buoyColors.error+"40",dot:_sharedUi.buoyColors.error,text:_sharedUi.buoyColors.error},gray:{bg:_sharedUi.night.color.fillSecondary,border:_sharedUi.night.color.fillTertiary,dot:_sharedUi.night.color.textTertiary,text:_sharedUi.night.color.textTertiary}};return i[y]||i.gray};const e=c(n);return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools query status",testID:a,accessibilityRole:"button",accessibilityLabel:`${l}, ${t}${r?", selected":""}`,accessibilityState:{selected:r},style:[styles.queryStatusTag,o&&styles.queryStatusTagLarge,r&&{backgroundColor:e.bg,borderColor:e.border}],disabled:!s,onPress:s,onPressIn:d,activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,o&&styles.dotLarge,{backgroundColor:e.dot}]}),u&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.label,o&&styles.labelLarge,r&&{color:e.text}],numberOfLines:1,ellipsizeMode:"tail",children:l}),t>0&&(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:a?`${a}-count`:void 0,style:[styles.count,o&&styles.countLarge,{color:e.dot}],numberOfLines:1,children:t})]})};const styles=_reactNative.StyleSheet.create({queryStatusTag:{flexDirection:"row",alignItems:"center",backgroundColor:_sharedUi.night.color.buttonSurface,borderRadius:13,paddingHorizontal:10,paddingVertical:5,height:26,gap:6,borderWidth:1,borderColor:_sharedUi.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:_sharedUi.night.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'}});var _default=exports.default=QueryStatus;

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

@@ -1,100 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _QueryStatus = _interopRequireDefault(require("./QueryStatus"));
-var _useQueryStatusCounts = _interopRequireDefault(require("../../hooks/useQueryStatusCounts"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * 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
-  } = (0, _useQueryStatusCounts.default)();
-  const {
-    scrollProps,
-    onTouchStart: handleTouchStart,
-    isTap
-  } = (0, _sharedUi.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__*/(0, _jsxRuntime.jsxs)(_sharedUi.ChipStrip, {
-    scrollProps: scrollProps,
-    sentryLabel: "ignore devtools query status count scroll",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-      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__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-      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__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-      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__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-      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__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-      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
-    })]
-  });
-};
-var _default = exports.default = QueryStatusCount;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _sharedUi=require("@buoy-gg/shared-ui");var _QueryStatus=_interopRequireDefault(require("./QueryStatus"));var _useQueryStatusCounts=_interopRequireDefault(require("../../hooks/useQueryStatusCounts"));var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}const QueryStatusCount=({activeFilter:t,onFilterChange:o,size:s="default"})=>{const{fresh:a,stale:l,fetching:n,paused:c,inactive:i}=(0,_useQueryStatusCounts.default)();const{scrollProps:d,onTouchStart:u,isTap:h}=(0,_sharedUi.useChipTap)();const r=(e,f)=>{if(!h(f))return;if(o){o(t===e?null:e)}};return(0,_jsxRuntime.jsxs)(_sharedUi.ChipStrip,{scrollProps:d,sentryLabel:"ignore devtools query status count scroll",children:[(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Fresh",color:"green",count:a,isActive:t==="fresh",onPress:e=>r("fresh",e),onTouchStart:u,testID:"buoy-rq-status-fresh",showLabel:true,size:s}),(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Loading",color:"blue",count:n,isActive:t==="fetching",onPress:e=>r("fetching",e),onTouchStart:u,testID:"buoy-rq-status-fetching",showLabel:true,size:s}),(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Paused",color:"purple",count:c,isActive:t==="paused",onPress:e=>r("paused",e),onTouchStart:u,testID:"buoy-rq-status-paused",showLabel:true,size:s}),(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Stale",color:"yellow",count:l,isActive:t==="stale",onPress:e=>r("stale",e),onTouchStart:u,testID:"buoy-rq-status-stale",showLabel:true,size:s}),(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Idle",color:"gray",count:i,isActive:t==="inactive",onPress:e=>r("inactive",e),onTouchStart:u,testID:"buoy-rq-status-inactive",showLabel:true,size:s})]})};var _default=exports.default=QueryStatusCount;

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

@@ -1,61 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _QueryStatus = _interopRequireDefault(require("./QueryStatus"));
-var _storageQueryUtils = require("../../utils/storageQueryUtils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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
-  } = (0, _sharedUi.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__*/(0, _jsxRuntime.jsx)(_sharedUi.ChipStrip, {
-    scrollProps: scrollProps,
-    sentryLabel: "ignore devtools storage status count scroll",
-    children: allStorageTypes.map(storageType => {
-      const count = counts?.[storageType] ?? 0;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-        label: (0, _storageQueryUtils.getStorageTypeLabel)(storageType),
-        color: (0, _storageQueryUtils.getStorageTypeColor)(storageType),
-        count: count // Show actual storage query counts
-        ,
-        isActive: activeStorageTypes.has(storageType),
-        onPress: event => handleStorageTypeToggle(storageType, event),
-        onTouchStart: handleTouchStart,
-        showLabel: true
-      }, storageType);
-    })
-  });
-};
-var _default = exports.default = StorageStatusCount;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _sharedUi=require("@buoy-gg/shared-ui");var _QueryStatus=_interopRequireDefault(require("./QueryStatus"));var _storageQueryUtils=require("../../utils/storageQueryUtils");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}const allStorageTypes=["mmkv","async","secure"];const StorageStatusCount=({activeStorageTypes:t=new Set(allStorageTypes),onStorageTypesChange:s,counts:o})=>{const{scrollProps:a,onTouchStart:l,isTap:n}=(0,_sharedUi.useChipTap)();const i=(e,u)=>{if(!n(u))return;if(s){const r=new Set(t);if(r.has(e)){r.delete(e)}else{r.add(e)}s(r)}};return(0,_jsxRuntime.jsx)(_sharedUi.ChipStrip,{scrollProps:a,sentryLabel:"ignore devtools storage status count scroll",children:allStorageTypes.map(e=>{const u=o?.[e]??0;return(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:(0,_storageQueryUtils.getStorageTypeLabel)(e),color:(0,_storageQueryUtils.getStorageTypeColor)(e),count:u,isActive:t.has(e),onPress:r=>i(e,r),onTouchStart:l,showLabel:true},e)})})};var _default=exports.default=StorageStatusCount;